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.

-21%
Le deal à ne pas rater :
PC portable gamer 15,6” Medion ERAZER Deputy P60 16Go/ 512Go RTX ...
629.99 € 799.99 €
Voir le deal

    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

    Necrolythia
    Necrolythia
    FémininAge : 37Messages : 580

    Mer 30 Mar 2016 - 10:48

    coucou et merci ♥



    Catégories basiques bleues - Page 3 KKEVK8u
    avatar
    Blue
    MasculinAge : 27Messages : 36

    Dim 3 Avr 2016 - 0:46

    Enfin la forme que je cherche ! Merci !
    whowwillfallfirst
    whowwillfallfirst
    MasculinAge : 25Messages : 54

    Dim 3 Avr 2016 - 16:06

    Merci o/
    FondaHS
    FondaHS
    MasculinAge : 25Messages : 11

    Lun 11 Avr 2016 - 18:01

    Merci !!!!!
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Dim 3 Juil 2016 - 18:54

    Merci ♥



    Catégories basiques bleues - Page 3 200412081714641513

      Merci Sparrow :3
    Scratpub
    Scratpub
    FémininAge : 39Messages : 145

    Jeu 7 Juil 2016 - 16:47

    Merci beaucoup ! J'aime beaucoup le bleu
    marie-noelle
    marie-noelle
    FémininAge : 67Messages : 112

    Mer 20 Juil 2016 - 14:19

    merci
    Djeina
    Djeina
    FémininAge : 28Messages : 233

    Mer 10 Aoû 2016 - 13:42

    Merci du partage ^^
    Usolia Naviento
    Usolia Naviento
    FémininAge : 32Messages : 25

    Jeu 11 Aoû 2016 - 21:23

    Mici!
    Deveata
    Deveata
    MasculinAge : 28Messages : 23

    Jeu 18 Aoû 2016 - 21:42

    Merci
    cali60
    cali60
    FémininAge : 39Messages : 58

    Mer 24 Aoû 2016 - 15:27

    :) :)
    Ganta
    Ganta
    MasculinAge : 32Messages : 69

    Mar 6 Sep 2016 - 18:28

    merci !
    Samiro
    Samiro
    MasculinAge : 28Messages : 52

    Lun 19 Sep 2016 - 17:17

    Merki
    Edward Speleers
    Edward Speleers
    MasculinAge : 36Messages : 460

    Mar 20 Sep 2016 - 10:32

    Merci



    Catégories basiques bleues - Page 3 Edkidd11
    Juwawel
    Juwawel
    FémininAge : 24Messages : 10

    Jeu 22 Sep 2016 - 16:40

    merci
    Anonymous
    Invité

    Dim 25 Sep 2016 - 13:46

    Merci pour ce LS Very Happy
    Sadja
    Sadja
    MasculinAge : 26Messages : 79

    Dim 25 Sep 2016 - 14:47

    Merci beaucoup !
    yukiyuki
    yukiyuki
    FémininAge : 30Messages : 89

    Lun 3 Oct 2016 - 23:29

    merci !
    Exuperance
    Exuperance
    FémininAge : 34Messages : 50

    Mer 23 Nov 2016 - 16:26

    merci
    Erra
    Erra
    FémininAge : 32Messages : 3

    Sam 7 Jan 2017 - 17:36

    Très joli, merci!
    Melle Lena
    Melle Lena
    FémininAge : 49Messages : 308

    Lun 10 Avr 2017 - 13:51

    Le basique est parfois joli, merci.
    Revo-Games-YTB
    Revo-Games-YTB
    MasculinAge : 24Messages : 3

    Ven 21 Juil 2017 - 18:27

    Cimer bg
    Lilouu
    Lilouu
    FémininAge : 28Messages : 2

    Sam 29 Juil 2017 - 23:40

    merci
    Ennie
    Ennie
    FémininAge : 61Messages : 101

    Jeu 14 Sep 2017 - 15:37

    merci
    Raynold
    Raynold
    MasculinAge : 25Messages : 39

    Ven 22 Sep 2017 - 16:19

    merci
    Contenu sponsorisé


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