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




    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
    Lilynufare
    FémininAge : 28Messages : 341

    le Sam 11 Avr 2015 - 18:34

    C'est sympa, merci
    avatar
    Kianda
    MasculinAge : 17Messages : 88

    le Sam 18 Avr 2015 - 20:23

    Très joli et simple, merci ^^



    avatar
    Colorful
    MasculinAge : 28Messages : 15

    le Dim 19 Avr 2015 - 2:11

    Merci bien
    avatar
    mackay
    MasculinAge : 30Messages : 124

    le Dim 19 Avr 2015 - 17:25

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

    le Dim 19 Avr 2015 - 22:27

    merciiii !
    avatar
    Kitty Kat.
    FémininAge : 24Messages : 86

    le Lun 20 Avr 2015 - 16:05

    J'aime beaucoup le code ! Very Happy Je vais l'essayer ! Very Happy
    avatar
    Doku
    FémininAge : 23Messages : 66

    le Mar 21 Avr 2015 - 17:47

    Wow, merci pour ce partage !!
    avatar
    Lakia
    FémininAge : 20Messages : 106

    le Mar 21 Avr 2015 - 18:34

    merciii
    avatar
    destanee
    FémininAge : 32Messages : 43

    le Mer 22 Avr 2015 - 14:28

    Merci.
    avatar
    Ronron
    FémininAge : 18Messages : 69

    le Mer 22 Avr 2015 - 15:10

    Merci !
    avatar
    LOUVE ☽
    FémininAge : 28Messages : 53

    le Sam 25 Avr 2015 - 9:42

    merci
    avatar
    Tatia38
    FémininAge : 29Messages : 308

    le Sam 25 Avr 2015 - 9:52

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

    le Dim 26 Avr 2015 - 17:05

    Merciiii.
    avatar
    Nonze
    MasculinAge : 25Messages : 85

    le Lun 27 Avr 2015 - 1:32

    Merci
    avatar
    Furries
    FémininAge : 22Messages : 34

    le Dim 3 Mai 2015 - 14:27

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

    le Sam 16 Mai 2015 - 18:45

    Merci ♥



    avatar
    Misery Mind™
    FémininAge : 27Messages : 152

    le Sam 16 Mai 2015 - 21:57

    merci !
    avatar
    Equestria
    FémininAge : 21Messages : 118

    le Mer 20 Mai 2015 - 2:24

    merci
    avatar
    petit lu
    FémininAge : 26Messages : 180

    le Sam 30 Mai 2015 - 13:32

    Merci du code c'est très beau ♥
    avatar
    TiGraou
    MasculinAge : 25Messages : 242

    le Mar 2 Juin 2015 - 11:23

    Merci
    avatar
    Snape.
    FémininAge : 21Messages : 55

    le Mar 2 Juin 2015 - 18:20

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



    avatar
    GreenGage
    FémininAge : 25Messages : 73

    le Mar 2 Juin 2015 - 22:24

    Merci !
    avatar
    Zélya
    FémininAge : 29Messages : 190

    le Jeu 4 Juin 2015 - 13:11

    bonjour merci du partage



    avatar
    Flaura
    FémininAge : 15Messages : 152

    le Sam 13 Juin 2015 - 19:34

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Dim 16 Déc 2018 - 19:05