Catégories #1

Nature du code

Catégories
/!\ Il faut avoir accès aux templates, uniquement accessibles par le compte fondateur.
/!\ Sensible aux descriptions trop longues.

Aperçu

Cliquez pour voir l'image en taille réelle.

Code

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">
   
   <span class="gensmall">{LAST_VISIT_DATE}<br />
   {CURRENT_TIME}<br />
   </span>
   
   <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
   
   <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
   <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
   
   <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
   </tr>
</table>
<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>
   
   
   <tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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"> </td>
   </tr>
   

   
   <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;">
   
  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
   
   </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>
   
   
   
   <div class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></div>
   
   <div class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></div>
   
   
  </table>
  <div class="bascate">
  </div>
  <img src="{SPACER}" alt="" height="5" width="1" />

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 SI VOUS AVEZ DES IMAGES POUR LES CATÉGORIES */
  height: 150px;
  width: 800px;
}
table.collapse {
  border-collapse: collapse;
}
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 */

Catégories #1 13042811165513517811129738

Messages : 1 Date d'inscription : 06/03/2016

J'aime beaucoup ce style! Il sera adopté sur mon forum très prochainement j'ai l'impression ;)

Contente que ça plaise ! Si t'as besoin d'aide pour l'installation, n'hésite pas à me faire signe ! ;)

Invité

Merchi, ton code est adopté sur mon fow ^^

Messages : 3 Date d'inscription : 24/10/2017

coucou, j'aime beaucoup celui la ! c'est possible de le mettre sur mon forum ?

C'est en libre-service, c'est fait pour ! ;) Si tu rencontres le moindre problème ou que tu as une question, n'hésite pas à poster à la suite. :D

Messages : 3 Date d'inscription : 24/10/2017

coucou, oui effectivement ! j'ai une question comment on fait pour l'activer sur tout mon forum ? Merci beaucoup :)

Messages : 3 Date d'inscription : 24/10/2017

Voila je te donne mon adresse mail :)

je te donne aussi le lien de mon forum pour te donner idée que je suis loin d'avoir fini lol et je sais même pas si c'est beau http://lecommencement.forumactif.com/
Voila !
Si tu m'aide tu serai vraiment très gentille :)

Je t'ai envoyé un mail. ;)

Invité

bonjour

j'adore ta PA et je vais l'utiliser c'est sur même

mais je voulais savoir si on peux mettre l'avatar du dernier membre ayannt poster en même temps ?

Bonjour !
Malheureusement pour ces catégories non. :/

Invité

BONSOIR

daccord merci quand meme (:

» Catégories #2
» Catégories #3

Catégories #1

Catégories #1

Sujets similaires

Sujets similaires