Catégories#1

Messages : 181 Date d'inscription : 02/06/2020 Age : 30

Catégories

◈ Petit rendu en image ◈

A savoir sur ces catégories

◈ Le crédit n'a pas été installé sur ces catégories. Je vous fais confiance pour ajouter ce code dans vos crédits !

Code:: <a href="https://tourmaline.forumactif.com/" target="_blank">Catégories réalisées par Loukoum</a>

◈ La largeur maximale de ces catégories est de 800px.
◈ L'avatar du dernier posteur est affiché.
◈ Les liens vers les sous-forums sont visibles.
◈ Les boutons "nouveau" "pas de nouveau" "verrouiller" sont en taille 110x50.
◈ Si vous souhaitez mettre un petit sous-titre à vos catégories, consultez le .catdescription strong et enlevez le */ avant et après. Il vous suffira de mettre votre texte entre balises strong.
◈ Vous pouvez modifier : les couleurs, le style d'écriture et les images.
◈ Si jamais vous avez besoin un soucis ou besoin de modifications, c'est par ici que je m'occuperai de vous !

Le code

Merci à vous de l'utiliser !

Modifier le template index_box complètement :

Code:: <center><div class="liens_header_categories">
   
<a id="nouveaux_messages" style="text-decoration:none;" href="{U_SEARCH_NEW}">
   {L_SEARCH_NEW}
   </a> ⛥

   <a id="mes_messages" style="text-decoration:none;" href="{U_SEARCH_SELF}">
   {L_SEARCH_SELF}
   </a> ⛥
   

<a id="sans_reponse" style="text-decoration:none;" href="{U_SEARCH_UNANSWERED}">
   {L_SEARCH_UNANSWERED}
   </a>
  </div></center>
<script type="text/javascript">document.getElementById('nouveaux_messages').innerHTML=document.getElementById('nouveaux_messages').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Nouveaux messages");</script>
<script type="text/javascript">document.getElementById('mes_messages').innerHTML=document.getElementById('mes_messages').innerHTML.replace(/Voir ses messages/,"Mes messages");</script>
<script type="text/javascript">document.getElementById('sans_reponse').innerHTML=document.getElementById('sans_reponse').innerHTML.replace(/Voir les messages sans réponses/," Messages sans réponse");</script>



<center>
  <div class="titrecate">
   <div style="height:50px;"></div>
   <span colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </span>
   </div>
  </center>


