Forum teste pour Batty
 
AccueilAccueil  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 [3] Catégories

Aller en bas 
AuteurMessage
Batty

avatar

Messages : 7
Age : 24

MessageSujet: [3] Catégories   Sam 23 Jan - 13:56

Rendu


Panneau d'administration > Affichage > Templates > Général > index_box

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">
 <div class="battycat_background">
 <div class="battycat_titre"><div class="secondarytitle"> {catrow.tablehead.L_FORUM} </div></div>

 <!-- 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 -->

 <link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
    
 <div class="battycat_image">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 <div class="battycat_cadre">
          <div class="battycat_soustitre"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span>{catrow.forumrow.FORUM_NAME}</span></a> </div>
 <div class="battycat_left">
 <div class="battycat_sujet-message"> {catrow.forumrow.TOPICS} {L_TOPICS} </div>
 <div class="battycat_dernier-post"> {catrow.forumrow.LAST_POST} </div>
 <div class="battycat_sujet-message"> {catrow.forumrow.POSTS} {L_POSTS} </div>
 </div>
 <div class="battycat_description">{catrow.forumrow.FORUM_DESC}</div>
          <div class="battycat_sous-forum"> Sous-Forums <div> {catrow.forumrow.LINKS} </div></div>
 </div></div>

 <!-- 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 -->
</div></table><div class="battycat_copyright"><span> <a href="batty.forum-canada.com
  ">© Batty</a></span> </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

Code:

/*========================================================================================================
                                                   CATÉGORIE
========================================================================================================*/

/*Mise en page des bloc titre des catégories*/
.battycat_titre{
width:100%;
box-sizing: border-box;
text-align:center;
background-color: #7b0e0f; /*Modifiable - Couleur de fond*/
margin: 20px auto 20px auto;
padding: 5px;
}

/*Mise en page du texte des titres de catégories */
.secondarytitle h2 {
font-size: 30px; /*Modifiable - taille du texte*/
color: #fff; /*Modifiable - Couleur d'écriture*/
font-family: 'Cinzel', serif; /*Modifiable - Police d'écriture*/
text-transform:uppercase; /*Texte en majuscules*/
font-weight:none; /*Annuler le texte en gras par défaut*/
}

/*Arrière plan*/
.battycat_background{
  width: 100%;
  padding-bottom:20px;
  background-color: #464646; /*Modifiable - Couleur d'arrière plan*/
  text-align: center; /*centre les catégories*/
}

/*Mise en page des catégories*/
.battycat_image{
position:relative;
width: 360px;
height:250px;
display: inline-block;
margin:10px;
}

/*Images "Old" "New" & "Lock"*/
.battycat_image img{
width:100%;
height:100%;
}

/*Mise en page et positionnement du cadre intérieur des catégorie*/
.battycat_cadre{
position:absolute;
top:0;
left:0;
width:340px;
height:230px;
margin:10px;
background-color: #ccc; /*Modifiable - Couleur de l'arrière plan inérieur*/
}

/*Mise en page des bloc titre des forum*/
.battycat_soustitre{
width:100%;
box-sizing: border-box;
padding: 10px;
background-color: #000; /*Modifiable - Couleur de l'arrière plan des titres*/
  }
 
/*Mise en page du texte des titres de forum */
.battycat_soustitre span{
color: #fff; /*Modifiable - Couleur du texte des titres*/
font-size:15px; /*Modifiable - Taille des titre*/
font-family: 'Cinzel', serif; /*Modifiable - Police d'écritute des titres*/
text-transform:uppercase; /*Texte en majuscules*/
text-align:center;
}

/*Mise en page des liens des titre de forum*/
.battycat_soustitre:hover a{
text-decoration:none!important; /*Retirer le soulignement par défaut au passage de la souris*/
}

/*Positionnement des élément à gauche*/
.battycat_left{
float:left;
margin:10px;
width:40%;
}

