Catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas

Catégories

Message par Aadelrun le Lun 3 Avr - 15:04



Code HTML : remplacer l'intégralité du code par :
Code:
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
      <table width="800px" 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 -->
        <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
 <div class="mdlCAT"><!-- END tablehead -->

         <!-- BEGIN cathead -->
         <!-- END cathead -->
        
         <!-- BEGIN forumrow -->
        <div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div></div></div></div>      
         <!-- END forumrow -->
        
        <!-- BEGIN catfoot -->
         <!-- END catfoot -->
         <!-- BEGIN tablefoot -->
 </div>
        <!-- END tablefoot --><!-- END catrow -->

Code CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto; border-radius:15px;
width:800px; padding:10px 0; text-align:center;
background:#A2C0CC; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:15px 0 5px; border-radius:15px;
background:#DBDCDA; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:auto; width:750px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:-15px; padding-left:125px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.tleFRM a{
font-family:Dancing Script; font-size:32px;
color:#E4AABE !important; /* MODIFIABLE */
}
/* SURVOL TITRE FORUM */
.tleFRM:hover {
padding-left:150px;
}
/* BLOC FORUM */
.FRM{
margin:20px auto; width:750px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-top:10px; margin-right:25px; margin-left:5px;
width:75px; height:75px;
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px;
width:365px; height:75px; padding:5px; overflow:auto; border-radius:10px;
font-size:10px; text-align:justify;
background:#D9D5B3; color:black;  /* MODIFIABLE */
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SOUS-FORUMS */
.sfFRM {
width:365px; height:15px; padding:5px; overflow:auto; border-radius:10px;
background:#ECC1D0; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:10px; text-align:left; text-transform:uppercase;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:rgba(250,250,250,0.6) !important; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:115px; border-radius:10px;
background:#D9D5B3; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
margin:auto; margin-top:10px;
width:75px; height:95px; overflow:hidden; border-radius:5px;
}
.avaFRM img {
width:75px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:140px; height:65px; padding:20px 5px 0; border-radius:10px;
text-align:center; font-size:10px;
background:#D9D5B3; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:150px; height:15px; padding:5px 0; border-radius:10px;
font-size:10px; letter-spacing:-1px; text-align:center;
background:#ECC1D0; color:black; /* MODIFIABLE */
}
avatar
Aadelrun
Admin

Féminin Bélier Chat
Messages : 39
Date de naissance : 05/04/1999
Date d'inscription : 02/02/2017
Age : 18
Localisation : ON THE SKY !
Emploi/loisirs : Fraise !
Humeur : Zblblblbl

Voir le profil de l'utilisateur http://aadelruntest.forumactif.com

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum