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 :
Code promo Nike : -25% dès 50€ ...
Voir le deal

    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.

    Anonymous
    Invité

    Mar 27 Oct 2015 - 18:55

    merci =)
    Shakespeare
    Shakespeare
    FémininAge : 34Messages : 110

    Sam 31 Oct 2015 - 11:56

    Merci !
    Neya
    Neya
    FémininAge : 25Messages : 164

    Ven 6 Nov 2015 - 16:28

    Merci
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Ven 6 Nov 2015 - 21:38

    merci



    Patricia :)
    Shanyme Thibolt
    Shanyme Thibolt
    FémininAge : 30Messages : 156

    Lun 9 Nov 2015 - 17:51

    Merci pour le partage
    cynical-echo
    cynical-echo
    FémininAge : 27Messages : 41

    Jeu 3 Déc 2015 - 12:53

    Merci pour le partage ! :)
    Pucky
    Pucky
    FémininAge : 27Messages : 44

    Ven 1 Jan 2016 - 20:47

    Merci beaucoup pour ce superbe LS !
    Ganta
    Ganta
    MasculinAge : 32Messages : 69

    Ven 8 Jan 2016 - 2:00

    Merci
    Anonymous
    Invité

    Sam 16 Jan 2016 - 22:32

    Sobre, intéressant. :)
    Synny
    Synny
    FémininAge : 23Messages : 55

    Dim 24 Jan 2016 - 8:58

    Merci, j'aime beaucoup.
    Simple, mais efficace. ♥
    meolyne
    meolyne
    FémininAge : 40Messages : 74

    Lun 25 Jan 2016 - 11:06

    Merci pour l'aide Wink
    Shizuyae
    Shizuyae
    FémininAge : 25Messages : 57

    Jeu 4 Fév 2016 - 20:56

    Merci
    avatar
    Hop80
    MasculinAge : 35Messages : 138

    Sam 6 Fév 2016 - 0:30

    Merci du partage
    Mawie62
    Mawie62
    FémininAge : 29Messages : 125

    Lun 8 Fév 2016 - 19:05

    Merci j'adore ! merci du partage!



    Catégories Taupes - Page 4 Signat10
    megb59
    megb59
    FémininAge : 30Messages : 111

    Jeu 18 Fév 2016 - 18:15

    Ce code est vraiment beau! Very Happy Bravo à toi!
    KTMiz
    KTMiz
    MasculinAge : 25Messages : 47

    Ven 19 Fév 2016 - 17:58

    Merci



    Catégories Taupes - Page 4 Kjod95_sick_religion
    alysia
    alysia
    MasculinAge : 32Messages : 33

    Ven 26 Fév 2016 - 17:46

    merci
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Lun 29 Fév 2016 - 22:20

    Merci



    Patricia :)
    Neuux
    Neuux
    FémininAge : 27Messages : 32

    Mar 1 Mar 2016 - 23:31

    Merci!
    Manwin
    Manwin
    MasculinAge : 26Messages : 25

    Jeu 28 Avr 2016 - 17:08

    Merci !
    jeremy31
    jeremy31
    MasculinAge : 27Messages : 22

    Ven 29 Avr 2016 - 14:51

    merci :)
    -Resis
    -Resis
    MasculinAge : 28Messages : 25

    Sam 7 Mai 2016 - 2:19

    good
    Heartfilia
    Heartfilia
    FémininAge : 24Messages : 98

    Sam 7 Mai 2016 - 17:01

    Merci



    YOU HELLA SAVED MY LIFE
    - chloe price
    younessdu91
    younessdu91
    MasculinAge : 26Messages : 96

    Dim 8 Mai 2016 - 14:50

    A-Lice a écrit:

    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 :

    Un petit commentaire (un merci ?) suffit pour voir le code.

    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.


    thx
    marie-noelle
    marie-noelle
    FémininAge : 67Messages : 112

    Lun 9 Mai 2016 - 0:32

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:36