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.

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
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

    mama74
    mama74
    MasculinAge : 37Messages : 19

    Jeu 28 Sep 2017 - 0:28

    merci :)
    AryaS-
    AryaS-
    FémininAge : 25Messages : 15

    Mar 3 Oct 2017 - 23:23

    merci
    icequeen38
    icequeen38
    FémininAge : 32Messages : 49

    Lun 30 Oct 2017 - 19:47

    Troop bien.. merci :)
    nini
    nini
    FémininAge : 40Messages : 19

    Sam 16 Déc 2017 - 15:24

    C'est super joli merci
    Pearlqueen
    Pearlqueen
    FémininAge : 32Messages : 15

    Ven 19 Jan 2018 - 12:48

    j'aime Razz
    Shide
    Shide
    FémininAge : 35Messages : 60

    Lun 19 Mar 2018 - 19:38

    merçi
    Evarya01
    Evarya01
    FémininAge : 25Messages : 2

    Sam 7 Avr 2018 - 13:56

    Merci beaucoup pour le code, c'est très joli!
    Contenu sponsorisé


      La date/heure actuelle est Lun 2 Déc 2024 - 8:09