/*Mise en page du nombre de sujets et messages*/
.battycat_sujet-message{
width:100%;
box-sizing: border-box;
padding: 5px;
background-color: #000; /*Modifiable - Couleur de l'arrière*/
color: #fff; /*Modifiable - Couleur du texte*/
font-size:12px; /*Modifiable - Taille du texte*/
text-align:center;
}

/*Mise en page des dernier sujet postés*/
.battycat_dernier-post{
width:100%;
height:90px;
box-sizing: border-box;
margin: 10px 0px;
padding: 15px 5px 5px 5px;
background-color: #fff; /*Modifiable - Couleur de l'arrière plan*/
color: #000; /*Modifiable - Couleur du texte*/
font-size:12px; /*Modifiable - Taille du texte*/
text-align:center;
}

/*Mise en page des descriptions des forums*/
.battycat_description{
float:left;
width:51%;
height:160px;
margin: 10px 10px 10px 0px;
box-sizing: border-box;
padding: 5px;
background-color: #000; /*Modifiable - Couleur de l'arrière plan*/
color: #fff;/*Modifiable - Couleur du texte*/
font-size:12px; /*Modifiable - Taille du texte*/
text-align:justify; /*Texte justifier*/
overflow:auto;
}

/*Mise en page du "bouton" sous-forums*/
.battycat_sous-forum{
  position:absolute;
  bottom:0px;
  width:100%;
  padding:1px;
  text-align:center;
  font-size:12px; /*Modifiable - Taille du texte*/
  color:#000; /*Modifiable - Couleur du texte*/
  font-family: 'Cinzel', serif; /*Modifiable - Police d'écriture*/
text-transform:uppercase; /*Texte en majuscule*/
  font-weight:bold; /*Texte en gras*/
  cursor:  pointer; /*Curseur en forme de main au survol*/
}

/*Positionnement des sous-forums*/
.battycat_sous-forum div{
position:absolute;
  bottom:19px;
  right:12px;
opacity:0;
transform:scale(0); -webkit-transform:scale(0);
transition:all .65s linear; -webkit-transition:all .65s linear;
}

/*Mise en page des sous-forums (liens)*/
.battycat_sous-forum div a{
color: #fff !important; /*Modifiable - Couleur du texte*/
}

/*Mise en page des sous-forums (cadre)*/
.battycat_sous-forum:hover div{
font-family: arial; /*Modifiable - Police d'écriture*/
font-weight:normal; /*Texte pas en gras*/
width:51%;
height:160px;
box-sizing: border-box;
padding:5px;
background-color: #000; /*Modifiable - Couleur de l'arrière plan*/
opacity:1;
transform:scale(1); -webkit-transform:scale(1);
}

