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 :
Cartes Pokémon EV8.5 : coffret dresseur ...
Voir le deal

    Catégories Taupes

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

    Ven 10 Avr 2015 - 18:31




    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.

    Lilynufare
    Lilynufare
    FémininAge : 34Messages : 341

    Sam 11 Avr 2015 - 18:34

    C'est sympa, merci
    Kianda
    Kianda
    MasculinAge : 23Messages : 88

    Sam 18 Avr 2015 - 20:23

    Très joli et simple, merci ^^



    Catégories Taupes 1416416855-kandiasigna
    Colorful
    Colorful
    MasculinAge : 34Messages : 15

    Dim 19 Avr 2015 - 2:11

    Merci bien
    mackay
    mackay
    MasculinAge : 36Messages : 124

    Dim 19 Avr 2015 - 17:25

    Très joli merci ^^
    .lovely
    .lovely
    FémininAge : 27Messages : 54

    Dim 19 Avr 2015 - 22:27

    merciiii !
    Kitty Kat.
    Kitty Kat.
    FémininAge : 30Messages : 86

    Lun 20 Avr 2015 - 16:05

    J'aime beaucoup le code ! Very Happy Je vais l'essayer ! Very Happy
    Doku
    Doku
    FémininAge : 29Messages : 70

    Mar 21 Avr 2015 - 17:47

    Wow, merci pour ce partage !!
    Lakia
    Lakia
    FémininAge : 26Messages : 138

    Mar 21 Avr 2015 - 18:34

    merciii
    destanee
    destanee
    FémininAge : 38Messages : 43

    Mer 22 Avr 2015 - 14:28

    Merci.
    Ronron
    Ronron
    FémininAge : 24Messages : 70

    Mer 22 Avr 2015 - 15:10

    Merci !
    LOUVE ☽
    LOUVE ☽
    FémininAge : 34Messages : 53

    Sam 25 Avr 2015 - 9:42

    merci
    Tatia38
    Tatia38
    FémininAge : 35Messages : 318

    Sam 25 Avr 2015 - 9:52

    J'aime beaucoup merci
    Kira de Shola
    Kira de Shola
    FémininAge : 27Messages : 60

    Dim 26 Avr 2015 - 17:05

    Merciiii.
    Nonze
    Nonze
    MasculinAge : 31Messages : 85

    Lun 27 Avr 2015 - 1:32

    Merci
    Furries
    Furries
    FémininAge : 28Messages : 34

    Dim 3 Mai 2015 - 14:27

    Merci beaucoup, c'est tout joli ! :)
    Asuka
    Asuka
    FémininAge : 30Messages : 105

    Sam 16 Mai 2015 - 18:45

    Merci ♥



    Catégories Taupes 975531MisakiHino3
    Misery Mind™
    Misery Mind™
    FémininAge : 33Messages : 153

    Sam 16 Mai 2015 - 21:57

    merci !



    Equestria
    Equestria
    FémininAge : 27Messages : 118

    Mer 20 Mai 2015 - 2:24

    merci
    petit lu
    petit lu
    FémininAge : 32Messages : 184

    Sam 30 Mai 2015 - 13:32

    Merci du code c'est très beau ♥
    TiGraou
    TiGraou
    MasculinAge : 31Messages : 243

    Mar 2 Juin 2015 - 11:23

    Merci
    Snape.
    Snape.
    FémininAge : 27Messages : 55

    Mar 2 Juin 2015 - 18:20

    c'est sympa, je vais l'essayer :)



    Catégories Taupes Tumblr_mqz0udGEEI1sx2peuo4_250Catégories Taupes Tumblr_mqz0udGEEI1sx2peuo6_250
    GreenGage
    GreenGage
    FémininAge : 31Messages : 73

    Mar 2 Juin 2015 - 22:24

    Merci !
    Zélya
    Zélya
    FémininAge : 35Messages : 190

    Jeu 4 Juin 2015 - 13:11

    bonjour merci du partage



    Catégories Taupes 891727signaNanmoue
    Flaura
    Flaura
    FémininAge : 21Messages : 152

    Sam 13 Juin 2015 - 19:34

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 22:13