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

Partagez | 
 Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
Messages : 7
Age : 24

 [3] Catégories

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.
Revenir en haut Aller en bas
avatar
Messages : 7
Age : 24

 [3] Catégories

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
avatar
Messages : 7
Age : 24

 [3] Catégories

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
Contenu sponsorisé

 [3] Catégories

MessageSujet: Re: [3] Catégories   
Revenir en haut Aller en bas
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-
Les codes qui se trouvent sur ce forum sont libres de droits. C'est avec plaisir que j'ouvre ce libre services pour vous. Vous n'avez pas à poster de message lors de l'acquisition d'une de mes créations. Il va de soi que je vous demande d'être honnête et de ne pas vous proclamer propriétaire de mon travail. Je vous demande de garder en tout temps le copyright et bien sûr de vous en mettre plein les yeux sur cette galerie créée pour vous. Sur ce, bonne visite!
- Batty -
Livre d'or