Forum Crea illusion Fantasy


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.


Aides,Codes,Conseils,Forum,Sites web,blogs,Tout supports,Photographie,Graphismes,Dessins,Peintures,Tutoriels,Publicités.
 
AccueilPortailÉvènementsFAQPublicationsPublicationsS'enregistrerConnexion
Ta bannière, Ici !


Partagez | .
 

 Mises en place des catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ptite_Perle
Admin


avatar


Messages : 6189
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9253

MessageSujet: Mises en place des catégories   Lun 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
http://www.creaillusionfantasy.com/
 

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
» [Nocturne] Demande: les catégories
» [Annulée] Demande de description des catégories.
» ['Christa] Regrouper les catégories en Onglet
» Niveau des 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-