AccueilRechercherS'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 : -20%
Balance Connectée Wifi & Bluetooth Withings ...
Voir le deal
47.99 €

    Catégories basiques bleues

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

    le Ven 18 Juil 2014 - 19:20



    Catégories basiques bleues


    Suite à une demande de Orkais voici un code pour des catégories basiques.

    Je précise que l'arrière plan beige correspond à mon forum.

    HTML & CSS ~ Voici donc un aperçu : normal & au passage de la souris ~ Version Phpbb2


    Précision : Pour que le code fonctionne correctement, vous devez choisir cette disposition pour votre forum.

    Et le code :
    Template index-box :
    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <br/>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
    </tr>
    </table>     
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> 
    <div class="couleur_fond"><div class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}">

                <span class="forumlink_1">
                  <a class="forumlink_1" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
           
      </div></div>
      <!-- END cathead -->
        <!-- BEGIN forumrow -->
        <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink_2">
                  <a class="forumlink_2" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </span>
            </h{catrow.forumrow.LEVEL}>
            <div class="cat1"><span class="cat_des1">{catrow.forumrow.FORUM_DESC}</span></div>
            <span class="gensmall">
              {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
              </span>
          </td>
            <td style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
     
          </td>
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


    CSS :
    Code:
    .cat_des1 {
      padding-right:5px;
      padding-left:5px;
      padding-bottom:5px;
      padding-top:15px;
      text-align:justify;
      display:block;
      font-size:12px;
      color:gray; 
    }
    .couleur_fond {
      background-color:lightblue; /*Ici tu mets la couleur du fond de ton forum*/
    }
    .cat1 {
    height:70px;
    overflow:auto;
    background:white;
    border-right:1px solid black;
    border-bottom:1px solid black;
    box-shadow: 1px 1px 1px gray;
    margin:10px;
    }
    a.forumlink_1, a.forumlink_1:link, a.forumlink_1:visited {
        display:block;
      border-right: 5px solid #B3CDF5;
        border-left: 5px solid #B3CDF5;
        -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      font-family: 'Reenie Beanie', cursive;
      background-color:white;
        color: #B3CDF5;
      font-size: 30px;
      letter-spacing: -1px;
      transition:1s;
      -moz-transition:1s;
      -webkit-transition:1s;
      -ms-transition:1s;
      -o-transition:1s;
      padding-right:5px;
      padding-bottom:5px;
      padding-top:5px;
      padding-left:25px;
      text-align:left;
    }
    a.forumlink_1:hover, a.forumlink_1:link:hover, a.forumlink_1:visited:hover {
      letter-spacing:10px;
      transition:1s;
      -moz-transition:1s;
      -webkit-transition:1s;
      -ms-transition:1s;
      -o-transition:1s;
      padding:5px;
    }
    a.forumlink_2, a.forumlink_2:link, a.forumlink_2:visited {
      color:dimgray;
      font-size:20px;
      margin-left:20px;
      margin-bottom:-20px;
      display:block;
    }

    Un petit merci ou commentaire est toujours le bienvenu ^^
    - Mettre/laisser un crédit vers Never-Utopia est obligatoire.
    - Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.


    Dernière édition par A-Lice le Lun 16 Fév 2015 - 20:39, édité 1 fois

    Anonymous
    Invité

    le Mar 22 Juil 2014 - 18:27

    Merci =)
    Dacina moe
    Dacina moe
    FémininAge : 41Messages : 171

    le Mer 23 Juil 2014 - 4:59

    Merci :)
    Kinjiro
    Kinjiro
    MasculinAge : 21Messages : 80

    le Mer 23 Juil 2014 - 15:10

    merci :d



    Catégories basiques bleues Signau11
    Jeff`22
    Jeff`22
    MasculinAge : 19Messages : 34

    le Jeu 24 Juil 2014 - 18:46

    Merci beaucoup !
    J'adore le rendu !
    Raven Sumire
    Raven Sumire
    FémininAge : 26Messages : 43

    le Jeu 24 Juil 2014 - 22:26

    Merci beaucoup :3
    avatar
    Sépia
    FémininAge : 23Messages : 70

    le Ven 25 Juil 2014 - 9:42

    Merci
    LyN[ss]
    LyN[ss]
    FémininAge : 28Messages : 105

    le Ven 25 Juil 2014 - 11:18

    Elle sont toutes mignonnes et toutes simple ces cat' !
    C'est zoli =3
    Allison01
    Allison01
    FémininAge : 35Messages : 218

    le Ven 25 Juil 2014 - 12:26

    Catégorie bien sympas merci ^^
    avatar
    Unicat
    FémininAge : 27Messages : 48

    le Dim 27 Juil 2014 - 20:03

    Merci !



    :siffle: 
    Velvet-Mist
    Velvet-Mist
    FémininAge : 29Messages : 45

    le Lun 4 Aoû 2014 - 20:59

    Merci beaucoup! ♥
    Kau
    Kau
    FémininAge : 18Messages : 148

    le Mar 19 Aoû 2014 - 15:21

    C'est juste parfait, merci beaucoup ! =)
    Célyo
    Célyo
    FémininAge : 28Messages : 41

    le Ven 22 Aoû 2014 - 20:07

    Merci beaucoup !!!
    Neko-Rika
    Neko-Rika
    FémininAge : 21Messages : 115

    le Lun 1 Sep 2014 - 18:49

    Merci
    Titou2302
    Titou2302
    MasculinAge : 17Messages : 95

    le Mer 3 Sep 2014 - 15:07

    Merci ! Very Happy

    Kibara
    Kibara
    FémininAge : 21Messages : 8

    le Sam 6 Sep 2014 - 21:06

    Wow °^° Merciii !
    Shadaan
    Shadaan
    FémininAge : 27Messages : 80

    le Mer 17 Sep 2014 - 23:30

    Merci ! *-*



    Catégories basiques bleues 897455signnu
    Nanou0001
    Nanou0001
    FémininAge : 35Messages : 50

    le Jeu 18 Sep 2014 - 16:16

    merci
    avatar
    Wolftactick
    FémininAge : 18Messages : 71

    le Dim 5 Oct 2014 - 17:31

    magnifique
    1charlotte
    1charlotte
    FémininAge : 19Messages : 196

    le Lun 6 Oct 2014 - 1:04

    Merci beaucoup ♥
    picka234
    picka234
    FémininAge : 55Messages : 547

    le Sam 11 Oct 2014 - 13:27

    merci!!!!



    Catégories basiques bleues Signpi11
    Merwyn Arehdel
    Merwyn Arehdel
    FémininAge : 20Messages : 298

    le Ven 24 Oct 2014 - 20:38

    Merci :)



    Just want to be yours.
    Angy38
    Angy38
    FémininAge : 50Messages : 232

    le Sam 1 Nov 2014 - 9:59

    Merci



    Catégories basiques bleues Jvie
    Tatia38
    Tatia38
    FémininAge : 31Messages : 308

    le Lun 10 Nov 2014 - 8:42

    merci
    Inwë
    Inwë
    FémininAge : 21Messages : 36

    le Sam 29 Nov 2014 - 19:05

    C'est tout simple mais tout joli =3
    Merci ^^ !
    Contenu sponsorisé


      La date/heure actuelle est Dim 7 Juin 2020 - 11:50