/*Positionnement du copyright - NE PAS SUPRIMER-*/
.battycat_copyright{
width:100%;
text-align:center;
  margin-top: -10px ;
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.battycat_copyright span{
display:block;
width:100px;
padding: 5px;
margin:auto;
background-color: #fff; /*Modifiable - Couleur de l'arrière plan*/
border-radius:10px; /*arrondi*/
}

/*Mise en page du copyright (Lien)- NE PAS SUPRIMER-*/
.battycat_copyright a{
font-size:11px;
text-decoration:none!important; /*supprimer le soulignement par défaut*/
}

.battycat_copyright:hover a{
text-decoration:none!important; /*supprimer le soulignement par défaut*/
}
/*========================================================================================================
                                            CATÉGORIE - END
========================================================================================================*/

Les images "New" "Old" et "Lock" seront redimensionnées automatiquement pour remplir le cadre des catégories.


Dernière édition par Batty le Ven 26 Fév - 1:41, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Batty

avatar

Messages : 7
Age : 24

MessageSujet: Re: [3] Catégories   Mar 23 Fév - 21:14

Rendu


Panneau d'administration > Affichage > Templates > Général > index_box

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">
 <div class="battycat_background">
 <div class="battycat_titre"><div class="secondarytitle"> {catrow.tablehead.L_FORUM} </div></div>

 <!-- 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 -->

 <link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
          
<div class="battycat_corp">  
<div class="battycat_sous-titre"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span>{catrow.forumrow.FORUM_NAME}</span></a></div> <div class="battycat_stat">{catrow.forumrow.TOPICS} {L_TOPICS} - {catrow.forumrow.POSTS} {L_POSTS}</div>
<div class="battycat_image"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<div class="battycat_description">{catrow.forumrow.FORUM_DESC}</div>
<div class="battycat_dernier-message">{catrow.forumrow.LAST_POST}</div>
<div class="battycat_sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>  
</div>
 <!-- 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 -->
</div></table><div class="battycat_copyright"><span> <a href="batty.forum-canada.com
  ">© Batty</a></span> </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

Code:

/*========================================================================================================
                                                   CATÉGORIE
========================================================================================================*/
/*mise en page des titre de catégories*/
.secondarytitle {
position:relative;/*positionnement - NE PAS MODIFIER*/
width:auto; /*largeure*/
height:60px; /*hauteur*/
text-align:center; /*alignement du texte*/
border-top:1px solid #000; /*ligne du haut*/
border-bottom:1px solid #000; /*ligne du bas*/
margin: 10px 150px ; /* distencé les ligne du bord*/
}

/*mise en page du texte des titre de catégories*/
.secondarytitle h2 {
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:-5px; /*positionnement - NE PAS MODIFIER*/
display:block;
width:100%; /*largeur*/
color:#387e69; /*couleur du texte*/
font-family: 'Cinzel', serif; /*police d'écriture*/
font-size:60px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
font-weight:400; /*L'épaisseur du texte*/
letter-spacing:-2px; /*espacement entre les letre du texte*/
}

/*corp des catégorie*/
.battycat_corp{
height:170px; /*hauteur*/
margin:auto; /*catégorie centré*/
overflow:hidden;
margin-top:10px; /*marge entre les catégories*/
}

/*Mise en page des des sous-titres*/
.battycat_sous-titre{
float:left; /*positionnement - NE PAS MODIFIER*/
width:64%;/*largeure*/
height:35px; /*hauteur*/
margin-bottom:8px;/*marge entre le titre et les descriptions*/
box-sizing: border-box;   -moz-box-sizing: border-box;
padding:5px; /*marge intérieur*/
background: #387e69; /*couleur de fond*/
}

/*Mise en page des liens des sous-titres*/
.battycat_sous-titre a{
font-family: 'Cinzel', serif; /*police d'écriture*/
font-size:25px; /*taille du texte*/
color:#fff!important; /*couleur du texte*/
font-weight:normal; /*supression du texte en gras par défaut*/
transition:all 2s; /*duré de la transition*/
}

/*Mise en page des liens des sous-titres au passage de la souris*/
.battycat_sous-titre a:hover{
text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#000!important; /*deuxième couleur*/
}

/*mise en page du nombre de messages et sujets*/
.battycat_stat{
float : right; /*positionnement - NE PAS MODIFIER*/
width:35%; /*largeur*/
height:35px; /*hauteur*/
margin-bottom:8px; /*marge entre les stats et les descriptions*/
box-sizing: border-box;   -moz-box-sizing: border-box;
padding:18px 5px 5px 5px; /*marge intérieur & positionement*/
background: #387e69; /*couleur de fond*/
font-family: 'Trebuchet MS'; /*police d'écriture*/
font-size:12px; /*taille du texte*/
color:#fff; /*couleur du texte*/
text-align:right; /*allignement du texte*/
}

/*mise en page du bloc de l'image Old/New/Lock*/
.battycat_image{
clear:both; /*positionnement - NE PAS MODIFIER*/
float : left; /*positionnement - NE PAS MODIFIER*/
width:60px; /*largeur*/
height:100px;/*hauteur*/
}

/*Réglage automatique la taille de l'image Old/New/Lock*/
.battycat_image img{
width:60px; /*largeur*/
height:100px; /*hauteur*/
}

/*mise en page des description*/
.battycat_description{
margin-top:43px; /*positionnement - NE PAS MODIFIER*/
margin-left: 68px; /*positionnement - NE PAS MODIFIER*/
margin-right: 158px; /*positionnement - NE PAS MODIFIER*/
width:auto; /*largeure*/
height:100px; /*hauteur*/
box-sizing: border-box;   -moz-box-sizing: border-box;
padding:5px; /*marge intérieur*/
background-color:#fff; /*couleur de fond*/
border: 2px solid #000; /*bouleur des bordure*/
overflow:auto; /*activation d'une bare de défilement si le texte est trop long*/
text-align:justify; /*allignement du texte*/
font-size:11px; /*taille de la police d'écriture*/
}

/*Réglage automatique de l'image dans les descriptions*/
.battycat_description img{
width:50px; /*largeure*/
height:50px; /*hauteur*/
margin-right:5px; /*marge extérieur droite*/
margin-bottom:5px; /*marge extérieur bas*/
}

/*Mise en page des derniers messages*/
.battycat_dernier-message{
float : right; /*positionnement - NE PAS MODIFIER*/
margin-top:-100px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
height:100px; /*hauteur*/
box-sizing: border-box;   -moz-box-sizing: border-box;
padding:30px 5px; /*marge intérieur*/
background-color:#fff; /*Couleur de fond*/
border: 2px solid #000; /*Couleur de la bordure*/
text-align:center; /*alignement du texte*/
font-size:11px; /*tail du texte*/
}

/*Mise en page des sous-forums*/
.battycat_sous-forum{
clear:both; /*positionnement - NE PAS MODIFIER*/
float : left; /*positionnement - NE PAS MODIFIER*/
width:100%; /*largeure hautomatique*/
height:20px; /*hauteur*/
box-sizing: border-box;   -moz-box-sizing: border-box;
padding: 0px 2px; /*marge intérieur*/
background: #387e69; /*couleur de fond*/
margin-top:8px; /*marge entre les sous-forum et les description*/
text-align:right; /*texte aligné à droite*/
font-size:0px; /*suppression de la virgule*/
}

/*Mise en page des lien des sous-forums*/
.battycat_sous-forum a{
display:inline-block; /*Modification des lien en bloc - NE PAS MODIFIER*/
margin: 0px 5px; /*espacement entre les lien*/
font-family: 'Cinzel', serif; /*Police d'écriture*/
font-size:15px; /*taille des liens*/
color:#fff; /*couleur des liens*/
transition:all 2s; /*duré de la transition*/
}

/*Mise en page des lien des sous-forums au passage de la souris*/
.battycat_sous-forum a:hover{
text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#000!important; /*deuxième couleur*/
}

/*Positionnement du copyright - NE PAS SUPRIMER-*/
.battycat_copyright{
width:100%;
text-align:center;
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.battycat_copyright span{
display:block;
width:100px;
padding: 5px;
margin:auto;
}

/*Mise en page du copyright (Lien)- NE PAS SUPRIMER-*/
.battycat_copyright a{
font-size:11px;
text-decoration:none!important; /*suppression du soulignement par défaut*/
}

.battycat_copyright:hover a{
text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#387e69!important; /*deuxième couleur*/
}
/*========================================================================================================
                                            CATÉGORIE - END
========================================================================================================*/

Comment ajouté une image à une catégorie :

Ajouter une image

Les images "New" "Old" et "Lock" seront redimensionnées automatiquement, mais priorisez des images de 60px*100px.

Les catégories s'adaptent à toutes les tailles de forum.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Batty

avatar

Messages : 7
Age : 24

MessageSujet: Re: [3] Catégories   Ven 26 Fév - 1:34

Rendu


Panneau d'administration > Affichage > Templates > Général > index_box

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">
 <div class="battycat_background">
 <div class="battycat_titre"><div class="secondarytitle"> {catrow.tablehead.L_FORUM} </div></div>

 <!-- 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 -->

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  
<div class="battycat_corp">  
<div class="battycat_image"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<div class="battycat_sous-titre"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span>{catrow.forumrow.FORUM_NAME}</span></a></div>
<div class="battycat_stat">{catrow.forumrow.TOPICS} {L_TOPICS} dans {catrow.forumrow.POSTS} {L_POSTS}</div>  
<div class="battycat_description">{catrow.forumrow.FORUM_DESC}</div>
<div class="battycat_dernier">{catrow.forumrow.LAST_POST}</div>
<div class="battycat_vava-dernier">
 <!-- BEGIN avatar -->
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
</div>
<div class="battycat_sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</div>
 <!-- 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 -->
</div></table><div class="battycat_copyright"><span> <a href="batty.forum-canada.com
  ">© LS Batty</a></span> </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

Code:

/*========================================================================================================
                                                   CATÉGORIE
========================================================================================================*/
/*mise en page des titre de catégories*/
.secondarytitle {
position:relative;/*positionnement - NE PAS MODIFIER*/
width:auto; /*largeure*/
height:132px; /*hauteur*/
text-align:right; /*alignement du texte*/
border-bottom:2px solid #d4b0c2; /*ligne du bas*/
background-image:url('http://i.imgur.com/GuPXtw9.png');
background-size: 100% auto;
}

/*mise en page du texte des titre de catégories*/
.secondarytitle h2 {
position:absolute; /*positionnement - NE PAS MODIFIER*/
bottom:-5px; /*positionnement - NE PAS MODIFIER*/
right:15px;/*positionnement - NE PAS MODIFIER*/
display:block; /*positionnement - NE PAS MODIFIER*/
width:100%; /*largeur*/
color:#9e9c9c; /*couleur du texte*/
font-family: 'Oswald', sans-serif; /*police d'écriture*/
font-size:60px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
font-weight:400; /*L'épaisseur du texte*/
letter-spacing:-2px; /*espacement entre les letre du texte*/
}

/*corp des catégorie*/
.battycat_corp{
width:800px;/*taille des gatégorie - Modiffiable, mais changer les autre largeure aussi*/
height:180px; /*hauteur*/
margin:auto; /*catégorie centré*/
overflow:hidden;
margin-top:10px; /*marge entre les catégories*/
}

.battycat_image{
float:left; /*positionnement - NE PAS MODIFIER*/
width:100px; /*largeur*/
height:50px; /*hauteur*/
}

.battycat_image img{
width:100px; /*largeur*/
height:50px; /*hauteur*/
}


.battycat_sous-titre{
float:left; /*positionnement - NE PAS MODIFIER*/
width:auto;/*largeure automatique*/
height:50px; /*hauteur*/
line-height:50px; /*centré le titre*/
padding:0px 5px; /*marge intérieur*/
}

.battycat_sous-titre a{
font-family: 'Oswald', sans-serif; /*police d'écriture*/
text-transform:uppercase; /*texte en majuscule*/
font-size:40px; /*taille du texte*/
color:#d4b0c2!important; /*couleur du texte*/
transition:all 2s; /*duré de la transition*/
}

.battycat_sous-titre a:hover{
 text-decoration:none!important; /*suppression du soulignement par défaut*/
 color:#9e9c9c!important; /*2eme couleur du texte*/
}
 
.battycat_stat{
float:left; /*positionnement - NE PAS MODIFIER*/
padding-top:32px; /*positionnement - NE PAS MODIFIER*/
font-family:calibri; /*police d'écriture*/
font-size:12px; /*taille du texte*/
color:#abaaaa; /*couleur du texte*/
}

.battycat_description{
display:inline-block; /*positionnement - NE PAS MODIFIER*/
width:500px; /*largeur*/
height:85px; /*hauteur*/
-moz-box-sizing: border-box; box-sizing: border-box;
padding:5px; /*padding*/
margin-right:110px; /*marge droite - espace pour l'image des description*/
overflow:auto; /*activement de la sroll bar automatiquement*/
text-align:justify; /*Alignement du texte*/
font-family:calibri; /*police d'écriture*/
font-size:11px; /*taille de l'image*/
color:#abaaaa; /*couleur du texte*/
}

.battycat_description img{
position:absolute; /*positionnement - NE PAS MODIFIER*/
margin-top:-5px; /*positionnement - NE PAS MODIFIER*/
margin-left:505px; /*positionnement - NE PAS MODIFIER*/
z-index:2; /*positionnement - NE PAS MODIFIER*/
width:100px; /*largeur*/
height:100px; /*hauteur*/
-moz-box-sizing: border-box; box-sizing: border-box;
border:2px solid #abaaaa; /*bordure de l'image*/
}

.battycat_dernier{
float:right; /*positionnement - NE PAS MODIFIER*/
margin-right:50px; /*positionnement - NE PAS MODIFIER*/
width:120px;/*largeur*/
height:50px; /*hauteur*/
padding:5px; /*marge intérieur*/
border-top:2px solid #abaaaa; /* bordure du haut*/
border-bottom:2px solid #abaaaa; /*bordure du bas*/
text-align:center; /*alignement du texte*/
font-family:calibri; /*police d'écriture*/
font-size:11px;/*taille du texte*/
color:#abaaaa;/*couleur du texte*/
}

.battycat_dernier a{
font-family: 'Oswald', sans-serif; /*police d'écriture*/
text-transform:uppercase; /*texte en majuscule*/
font-size:12px; /*taille du texte*/
color:#d4b0c2; /*couleur du texte*/
 text-decoration:none!important; /*suppression du soulignement par défaut*/
transition:all 2s; /*duré de la transition*/
}

.battycat_dernier a:hover{
 text-decoration:none!important; /*suppression du soulignement par défaut*/
 color:#9e9c9c; /*2eme couleur du texte*/
}

.battycat_vava-dernier{
float:right; /*positionnement - NE PAS MODIFIER*/
margin-top:-70px; /*positionnement - NE PAS MODIFIER*/
margin-right:10px; /*positionnement - NE PAS MODIFIER*/
}

.battycat_vava-dernier img{
width:50px; /*largeur*/
height:75px; /*hauteur*/
transform: rotate(10deg); /*rotation de l'image*/
box-shadow: 0px 0px 5px #575757; /*ombrage de l'image*/
}

.battycat_sous-forum{
width:500px; /*largeur*/
marging-top:15px;
font-size:0px; /*suppression de la virgule*/
}

.battycat_sous-forum a{
display:inline-block; /*Modification des lien en bloc - NE PAS MODIFIER*/
margin: 0px 5px; /*espacement entre les lien*/
font-family: 'Oswald', sans-serif; /*police d'écriture*/
text-transform:uppercase; /*texte en majuscule*/
font-size:14px; /*tail du texte*/
color:#d4b0c2; /*couleur du texte*/
transition:all 2s; /*duré de la transition*/
}

.battycat_sous-forum a:hover{
 text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#9e9c9c; /*2eme couleur du texte*/
}

/*Positionnement du copyright - NE PAS SUPRIMER-*/
.battycat_copyright{
width:100%;
text-align:center;
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.battycat_copyright span{
display:block;
width:100px;
padding: 5px;
margin:auto;
}

/*Mise en page du copyright (Lien)- NE PAS SUPRIMER-*/
.battycat_copyright a{
font-family: 'Oswald', sans-serif; /*police d'écriture*/
text-transform:uppercase; /*texte en majuscule*/
font-size:14px; /*taille du texte*/
color:#d4b0c2;/*couleur du copyright*/
text-decoration:none!important; /*suppression du soulignement par défaut*/
}

.battycat_copyright:hover a{
text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#9e9c9c!important; /*deuxième couleur*/
}
/*========================================================================================================
                                            CATÉGORIE - END
========================================================================================================*/

Comment ajouté une image à une catégorie :

Ajouter une image

Les images "New" "Old" et "Lock" seront redimensionnées automatiquement, mais priorisez des images de 100px*50px.

Les catégories s'adaptent à toutes les tailles de forum.[/quote]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: [3] Catégories   

Revenir en haut Aller en bas
 
[3] Catégories
Revenir en haut 
Page 1 sur 1
 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...
» [Phantasmagoria] Modification des catégories

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Batty :: Libre services :: Templates-
Sauter vers: