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 :
Enceinte portable JBL Clip 4 Bluetooth Noir à ...
Voir le deal
29 €

    Catégories basiques bleues

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

    Ven 18 Juil 2014 - 19:20

    Rappel du premier message :



    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

    Sensatiion
    Sensatiion
    FémininAge : 33Messages : 15

    Lun 1 Déc 2014 - 0:35

    merci :)
    KimmyKinder
    KimmyKinder
    FémininAge : 23Messages : 181

    Lun 8 Déc 2014 - 20:34

    Merciiiiii ♥
    zbou
    zbou
    FémininAge : 30Messages : 83

    Mar 9 Déc 2014 - 9:58

    Merci
    Flyremoon
    Flyremoon
    FémininAge : 28Messages : 27

    Mer 28 Jan 2015 - 16:58

    Merci ♥



    Catégories basiques bleues - Page 2 519258Sanstitre4
    cosmos-chann
    cosmos-chann
    FémininAge : 27Messages : 115

    Sam 7 Fév 2015 - 12:11

    merci !
    MxPrime2
    MxPrime2
    MasculinAge : 30Messages : 81

    Mer 11 Fév 2015 - 1:11

    Merci Very Happy
    Colorful
    Colorful
    MasculinAge : 34Messages : 15

    Ven 13 Fév 2015 - 18:56

    Merci, j'aime le côté sobre de ce thème
    Madras
    Madras
    FémininAge : 39Messages : 285

    Jeu 2 Avr 2015 - 21:32

    Merci
    Leelo
    Leelo
    FémininAge : 33Messages : 157

    Mer 22 Avr 2015 - 15:42

    merci
    CraWox
    CraWox
    MasculinAge : 26Messages : 22

    Mar 12 Mai 2015 - 17:08

    Merci
    Deamyx
    Deamyx
    MasculinAge : 28Messages : 238

    Mar 12 Mai 2015 - 21:34

    Merci!!
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Lun 22 Juin 2015 - 0:54

    Merci !
    Kovu
    Kovu
    FémininAge : 23Messages : 257

    Sam 4 Juil 2015 - 9:44

    Merci !
    Err0r
    Err0r
    FémininAge : 31Messages : 134

    Mar 7 Juil 2015 - 16:23

    c'est jolie :3



    Catégories basiques bleues - Page 2 150519095409324327
    Ookami Shiroi
    Ookami Shiroi
    FémininAge : 32Messages : 90

    Mer 5 Aoû 2015 - 19:12

    Un grand merci
    lisounette7
    lisounette7
    FémininAge : 30Messages : 56

    Mer 5 Aoû 2015 - 20:06

    Merci beaucoup <3
    Little-myrt
    Little-myrt
    FémininAge : 26Messages : 41

    Ven 14 Aoû 2015 - 5:00

    Joli, merci !
    Whit
    Whit
    FémininAge : 27Messages : 154

    Ven 14 Aoû 2015 - 11:21

    Merci beaucoup ♥
    Anonymous
    Invité

    Ven 14 Aoû 2015 - 12:30

    Merci beaucoup (^_^)
    Daigoro
    Daigoro
    MasculinAge : 36Messages : 13

    Jeu 27 Aoû 2015 - 21:48

    Merci Beaucoup
    Akaraa
    Akaraa
    FémininAge : 28Messages : 32

    Dim 27 Sep 2015 - 14:09

    Merci !
    Nartiifiice
    Nartiifiice
    FémininAge : 26Messages : 88

    Lun 28 Sep 2015 - 20:48

    thanks
    Mohank
    Mohank
    MasculinAge : 29Messages : 20

    Lun 25 Jan 2016 - 21:20

    merci
    Fame
    Fame
    MasculinAge : 34Messages : 240

    Mar 15 Mar 2016 - 5:41

    merci
    Faïryna
    Faïryna
    FémininAge : 21Messages : 87

    Mar 22 Mar 2016 - 19:51

    Merci c'est top
    Contenu sponsorisé


      La date/heure actuelle est Lun 2 Déc 2024 - 12:38