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.


    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.

    Istina
    Istina
    FémininAge : 30Messages : 111

    Lun 3 Aoû 2015 - 21:55

    Merci :)
    Anonymous
    Invité

    Lun 3 Aoû 2015 - 22:43

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

    Mar 11 Aoû 2015 - 18:38

    Merci
    Bzzzz
    Bzzzz
    FémininAge : 40Messages : 93

    Jeu 13 Aoû 2015 - 16:18

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

    Ven 14 Aoû 2015 - 18:16

    merci
    Merwyn Arehdel
    Merwyn Arehdel
    FémininAge : 25Messages : 304

    Sam 15 Aoû 2015 - 14:47

    Merci



    Just want to be yours.
    Anonymous
    Invité

    Lun 17 Aoû 2015 - 19:16

    :heart:
    effyi
    effyi
    FémininAge : 29Messages : 41

    Ven 21 Aoû 2015 - 14:16

    merci beaucoup ♥
    Angy38
    Angy38
    FémininAge : 54Messages : 233

    Dim 23 Aoû 2015 - 22:36

    Merci



    Catégories Taupes - Page 3 Jvie
    Lessien
    Lessien
    FémininAge : 42Messages : 163

    Lun 24 Aoû 2015 - 23:13

    Merci :)
    Depp
    Depp
    FémininAge : 33Messages : 301

    Mer 26 Aoû 2015 - 15:39

    Merci :)



    Catégories Taupes - Page 3 Tumblr_nenygwIlcz1s4u464o1_500
    melah
    melah
    FémininAge : 33Messages : 8

    Mer 26 Aoû 2015 - 17:01

    sympas
    Creamy Magic
    Creamy Magic
    FémininAge : 26Messages : 7

    Dim 6 Sep 2015 - 18:48

    Merci ♥
    Kitolia
    Kitolia
    FémininAge : 24Messages : 23

    Mar 8 Sep 2015 - 21:36

    Il est magnifique ! Merci beauocup pour ce travail !
    avatar
    Etoile*
    FémininAge : 33Messages : 82

    Dim 20 Sep 2015 - 18:04

    Merci
    ENDLESS-DREAM
    ENDLESS-DREAM
    FémininAge : 33Messages : 31

    Sam 26 Sep 2015 - 0:57

    merci
    shadows
    shadows
    MasculinAge : 29Messages : 5

    Sam 26 Sep 2015 - 13:26

    Nice nice nice , merci
    Meiywa
    Meiywa
    FémininAge : 33Messages : 81

    Mar 6 Oct 2015 - 11:04

    Merciiii :)
    neochrome_ltd
    neochrome_ltd
    MasculinAge : 42Messages : 63

    Mar 6 Oct 2015 - 17:49

    Merci
    Pollux
    Pollux
    FémininAge : 34Messages : 99

    Mar 6 Oct 2015 - 19:41

    merci
    P'tit loup
    P'tit loup
    MasculinAge : 42Messages : 451

    Mer 7 Oct 2015 - 13:52

    merci ^^



    Catégories Taupes - Page 3 30xivrd
    naru12021
    naru12021
    FémininAge : 31Messages : 20

    Lun 12 Oct 2015 - 11:57

    Merci !
    Mello
    Mello
    FémininAge : 27Messages : 52

    Mar 13 Oct 2015 - 4:40

    Merci!(:
    Amacky
    Amacky
    FémininAge : 32Messages : 135

    Ven 16 Oct 2015 - 13:32

    Merci :)
    oldich
    oldich
    MasculinAge : 23Messages : 6

    Sam 24 Oct 2015 - 18:25

    J'aime beaucoup :3
    Contenu sponsorisé


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