AccueilDernières imagesRechercherS'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.

Le Deal du moment : -27%
-27% sur la machine à café Expresso ...
Voir le deal
399.99 €

    Catégories Taupes

    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    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.

    -Resis
    -Resis
    MasculinAge : 28Messages : 25

    Mer 11 Mai 2016 - 21:27

    GOod
    Hana Evali
    Hana Evali
    FémininAge : 34Messages : 195

    Lun 16 Mai 2016 - 17:17

    Merci !



    Catégories Taupes - Page 5 Ye49
    WhiteRaaven
    WhiteRaaven
    FémininAge : 28Messages : 39

    Lun 16 Mai 2016 - 17:33

    merci!
    Pixye
    Pixye
    FémininAge : 31Messages : 10

    Mar 17 Mai 2016 - 21:14

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

    Ven 22 Juil 2016 - 14:49

    Merci
    Anonymous
    Invité

    Lun 25 Juil 2016 - 16:53

    MERCI ♥
    Mello
    Mello
    FémininAge : 27Messages : 52

    Mar 26 Juil 2016 - 0:04

    Très joli! Merci!
    Thanos
    Thanos
    MasculinAge : 28Messages : 84

    Ven 29 Juil 2016 - 20:13

    Merci
    Djeina
    Djeina
    FémininAge : 28Messages : 233

    Mer 10 Aoû 2016 - 13:47

    Merci du partage ^^
    Donquichotte
    Donquichotte
    MasculinAge : 28Messages : 48

    Ven 26 Aoû 2016 - 2:31

    mrci
    Gahia
    Gahia
    FémininAge : 36Messages : 50

    Sam 17 Sep 2016 - 16:38

    merci ^^
    Samiro
    Samiro
    MasculinAge : 28Messages : 52

    Dim 18 Sep 2016 - 20:50

    Cimer
    missp
    missp
    FémininAge : 34Messages : 26

    Lun 19 Sep 2016 - 3:14

    merci
    Anonymous
    Invité

    Sam 1 Oct 2016 - 19:52

    Merci!
    Seano'k
    Seano'k
    MasculinAge : 28Messages : 20

    Sam 15 Oct 2016 - 17:04

    Merci
    Mariana Greyson
    Mariana Greyson
    FémininAge : 26Messages : 78

    Mer 26 Oct 2016 - 12:27

    mrc
    Litonya
    Litonya
    FémininAge : 23Messages : 149

    Jeu 22 Déc 2016 - 15:10

    Merci beaucoup !
    mijako
    mijako
    FémininAge : 32Messages : 83

    Jeu 22 Déc 2016 - 17:40

    Merci~~!
    Hylia
    Hylia
    FémininAge : 24Messages : 100

    Lun 16 Jan 2017 - 18:36

    Merci!



    Catégories Taupes - Page 5 _hylia10
    Shupy
    Shupy
    FémininAge : 28Messages : 15

    Mar 17 Jan 2017 - 18:09

    Merci
    Kitket
    Kitket
    FémininAge : 41Messages : 106

    Dim 19 Fév 2017 - 9:57

    Merci
    Nyotengu
    Nyotengu
    FémininAge : 30Messages : 85

    Lun 6 Mar 2017 - 15:48

    merci
    Suna
    Suna
    FémininAge : 19Messages : 33

    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.

    Catégories Taupes - Page 5 Url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi90cbPor_SAhXHiRoKHe5MAGIQjRwIBw&url=https%3A%2F%2Ffr.pinterest.com%2Fpin%2F286049013812562888%2F&bvm=bv.148747831,d
    fraumali
    fraumali
    FémininAge : 44Messages : 140

    Lun 6 Mar 2017 - 17:20

    Bonjour par là, merci de ce partage, superbe codage
    yukiyuki
    yukiyuki
    FémininAge : 29Messages : 89

    Dim 26 Mar 2017 - 15:43

    merciiii
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 9:41