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.

-35%
Le deal à ne pas rater :
Promo sur les baskets Nike Air Max 200 – Noir/Blanc
81 € 125 €
Voir le deal

    Catégories «Art Sport»

    Anonymous
    Invité

    le Dim 17 Mai 2015 - 16:32




       

    Catégories «Art Sport»

    Capture d'écran (Aperçu)

       
    - La version du forum doit être PhpBB2.
    - Pour ce qui est de l'hiérarchie et la structure des catégories, il faut choisir "Séparer sur l'index : Moyen".
    - Les catégories ont une largeur d'environ 800 pixels.
    - Ce LS est fait pour des forums avec des noms assez courts parce qu'il n'y a pas beaucoup d'espace pour le nom.


    Le template (index_box) :::
    Code:
    <link href="https://fonts.googleapis.com/css?family=Lobster+Two|Rochester" rel="stylesheet" />
    <table width="95%" border="0" cellspacing="1" cellpadding="0" align="center">
     <tr>
     <td valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <span class="gensmall">{LAST_VISIT_DATE}<br />
     {CURRENT_TIME}<br />
     </span>
     <!-- END switch_user_logged_in -->
     <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
     </td>
     <td class="gensmall" align="right" valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
     <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
     <!-- END switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
     </td>
     </tr>
    </table>

    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <table class="forumline" width="95%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
        <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">
          {catrow.tablehead.L_FORUM}
        </th>
      </tr>
     <!-- END tablehead -->
     
     <!-- BEGIN cathead -->
     <tr>
     
     <td class="{catrow.cathead.CLASS_CAT}" colspan="2" width="100%">
     <h{catrow.cathead.LEVEL} class="hierarchy">
     <span class="cattitle">
     <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
     </span>
     </h{catrow.cathead.LEVEL}>
     </td>
     <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="2" align="right">&nbsp;</td>
     </tr>
     <!-- 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">
                                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="namecat">{catrow.forumrow.FORUM_NAME}</span></a><br />
     </span>
     </h{catrow.forumrow.LEVEL}>
                      <table><td><div class="genmed cate-description">{catrow.forumrow.FORUM_DESC}</div></td>
                        <td><div class=" gensmall sousforums"><span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  <script type="text/javascript">
                  jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
                    </script>
                          </div>
     </td><td align="left" valign="middle" height="50">
      <div class="sousforums"><div class="gensmall sujets_messages">Post : {catrow.forumrow.POSTS} | Topic : {catrow.forumrow.TOPICS}</div>
                                <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
     </td></table>
     </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 -->


    Le CSS :::
    Code:
    /* DEBUT CATEGORIES */
    .sousforums {
      background-color: #BFCFC5;
      border: 1px solid #D4D4D4;
      box-shadow: 0 0 5px #E0E0E0;
      color: #555;
      font-size: 10px;
      font-style: italic;
      overflow: auto;
      width: 150px;
      height: 60px;
    }

    .cate-description {
      background-color: #BFCFC5;
      border: 1px solid #D4D4D4;
      box-shadow: 0 0 5px #E0E0E0;
      color: #555;
      font-size: 10px;
      font-style: italic;
      overflow: auto;
      width: 400px;
      height: 60px;
    }

    .secondarytitle {
      font-family: 'Lobster Two';
    }

    a.forumlink {
      text-align: left;
      z-index: 100;
      display: block;
      margin-bottom: -10px;
      font-family: 'Rochester';
      font-size: 25px;
      font-weight: 400;
      text-shadow: 1px 1px 1px #ff18e6;
      -webkit-transition: all 0.6s linear;
      transition: all 0.6s linear;
    }

    a.forumlink:hover {
      color: #d08777;
      padding-left: 40px;
    }

    /* FIN CATEGORIES */

       
    Pensez à me créditer (Fait par Asphodèle sur Never Utopia.)


    code (c) crackle bones

       


    Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.
    A-Lice
    A-Lice
    FémininAge : 26Messages : 4939

    le Dim 17 Mai 2015 - 21:13

    Je te fais les mêmes remarques qu'ici !

    Professeur Felyne
    Professeur Felyne
    MasculinAge : 34Messages : 84

    le Jeu 29 Oct 2015 - 17:35

    Merci ^^



    .
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2200

    le Jeu 29 Oct 2015 - 18:06

    Merci pour le partage ! (^~^)ゞ
    NyoTheNeko
    NyoTheNeko
    FémininAge : 26Messages : 5686

    le Ven 4 Mar 2016 - 19:52

    Hello et désolée du retard!

    J'ai encore quelques demandes en plus de celles d'Alice. Tout d'abord, dans ton markup HTML (donc le template) tu mets des balises block dans des balises inline. Par exemple, tu as une div dans un span. Idéalement, tu ne devrais pas faire cela. Le mieux c'est d'inverses, ou alors de faire que l'élément entourant soit aussi un bloc.

    Aussi, pourrais-tu aérer ton CSS? C'est à dire mettre un retour à la ligne après chaque point-virgule? Ainsi qu'après chaque accolade ( { ... } ). Cela permet de rendre le toute plus lisible!



    Leelo
    Leelo
    FémininAge : 28Messages : 156

    le Lun 6 Juin 2016 - 19:38

    Jolie
    Onyx
    Onyx
    FémininAge : 26Messages : 3311

    le Ven 14 Oct 2016 - 5:09

    Salut et merci du partage !

    J'ai fait les modification alors le code est validé et sera bientôt déplacé ^^



    Mr Kent
    Mr Kent
    MasculinAge : 25Messages : 23

    le Dim 20 Nov 2016 - 23:00

    Merci
    Anonymous
    Invité

    le Dim 22 Jan 2017 - 11:49

    Merci :)
    Luxuria
    Luxuria
    FémininAge : 22Messages : 83

    le Lun 13 Mar 2017 - 17:10

    merci :3
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mai 2020 - 15:05