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
    Istina
    FémininAge : 24Messages : 111

    le Lun 3 Aoû 2015 - 21:55

    Merci :)
    avatar
    Kelalin
    FémininAge : 26Messages : 1978

    le Lun 3 Aoû 2015 - 22:43

    Merci ( ̄ー ̄)
    avatar
    mon-etoile
    FémininAge : 30Messages : 140

    le Mar 11 Aoû 2015 - 18:38

    Merci
    avatar
    Bzzzz
    FémininAge : 34Messages : 86

    le Jeu 13 Aoû 2015 - 16:18

    Très jolie merci
    Catblack
    FémininAge : 22Messages : 85

    le Ven 14 Aoû 2015 - 18:16

    merci
    avatar
    Merwyn Arehdel
    FémininAge : 19Messages : 298

    le Sam 15 Aoû 2015 - 14:47

    Merci



    Just want to be yours.
    avatar
    .loumpia
    FémininAge : 26Messages : 205

    le Lun 17 Aoû 2015 - 19:16

    :heart:
    avatar
    effyi
    FémininAge : 23Messages : 41

    le Ven 21 Aoû 2015 - 14:16

    merci beaucoup ♥
    avatar
    Angy38
    FémininAge : 48Messages : 230

    le Dim 23 Aoû 2015 - 22:36

    Merci



    avatar
    Lessien
    FémininAge : 36Messages : 163

    le Lun 24 Aoû 2015 - 23:13

    Merci :)
    avatar
    Depp
    FémininAge : 27Messages : 298

    le Mer 26 Aoû 2015 - 15:39

    Merci :)



    avatar
    melah
    FémininAge : 27Messages : 8

    le Mer 26 Aoû 2015 - 17:01

    sympas
    avatar
    Creamy Magic
    FémininAge : 20Messages : 7

    le Dim 6 Sep 2015 - 18:48

    Merci ♥
    avatar
    Kitolia
    FémininAge : 18Messages : 23

    le Mar 8 Sep 2015 - 21:36

    Il est magnifique ! Merci beauocup pour ce travail !
    Etoile*
    FémininAge : 27Messages : 77

    le Dim 20 Sep 2015 - 18:04

    Merci
    avatar
    ENDLESS-DREAM
    FémininAge : 27Messages : 31

    le Sam 26 Sep 2015 - 0:57

    merci
    avatar
    shadows
    MasculinAge : 23Messages : 5

    le Sam 26 Sep 2015 - 13:26

    Nice nice nice , merci
    avatar
    Meiywa
    FémininAge : 27Messages : 79

    le Mar 6 Oct 2015 - 11:04

    Merciiii :)
    avatar
    neochrome_ltd
    MasculinAge : 36Messages : 63

    le Mar 6 Oct 2015 - 17:49

    Merci
    avatar
    Pollux
    FémininAge : 28Messages : 97

    le Mar 6 Oct 2015 - 19:41

    merci
    avatar
    P'tit loup
    MasculinAge : 36Messages : 445

    le Mer 7 Oct 2015 - 13:52

    merci ^^



    avatar
    naru12021
    FémininAge : 25Messages : 20

    le Lun 12 Oct 2015 - 11:57

    Merci !
    avatar
    Mello
    FémininAge : 21Messages : 52

    le Mar 13 Oct 2015 - 4:40

    Merci!(:
    avatar
    Amacky
    FémininAge : 26Messages : 133

    le Ven 16 Oct 2015 - 13:32

    Merci :)
    avatar
    oldich
    MasculinAge : 17Messages : 6

    le Sam 24 Oct 2015 - 18:25

    J'aime beaucoup :3
    Contenu sponsorisé


      La date/heure actuelle est Sam 15 Déc 2018 - 11:13