AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Catégories Taupes

    Partagez
    avatar
    A-Lice
    FémininAge : 24Messages : 4939

    le Ven 10 Avr 2015 - 18:31

    Rappel du premier message :




    Catégories Taupes


    Suite à une demande de Moys voici des catégories taupes.

    Je précise que l'arrière plan rose pâle correspond à mon forum.

    HTML & CSS ~ Voici donc un aperçu : www ~ phpBB2


    Et le code :
    Template index_box à remplacer en entier :
    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
       <tr>
          <td valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall">{LAST_VISIT_DATE}<br />
             {CURRENT_TIME}<br />
             </span>
             <!-- END switch_user_logged_in -->
             <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
             <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
             <!-- END switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
       </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><!-- END tablehead -->
       <!-- BEGIN cathead -->
          <!-- BEGIN inc --><!-- END inc -->
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
          <!-- BEGIN inc --><!-- END inc -->
    <div class="cat_titre"><a class="cat_titre" title="{catrow.cathead.CAT_DESC}" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
    <div class="cat_bloc1"><div class="cat_desc">{catrow.forumrow.FORUM_DESC}
          <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
          <!-- END switch_moderators_links --></div> <div class="cat_sousfora" id="sousfora">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
    <script type="text/javascript">
      <!--
                          jQuery('#sousfora').html(jQuery('#sousfora').html().replace(/, /g,'<div style="width: 100%; border-bottom: 2px solid black; margin-top: 5px; margin-bottom: 5px;"></div>')).removeAttr('id');
      jQuery(document).ready(function(){
        jQuery('a.gensmall').each(function (){
        var texte = jQuery(this).attr('title') ;
        if(texte){
        texte = texte.replace(/\<\/a\>/gi, '').replace(/\<br \/\>/gi, '').replace(/\<br >/gi, '');
        jQuery(this).attr('title', texte);
        }
        });
      });
      //-->
      </script>
    <div class="cat_bloc2"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><div style="padding: 10px;">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div>
    {catrow.forumrow.LAST_POST}
       <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar --></div>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
          <!-- BEGIN inc --><!-- END inc -->
       <!-- END catfoot -->
    <div style="height: 5px;"></div>
       <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

    Template overall_header (après < head > ligne 4) :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>

    CSS :
    Code:
    a.cat_titre {
    font-size: 40px;
    color: #54413d;
    font-family: 'Poiret One', cursive;
    opacity: 0.5;
    transition: all 0.5s;
    padding: 10px;
    text-indent: 15px;
    text-decoration: none;
    }

    a.cat_titre:hover {
    transition: all 0.5s;
    opacity: 1;
    }

    .cat_bloc1 {
    width: 560px;
    height: 110px;
    border: 2px solid black;
    padding: 10px;
    background: #f5f5f2;
    overflow: auto;
    display: inline-block;
    margin-top: 5px;
    }

    .cat_bloc2 {
    margin-left: 15px;
    width: 190px;
    height: 120px;
    padding: 5px;
    background: #f5f5f2;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    border: 2px solid black;
    vertical-align: top;
    margin-top: 5px;
    }

    .cat_desc {
    width: 360px;
    text-align: justify;
    font-size: 12px;
    color: #9c887d;
    display: inline-block;
    vertical-align: top;
    }

    .cat_sousfora {
    width: 160px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #e0dcce;
    color: #9c887d;
    border: 2px solid black;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    }

    .cat_sousfora a.gensmall {
    color: #9c887d;
    font-size: 14px;
    }

    /*SUPRESSION DU SOULIGNEMENT DES LIENS*/
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }
    /*Fin*/

    Remarques :
    -Le forum doit faire 830px de largeur.
    -Il ne faut absolument pas mettre de virgules dans les descriptions des sous-fora pour ne pas déformer le code.


    /!\ En cas de problème, c'est ici ou que ça ce passe.
    Un petit merci ou commentaire est toujours le bienvenu ^^
    - Mettre/laisser un crédit vers Never-Utopia est obligatoire.

    avatar
    -Resis
    MasculinAge : 22Messages : 25

    le Mer 11 Mai 2016 - 21:27

    GOod
    avatar
    Hana Evali
    FémininAge : 28Messages : 174

    le Lun 16 Mai 2016 - 17:17

    Merci !





    Je joue
    • ♚ Kili
    • ♚Ianto Jones
    • ♚ Thor Odinson
    • ♚ James T. Kirk
    J'anime
    • ♚ Les intrigues
    • ♚ Les soirées CB
    • ♚ Les événements
    • ♚ Le flood/les jeux


    avatar
    WhiteRaaven
    FémininAge : 22Messages : 39

    le Lun 16 Mai 2016 - 17:33

    merci!
    avatar
    Pixye
    FémininAge : 25Messages : 10

    le Mar 17 Mai 2016 - 21:14

    Merci pour le partage :)
    avatar
    Amaliiah
    FémininAge : 20Messages : 50

    le Ven 22 Juil 2016 - 14:49

    Merci
    avatar
    Invité

    le Lun 25 Juil 2016 - 16:53

    MERCI ♥
    avatar
    Mello
    FémininAge : 21Messages : 52

    le Mar 26 Juil 2016 - 0:04

    Très joli! Merci!
    avatar
    Thanos
    MasculinAge : 23Messages : 84

    le Ven 29 Juil 2016 - 20:13

    Merci
    avatar
    Djeina
    FémininAge : 22Messages : 233

    le Mer 10 Aoû 2016 - 13:47

    Merci du partage ^^
    avatar
    Donquichotte
    MasculinAge : 23Messages : 48

    le Ven 26 Aoû 2016 - 2:31

    mrci
    avatar
    Gahia
    FémininAge : 30Messages : 50

    le Sam 17 Sep 2016 - 16:38

    merci ^^
    avatar
    Samiro
    MasculinAge : 22Messages : 51

    le Dim 18 Sep 2016 - 20:50

    Cimer
    avatar
    missp
    FémininAge : 28Messages : 26

    le Lun 19 Sep 2016 - 3:14

    merci
    avatar
    Jynnea
    FémininAge : 23Messages : 103

    le Sam 1 Oct 2016 - 19:52

    Merci!
    avatar
    Seano'k
    MasculinAge : 22Messages : 20

    le Sam 15 Oct 2016 - 17:04

    Merci
    avatar
    Mariana Greyson
    FémininAge : 20Messages : 78

    le Mer 26 Oct 2016 - 12:27

    mrc
    avatar
    Litonya
    FémininAge : 17Messages : 149

    le Jeu 22 Déc 2016 - 15:10

    Merci beaucoup !
    avatar
    mijako
    FémininAge : 26Messages : 83

    le Jeu 22 Déc 2016 - 17:40

    Merci~~!
    avatar
    Hylia
    FémininAge : 18Messages : 100

    le Lun 16 Jan 2017 - 18:36

    Merci!



    avatar
    Shupy
    FémininAge : 23Messages : 15

    le Mar 17 Jan 2017 - 18:09

    Merci
    avatar
    Kitket
    FémininAge : 35Messages : 100

    le Dim 19 Fév 2017 - 9:57

    Merci
    avatar
    Nyotengu
    FémininAge : 24Messages : 85

    le Lun 6 Mar 2017 - 15:48

    merci
    avatar
    Suna
    FémininAge : 13Messages : 33

    le Lun 6 Mar 2017 - 17:18

    Mirki toi ! <3



    Salut à tous, mon nom est Suna en rapport avec Suna (un village de Ninja dans Naruto)
    Mes surnoms son Gaga, Erza et Gaara. j'aime beaucoup les mangas et en particulier Fairy Tail. Je suis fort en rpg, mnof e, codage et nulle à chier en graphisme.

    avatar
    fraumali
    FémininAge : 38Messages : 122

    le Lun 6 Mar 2017 - 17:20

    Bonjour par là, merci de ce partage, superbe codage
    avatar
    yukiyuki
    FémininAge : 24Messages : 85

    le Dim 26 Mar 2017 - 15:43

    merciiii
    Contenu sponsorisé


      La date/heure actuelle est Dim 16 Déc 2018 - 9:36