Dim 21 Mai - 3:42 | |
|
Dim 21 Mai - 7:25 | Bonjour,
Remplacez l'intégralité du template index_box par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"> <table width="900px" border="0" cellspacing="0" 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="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><div class="FRM"><div class="boxDESC"><div></div></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div><div class="boxFRM"><div class="nbFRM"><p><b>{catrow.forumrow.TOPICS}</b><br/>sujets</p></div><div class="nbFRM nbIIFRM"><p><b>{catrow.forumrow.POSTS}</b><br/>messages</p></div></div></div><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* HAUT CATEGORIE */ .topCAT { margin:auto; width:900px; height:55px; padding-top:40px; background:#D8E698; border-bottom:5px solid #CAD78E; /* MODIFIABLE */ } /* BLOC TITRE CATEGORIE */ .tleCAT{ text-align:right; padding-right:35px; } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px; font-family:Fjalla One; color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; margin-bottom:15px; width:898px; height:auto; padding-bottom:35px; border-top:none; border:1px solid; background:white; border-color:#D8E698; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ width:900px; margin:auto; text-align:center; } /* BLOC IMAGE DESCRIPTIVE / TITRE / DERNIER MESSAGE / ICÔNES / NOMBRE SUJETS & MESSAGES FORUM */ .FRM { display:inline-block; vertical-align:top; margin:35px 20px 0; width:400px; } /* BORDURE IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:middle; border:1px solid; border-color:#efefef; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC div{ margin:5px; width:90px; height:170px; background:#D8E698; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img{ position:absolute; margin-top:-20px; margin-left:-438px; width:90px; height:170px; } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:middle; margin-left:15px; } /* TITRE FORUM */ .tleFRM { margin-bottom:10px; width:175px; text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:1px; } .tleFRM a{ font-family:Fjalla One; color:#D8E698 !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:175px; font-size:10px; color:black; /* MODIFIABLE */ } /* TITRE DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; } /* ICÔNES FORUM */ .imgFRM { margin:10px auto 0; } /* NOMBRE SUJETS FORUM */ .nbFRM { width:86px; height:76px; padding:2px; overflow:hidden; text-transform:uppercase; font-size:11px; background:#EFEFEF; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURE NOMBRE SUJETS FORUM */ .nbFRM p{ margin:0; height:57px; padding-top:17px; border:1px solid; border-color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-top:20px; background:#EFEFEF; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURE NOMBRE MESSAGES FORUM */ .nbIIFRM p{ border-color:white; /* MODIFIABLE */ } /* TAILLE NUMEROS NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM b { font-size:14px; } /* BLOC DESCRIPTION & SOUS-FORUMS */ #descFRM { display:inline-block; margin-top:35px; margin-right:25px; width:400px; height:178px; overflow:hidden; border:1px solid; background:#cad78e; border-color:#d8e698; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM{ margin:auto; margin-top:19px; width:350px; height:128px; padding:5px; overflow:auto; font-size:11px; text-align:justify; border:1px solid; background:white; border-color:#d8e698; color:black; /* MODIFIABLE */ } /* TRIANGLE SOUS-FORUMS */ .sfFRM { margin-left:190px; margin-top:1px; width:0; height:0; border-style:solid; border-width:0 10px 17.3px 10px; border-color:transparent; border-bottom-color:white; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM div{ position:absolute; margin-top:-140px; margin-left:-180px; width:350px; height:128px; padding:5px; overflow:auto; background:white; /* MODIFIABLE */ opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .sfFRM:hover div{ opacity:1; transform:scale(1); -webkit-transform:scale(1); } /* LIEN SOUS-FORUM */ .sfFRM a{ font-size:16px; font-family:Fjalla One; text-transform:uppercase; color:#D8E698 !important; /* MODIFIABLE */ } |
|
Dim 21 Mai - 7:46 | C'est parfait merci infiniment ! |
|