AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  


 ::  :: Votre 1er forum Voir le sujet précédent Voir le sujet suivant Aller en bas

codages caté anciennes

avatar

Messages : 171
Points : -1695
Date d'inscription : 20/07/2012
Localisation : Sud de la france
Voir le profil de l'utilisateur
Jeu 1 Oct - 17:23
Codes pour des catégories fines avec la barre des liens en dessous:

Code:
<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="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <img src="http://i57.servimg.com/u/f57/16/70/35/94/new_ha10.png">
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <div class="titrecaté">{catrow.tablehead.L_FORUM}</div> </th>
     
     
  <!-- 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 colspan="6"><table style="width: "100%"; cellspacing="1"">
   <tbody>
      <tr>
         <td style="width: 100%;">
            <!--        CADRE DES IMAGES        -->
            <div class="contourImgNews">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            </div>
         </td>
         <td style="width: 100%;">
            <!--        CADRE DU SOUS FORUM        -->
            <div class="contourCates"><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
</h{catrow.forumrow.LEVEL}><br/><div class="contourDescription">
                   <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
               </div>
<div class="sousfofo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div>
            </div>
         </td>
         <td style="width: 100%;">
            <!--        CADRE DU DERNIER SUJET        -->
            <div class="contourDernierMess"><div class="CadreMess"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
<div class="cadre1">
                   {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
               </div>
            </div>
         </td>
      </tr>
   </tbody>
                  </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 -->

<tr><td colspan="6"><div class="imgbas"> </div></td></tr>
    </table><img src="{SPACER}" alt="" height="10" width="1" />

<!-- END tablefoot --><!-- END catrow -->

Code:
/*CATEGORIES*/


.titrecaté {text-align: center;
 padding-top: -150px;
}

.secondarytitle {
    background-image: url('');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 00px;
    width: 900px;
  padding-top: -100px;
      }
 
    .imgbas {
    background-image: url('');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 50px;
    width: 900px;
  padding-bottom: 10px;
    }

.forumline
{
background-color: transparent;
background-image: url(http://i75.servimg.com/u/f75/16/70/35/94/fond211.png);
background-repeat: repeat;
border: none;
}


        .catposition a {
text-align: center;
  padding-top: -150px;
}

.hierarchy {
    position:absolute;
    top : -20px;
    left:50px;
  margin-left: 10px;
  background-color:none;
  font-size: 40px;
    letter-spacing: 4px;
  word-spacing: 10px;
  font-family: Amatic Sc
  padding-left: 10px;
  padding-right: 10px;
}

a.forumlink {
        width: 100%;
        line-height: 16px;
        background-color: none;
        font-family: audiowide;
        font-size: 16px;
             
  display: block;
  text-align: left;
transition: all 1s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
-moz-transition: all 1s;
-webkit-transition: all 1s;
  padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-bottom: -10px;
margin-right:40px;
display: block;
text-transform: uppercase;
font-weight:normal;
        }

a.forumlink:hover
{
  color: black; /* Couleur d'arrivée */
  margin-left: 10px; /* Décalement ( nombre de px à décaler pour l'arrivée)*/
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
  font-family: audiowide;
        font-size: 26px;
}

.contourImgNews /* cadre pour les images de nouveaux sujets */{
  width:70px;
  height: 90px;
  background-image: url(http://i21.servimg.com/u/f21/16/70/35/94/fond10.png);
  border: 0px dashed #7A6B54;
  margin: auto;
  margin-top: 30px;
  margin-left: 10px;
    }

.contourCates /* cadre central pour sous forum */ {
  text-align: justify;
  font-family: times new roman;
  letter-spacing: 1px;
  position : relative;
    background-image: url(http://i21.servimg.com/u/f21/16/70/35/94/fond10.png);
  width: 580;
  height: 90px;
    margin: auto;
  margin-top: 30px;
  margin-left: 10px;
}

.contourDescription /* cadre central pour sous forum */ {
    width: 95%;
  height: 50px;
  background-color: none;
  border: 0px dashed #7A6B54;
  margin: auto;
    overflow: auto;
}
 
 
.contourDernierMess/* cadre qui entoure les derniers messages et le nombre de sujets */ {
    width: 180px;
  height: 90px;
  background-image: url(http://i21.servimg.com/u/f21/16/70/35/94/fond10.png);
  border: 0px dashed #7A6B54;
  margin: auto;
  text-align: center;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 12px;
  }

.cadre1 /* cadre interne affichage des derniers sujets */{
border: 0px dashed #7A6B54;
  background-color: #EADAC6;
font-size:10px;
  height:20px;
    color: #7A6B54;
  font-family: times new roman;
  letter-spacing: 1px;
  margin: auto;
  text-align: center;
  }

.CadreMess{
  height: 70px;}

.sousfofo{
border: 0px dashed #7A6B54;
  background-color: #EADAC6;
font-size:10px;
  height:20px;
    color: #7A6B54;
  font-family: times new roman;
  letter-spacing: 1px;
  margin: auto;
  text-align: center;
  overflow: auto;
  }

_________________

"Rentre chez toi Crusto-pas-beau sinon Ogrest va se facher tout rouge !! " Very Happy
Revenir en haut Aller en bas
Page 1 sur 1Voir le sujet précédent Voir le sujet suivant Revenir en haut
Sujets similaires
-
» [Nocturne] Demande: les catégories
» [Annulée] Demande de description des catégories.
» ['Christa] Regrouper les catégories en Onglet
» Niveau des catégories...
» créer une catégorie de poi's sur un NÜVI 2545LM ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Hurricane-Test ::  :: Votre 1er forum-
Sauter vers: