Forum Crea illusion Fantasy
A quoi sert le forum ?
Ce forum est liée à mon site Crea illusion Fantasy. Un plus pour vous aidez dans vos créations.Vous ne savez pas créer, et vous recherchez une création personnalisée. Le forum vous écoutera vos demandes.
Plusieurs sections :
Des aides: pour votre forum,votre site ou blog.Des tutoriels(photoshop,paintshop,gimp,photofiltre,ect...).Demandes de créations personnalisées. Aide pour prendre en main vos logiciels.Des tutos, des scripts. aides pour le logiciel Flash..... Des concours, des challenges, des duels. Vous y trouverez un accueil sympathique.
Au plaisir de vous lire sur le forum. D'autres choses à venir découvrir sur le forum de Créa illusion Fantasy.

N'hésitez pas à venir vous inscrire.


Aides & Conseils pour le graphisme & forum & site web & blog & tout autres supports.
 
AccueilPortailFAQPublicationsPublicationsS'enregistrerConnexion
Votre bannière ici,Faite la demande dans la catégorie: La place Public


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 : 6726
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8990

MessageSujet: Mises en place des catégories   Lun 10 Avr - 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-