Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  Connexion  
Le deal à ne pas rater :
Display Star Wars Unlimited Ombres de la Galaxie : où l’acheter ?
Voir le deal

 

 Catégorie personnalisé :

Aller en bas 
AuteurMessage
Sky
modo
Sky


Messages : 34
Date d'inscription : 12/10/2013
Age : 41
Localisation : do brazil

Catégorie personnalisé : Empty
MessageSujet: Catégorie personnalisé :   Catégorie personnalisé : EmptyVen 24 Oct - 0:15


Tutoriel Catégorie personnalisé et explicatifs :
----------------------------------------------------------

Catégorie personnalisé : 45611910


Rappel :
P.A ---> affichage --> template --> général --> Index_Box !!  


1. supprimer les colonnes en trop:
Remplacez: (ligne 21 à 26 )

Code:

<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>

par:


Code:

<tr>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>



2. Placer une div autour des descriptions et des sous forums:


remplacez:

Code:

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

par:

Code:

<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>

remplacez:

Code:

 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

par:

Code:

<br />
                  <div class="subfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Déplacez ce dernier code juste après:

Code:

{catrow.forumrow.FORUM_DESC}</span>



3. Créer un fieldset autour du dernier message et inclure le nombre de sujets et messages:

remplacez:

Code:

<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

par:

Code:

<td class="row3 over" align="center" valign="middle" height="50">
                  <fieldset class="lastm"><legend class="stats"></legend><span class="gensmall">{catrow.forumrow.LAST_POST}<br />
                  {catrow.forumrow.TOPICS} sujets, {catrow.forumrow.POSTS} messages</span>
                  </fieldset>
      </td>


4. Déplacer l'icône de forum:

Cherchez et coupez:

Code:

<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Puis collez-le juste après:

Code:

<legend class="stats">


5. Le CSS, à personnaliser:


Code:

.lastm{
border: 1px solid #000;
border-radius: 11px;
width: 150px;}
 
.descrip{
border: 1px solid #000;
margin: 5px;
padding: 5px;
}
 
.stats{
border: 1px solid #000;
border-radius: 11px;
text-align: center;
padding: 3px;
}
 
.subfo{
padding-left: 75px;}
 
 
a.forumlink{
padding-left: 75px;}


Merci
Sky


Dernière édition par Sky le Ven 23 Jan - 4:11, édité 1 fois
Revenir en haut Aller en bas
https://skydesign.kanak.fr
 
Catégorie personnalisé :
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Description de la catégorie cachée sous l'image et visible au survol de celle-ci

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Webdesign :: Codage Css3-
Sauter vers: