Forum Crea illusion Fantasy
Mises en place des catégories Bannie10

Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Forum Crea illusion Fantasy

#Forum d'entraide, une inscription pour nous rejoindre. Les débutants sont les bienvenu aussi :)


 

Partagez

Mises en place des catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4743
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 56
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 85709
Fondatrice
Ptite_Perle
MessageSujet: Mises en place des catégories Mises en place des catégories EmptyLun 10 Avr 2017 - 14:00
Une mise en place simple de vos catégories

Panneau d'administration >> Affichage >> Templates >> Général >> index_box

HTML:

Code:
    <link href='http://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>
    <table width="100%" 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="collapse" width="800px" align="center" border="0" cellspacing="1" cellpadding="0">
       <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>  
       </tr>
       <!-- END tablehead -->
       <!-- BEGIN cathead -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" 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="3" align="right">&nbsp;</td>
       </tr>
       <!-- END cathead -->
      
       <!-- BEGIN forumrow -->
       <tr>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                      <table><tr><td>
                      <div class="forumlinks">
                        <span class="gensmall" id="subforums">
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        </span>
                        <script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
                        </script>
                        </div>
                        </td>
                        <td width="100%">
                          <div class="forumdesc" >
                                  <div class="nomforum">
                                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></h{catrow.forumrow.LEVEL}>
                                  </div>
                                  <br />
                                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                                  <br />
                                  <span style="text-align: right;">
                                  <!-- BEGIN switch_moderators_links -->
      {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                                  <!-- END switch_moderators_links -->
                                  </span>
                                  <p class="nbsujmsg" >
                                    <span class="plsuj">{catrow.forumrow.TOPICS}</span> sujet<span class="plsujs">s</span> et <span class="plmsg">{catrow.forumrow.POSTS}</span> message<span class="plmsgs">s</span>
                                  </p>
                          </div>
                        </td>
                        <td>
                      <div class="imgpost" >
                                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                                  <br /><span>{catrow.forumrow.LAST_POST}</span>
                      </div>
                        </td></tr></table>
              </td>                  
       </tr>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
          <!-- BEGIN inc -->
          <div class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></div>
          <!-- END inc -->
          <div class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></div>
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
      </table>
      <div class="bascate">
      </div>
      <img src="{SPACER}" alt="" height="5" width="1" />
       <!-- END tablefoot -->
       <!-- END catrow -->

Panneau d'administration >> Affichage >> Images et couleurs >> Couleurs >> Feuille de style CSS

CSS:
Code:
    /* Code caté by Joy */
    .secondarytitle h2 {
      font-size: 20px;
      text-shadow: 1px 1px 2px #fff;  
      font-family: 'Fredericka the Great', cursive;
      font-variant: small-caps;
    }
    .secondarytitle {
      margin-bottom: 5px;
      background: url('fond url ici'); /* FOND SI VOUS AVEZ DES IMAGES POUR LES CATÉGORIES */
      height: 150px;
      width: 800px;
    }
    table.collapse {
      border-collapse: collapse;
    }
    div.bascate {
      text-align: center;
      width: 800px;
      height: 150px;
      background-image:url('image url ici');
      background-repeat:no-repeat;
      margin:auto;
    }
    div.forumlinks {
      display: inline-block;
      margin: 2px;
      padding: 15px;
      vertical-align: bottom;
      border: #6ab412 solid 1px;
      border-left: #6ab412 3px solid;
      border-right: #6ab412 solid 3px;
      width: 110px;
      height: 110px;
      border-radius: 50px/50px;
      -webkit-border-radius: 50px/50px;
      -moz-border-radius: 50px/50px;
      -o-border-radius: 50px/50px;
      background: #faf2f3;
    }
    div.forumlinks a {
      text-align: left;
      display: block;
    }
    div.nomforum {
      position: absolute;
      top: -15px;
      z-index: 500;
      padding: 3px;
      height: 25px;
      line-height: 25px;
      min-width: 200px;
      text-align: center;
      border: 1px #6ab412 solid;
      border-left: #6ab412 3px solid;
      border-right: #6ab412 3px solid;
      border-radius: 15px;
      background: #faf2f3;
      font-family: 'Fredericka the Great', cursive;
      vertical-align: top;
    }
    a.forumlink {
      font-size: 20px;
    }
    a.forumlink:hover {
      font-style: italic;
      position: relative;
      right: -5px;
    }
    div.forumdesc {
      position: relative;
      margin: 5px;
      border: #6ab412 solid 1px;
      border-left: #6ab412 3px solid;
      border-right: #6ab412 3px solid;
      height: 110px;
      border-radius: 10px;
      padding: 5px;
      background: #faf2f3;
    }
    div.fodesc {
      text-align: justify;
    }
    p.nbsujmsg {
      position: absolute;
      bottom: -15px;
      right: -15px;
      background: #6ab412;
      border-radius: 25px;
      width: 200px;
      height: 15px;
      text-align: center;
      font-size: 11px;
      line-height: 15px;
      font-variant: small-caps;
      letter-spacing: 2px;
      color: #ffffff;
    }
    div.imgpost {
      display: inline-block;
      width: 150px;
      border: #6ab412 solid 1px;
      border-left: #6ab412 3px solid;
      border-right: #6ab412 3px solid;
      width: 150px;
      height: 110px;
      border-radius: 50px/50px;
      -webkit-border-radius: 50px/50px;
      -moz-border-radius: 50px/50px;
      -o-border-radius: 50px/50px;
      padding: 5px;
      text-align: center;
      background: #faf2f3;
      font-size: 11px;
    }
    div.imgpost img {
      margin-top: -30px;
      z-index: 500;
    }
    /* Fin code catés */
Revenir en haut Aller en bas

Mises en place des catégories

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Changer place titre catégories et forums
» Mise en de place de marge entre les forum des différentes catégories
» Rétracter les catégories
» Mettre une image en fond dans toutes les catégories + PA
» Sous-catégories

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy :: Astuces codages pour forumactif :: Astuces et codages forumactif-