<table align="center">
  <tr>
   <td>
   <div class="categauche">
   <table><tr><td>
   
   <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
   
   </td><td>
   <div class="derniermessages">
   <span class="gensmall">
   <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="catboutons" /><br/>
   {catrow.forumrow.LAST_POST}<br/><br/>
   {catrow.forumrow.TOPICS} aventures<br/>
   {catrow.forumrow.POSTS} actions
   </span>
   </div>
   </td></tr></table>
   </div>
   </td>
   <td>
   <div class="catedroite">
   <div class="titrecateforum">
   <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
   </div>
   <table>
   <tr>
   <td>
   <div class="catdescription">
   {catrow.forumrow.FORUM_DESC}
   </div>
   </td>
   <td>
   <div class="catsousforums">
   {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
   </div>
   </td>
   </tr>
   </table>
   </div>
   </td>
  </tr>
</table>


<img src="{SPACER}" alt="" height="5" width="1" />

A mettre dans votre CSS :

Code:: /*------------------------------------------------------*/
/*----------------------Catégories----------------------*/
/*----------------Loukoum sur Tourmaline----------------*/
/*------------------------------------------------------*/

/*Titre des catégories*/
.titrecate { /*Ne pas toucher*/
  width:800px;
  text-align:center;
}
.secondarytitle h2{ /*Modifiable*/
  font-size:50px;
  background-image: linear-gradient(to right, #430303, #4f0306, #5b0407, #670608, #730807, #730807, #730807, #730807, #670608, #5b0407, #4f0306, #430303);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight:bold;
  text-transform:uppercase;
  font-family: 'Lobster', cursive;
  padding-bottom:5px;
}

/*Fond des catégories*/
.fondcate { /*Ne pas toucher*/
  width:800px;
}

/*Partie gauche : avatar, dernier message*/
.categauche { /*Ne pas toucher*/
  width:240px;
  height:170px;
}
.lastpost-avatar img{ /*Ne pas toucher*/
  width:100px;
  height:160px;
}
.derniermessages { /*Ne modifier que ce qui est indiqué*/
  width:120px;
  height:150px;
  color:#EDE4E9; /*Modifiable*/
  font-family:'Karma'; /*Modifiable*/
  font-size:12px; /*Modifiable*/
  text-align:center;
  padding:5px;
  background-color:#10050B; /*Modifiable*/
}
.gen, .genmed, .gensmall {
   color: #EDE4E9;
}
.catboutons { /*Ne pas toucher*/
  width:110px;
  height:50px;
}

/*Partie droite : titres, description, liens*/
.catedroite { /*Ne modifier que ce qui est indiqué*/
  width:545px;
  height:160px;
  margin-left:5px;
  background-color:#10050B; /*Modifiable*/
  color:#EDE4E9; /*Modifiable*/
}
.titrecateforum { /*Ne modifier que ce qui est indiqué*/
  width:539px;
  font-family: 'Lobster', cursive; /*Modifiable*/
  font-size:25px; /*Modifiable*/
  text-align:center;
  border-bottom:2px dotted #970800; /*Modifiable*/
  padding:5px 2px 0px 2px;
}
.titrecateforum a{ /*Ne modifier que ce qui est indiqué*/
  color:#970800; /*Modifiable*/
  text-decoration:none;
}
.titrecateforum a:hover{ /*Ne modifier que ce qui est indiqué*/
  color:#EDE4E9; /*Modifiable*/
  text-decoration:none;
}
.titrecateforum a::before
{
content: '⛥ ';
-webkit-transform: translateX(25px);
-ms-transform: translateX(25px);
transform: translateX(25px);
  opacity:0;
}

.titrecateforum a::after
{
content: ' ⛥';
-webkit-transform: translateX(-25px);
-ms-transform: translateX(-25px);
transform: translateX(-25px);
  opacity:0;
}

.titrecateforum a:hover::before,.titrecateforum a:hover::after
{
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.catdescription { /*Ne modifier que ce qui est indiqué*/
  width:350px;
  height:115px; /*Modifiable - réduire la taille si vous voyez que les cadres "dépassent", cela dépendra de votre choix de police*/
  font-family:'Karma'; /*Modifiable*/
  font-size:12px; /*Modifiable*/
  text-align:justify;
  overflow:auto;
}/*
.catdescription strong{
   box-shadow: #A4AC86 0px -5px 0px inset;
   font-family: 'indie flower';
   color: #2F4031;
  text-transform: uppercase;
   font-size: 11px;
}*/
.catsousforums { /*Ne modifier que ce qui est indiqué*/
  width:185px;
  height:115px; /*Modifiable - identique à la hauteur du catdescription si vous le modifiez*/
  overflow:auto;
}
.catsousforums a{ /*Ne modifier que ce qui est indiqué*/
  display:block;
  margin:auto;
  margin-bottom:3px;
  width:95%;
  text-align:center;
  font-size:10px; /*Modifiable*/
  line-height:12px; /*Modifiable*/
  color:#EDE4E9 !important; /*Modifiable*/
  font-family:'Karma'; /*Modifiable*/
  background-image: linear-gradient(to right, #020001, #200a14, #380c1a, #50081b, #680517, #680517, #680517, #680517, #50081b, #380c1a, #200a14, #020001);
  text-transform: uppercase;
}
.catsousforums a:hover {
  background-image: linear-gradient(to right, #830e04, #6f0415, #58071b, #3f0b1c, #270c17, #270c17, #270c17, #270c17, #3f0b1c, #58071b, #6f0415, #830e04);
}
.catsousforums a::before
{
content: '⛥ ';
-webkit-transform: translateX(25px);
-ms-transform: translateX(25px);
transform: translateX(25px);
}

Rechercher

Résultats par : Messages Sujets
Recherche avancée