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 à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

    Catégories basiques bleues

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

    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é

    Mar 22 Juil 2014 - 18:27

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

    Mer 23 Juil 2014 - 4:59

    Merci :)
    Kinjiro
    Kinjiro
    MasculinAge : 25Messages : 80

    Mer 23 Juil 2014 - 15:10

    merci :d



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

    Jeu 24 Juil 2014 - 18:46

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

    Jeu 24 Juil 2014 - 22:26

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

    Ven 25 Juil 2014 - 9:42

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

    Ven 25 Juil 2014 - 11:18

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

    Ven 25 Juil 2014 - 12:26

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

    Dim 27 Juil 2014 - 20:03

    Merci !



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

    Lun 4 Aoû 2014 - 20:59

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

    Mar 19 Aoû 2014 - 15:21

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

    Ven 22 Aoû 2014 - 20:07

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

    Lun 1 Sep 2014 - 18:49

    Merci
    Titou2302
    Titou2302
    MasculinAge : 21Messages : 95

    Mer 3 Sep 2014 - 15:07

    Merci ! Very Happy

    Kibara
    Kibara
    FémininAge : 25Messages : 8

    Sam 6 Sep 2014 - 21:06

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

    Mer 17 Sep 2014 - 23:30

    Merci ! *-*



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

    Jeu 18 Sep 2014 - 16:16

    merci
    avatar
    Wolftactick
    FémininAge : 23Messages : 71

    Dim 5 Oct 2014 - 17:31

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

    Lun 6 Oct 2014 - 1:04

    Merci beaucoup ♥
    picka234
    picka234
    FémininAge : 59Messages : 636

    Sam 11 Oct 2014 - 13:27

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

    Ven 24 Oct 2014 - 20:38

    Merci :)



    Just want to be yours.
    Angy38
    Angy38
    FémininAge : 54Messages : 233

    Sam 1 Nov 2014 - 9:59

    Merci



    Catégories basiques bleues Jvie
    Tatia38
    Tatia38
    FémininAge : 35Messages : 318

    Lun 10 Nov 2014 - 8:42

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

    Sam 29 Nov 2014 - 19:05

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


      La date/heure actuelle est Sam 23 Nov 2024 - 11:15