|
| Sam 24 Jan - 6:37 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets {catrow.forumrow.POSTS} réponses</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxIIFRM"><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:80px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="sfFRM"><span>+</span><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 --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto; width:800px; padding:10px 0; border-radius:10px; background:grey; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; text-align:center; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:0 auto 10px; text-align:center; font-family:Arial; } /* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */ .boxFRM { display:inline-block; vertical-align:top; width:595px; height:100px; border-radius:10px; overflow:hidden; } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; width:420px; height:15px; padding:5px 0 5px 10px; text-align:left; font-size:12px; font-weight:bold; text-transform:uppercase; background:grey; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:165px; height:16px; padding-top:6px; overflow:hidden; border-top:3px solid; text-align:center; font-size:9px; text-transform:uppercase; border-top-color:grey; background:rgba(250,250,250,0.3); color:#191919; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { height:65px; padding:5px; overflow-y:auto; text-align:justify; font-size:11px; line-height:16px; background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; margin:0 10px; width:50px; height:100px; border-radius:10px; } /* BLOC DERNIER MESSAGE & SOUS-FORUMS */ .boxIIFRM { display:inline-block; vertical-align:top; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:125px; height:80px; padding:0 5px; border-radius:10px 10px 0 0; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:14px; background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */ } /* BANDE SOUS-FORUMS */ .sfFRM span { display:block; width:135px; height:20px; border-radius:0 0 10px 10px; text-align:center; font-size:11px; line-height:18px; background:grey; color:white; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; z-index:2; margin-top:-100px; width:135px; height:0; overflow:hidden; border-radius:10px 10px 0 0; text-align:center; font-size:10px; background:#E9E9E9; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } .sfFRM:hover div { width:125px; height:70px; padding:5px; overflow:hidden; } /* LIENS SOUS-FORUMS */ .sfFRM div a { text-transform:uppercase; color:black !important; /* MODIFIABLE */ } Largeur du forum : 800px |
| | | Sam 24 Jan - 7:11 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxIIFRM"><div class="lmsgFRM"><div class="sfFRM"><span><b>+</b></span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><span style="display:inline-block; vertical-align:middle; height:80px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets │ {catrow.forumrow.POSTS} réponses</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto; width:800px; padding:10px 0; background:#757575; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; text-align:center; text-transform:uppercase; letter-spacing:3px; font-size:32px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:780px; padding:10px; background:#F4F4F4; /* MODIFIABLE */ text-align:center; font-family:Arial; } /* BLOC TITRE & DESCRIPTION FORUM */ .boxFRM { display:inline-block; vertical-align:top; width:525px; } /* BLOC TITRE FORUM */ .tleFRM { height:15px; padding:5px 0; text-align:left; font-size:14px; letter-spacing:1px; text-transform:uppercase; line-height:16px; background:#757575; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { margin-left:10px; color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { height:65px; padding:5px; overflow:hidden; text-align:justify; font-size:10px; line-height:11px; background:white; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; margin:0 10px; width:65px; height:100px; } /* BLOC DERNIER MESSAGE & SOUS-FORUMS */ .boxIIFRM { display:inline-block; vertical-align:top; } /* TRIANGLE SOUS-FORUMS */ .sfFRM span { position:absolute; margin-left:65px; width:0; height:0; border-style:solid; border-width:0 20px 20px 0; border-color:transparent; border-right-color:#757575; /* MODIFIABLE */ } /* + SOUS-FORUMS */ .sfFRM span b { position:absolute; margin-top:8px; margin-right:2px; font-size:10px; line-height:12px; color:black; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; margin-left:-10px; width:170px; height:0; overflow:hidden; line-height:14px; background:white; color:black; /* MODIFIABLE */ transition:all 0.75s linear; -webkit-transition:all 0.75s linear; } .sfFRM:hover div { width:150px; height:60px; padding:10px; } /* LIENS SOUS-FORUMS */ .sfFRM div a { text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:150px; height:80px; padding:0 10px; overflow:hidden; text-align:center; font-size:11px; background:white; color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { width:170px; height:10px; padding:5px 0; overflow:hidden; text-align:center; font-size:10px; text-transform:uppercase; line-height:10px; background:#757575; color:white; /* MODIFIABLE */ } Largeur du forum : 800px |
| | | Jeu 2 Avr - 22:21 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><span style="display:inline-block; vertical-align:middle; height:100px;"></span><span style="display:inline-block; vertical-align:middle;"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></div><div class="sfFRM"><span>+</span><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 class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} sujets • {catrow.forumrow.POSTS} messages</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:100px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:20px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:796px; padding:17px 0 2px 4px; background:rgba(250,250,250,0.5); /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:15px; background:#191919; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM{ float:left; margin:0 0 10px 14px; width:245px; height:205px; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { width:100px; height:100px; overflow:hidden; background:rgba(0,0,0,0.4); /* MODIFIABLE */ text-transform:uppercase; font-weight:bold; text-align:center; } /* TITRE FORUM */ .tleFRM a { position:relative; font-size:12px; color:white !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { position:absolute; z-index:2; margin-left:100px; margin-top:-100px; width:45px; height:200px; } .imgFRM img { width:45px; height:200px; } /* NOMBRE SUJETS & MESSAGES FORUM */ .imgFRM div { position:absolute; z-index:3; margin-top:-123px; margin-left:-78px; width:200px; height:30px; padding-top:15px; background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */ font-size:11px; text-align:center; opacity:0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } .FRM:hover .imgFRM div { opacity:1; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { position:absolute; margin-left:145px; margin-top:-100px; width:100px; height:100px; text-align:center; font-size:10px; line-height:15px; background:#CCC; color:black; /* MODIFIABLE */ } /* TITRE DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; font-size:11px; color:black !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM span { position:absolute; width:100px; height:67px; padding-top:33px; background:#191919; color:rgba(250,250,250,0.6); /* MODIFIABLE */ font-size:30px; text-align:center; } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; width:90px; height:90px; padding:5px; overflow:auto; text-align:left; font-size:11px; background:#CCC; color:black; /* MODIFIABLE */ opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover div { opacity:1; transform:scale(1); -webkit-transform:scale(1); } /* SOUS-FORUMS */ .sfFRM a { text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { position:absolute; z-index:5; margin-left:145px; width:90px; height:90px; padding:5px; overflow:hidden; background:teal; color:white; /* MODIFIABLE */ font-size:9px; text-align:justify; line-height:13px; transition:all .65s linear; -webkit-transition:all .65s linear; } /* SURVOL DESCRIPTION FORUM */ .descFRM:hover { position:absolute; margin-top:-100px; margin-left:0; width:235px; height:190px; overflow-y:auto; background:#CCC; color:black; /* MODIFIABLE */ font-size:11px; line-height:14px; } Largeur du forum : 800px |
| | | Jeu 2 Avr - 23:05 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxFRM"><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS}<br/>―<br/>{catrow.forumrow.POSTS}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:20px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; font-family:Arial; text-transform:uppercase; letter-spacing:3px; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:791px; padding:3px 0 8px 9px; text-align:center; background:#CCC; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:10px; background:black; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { float:left; margin:0 15px 10px; width:365px; height:240px; font-family:Arial; } .FRM:nth-of-type(even) { margin-left:7px; } /* BLOC TITRE FORUM */ .tleFRM { margin:auto; height:15px; padding:10px 0; overflow:hidden; background:rgba(0,0,0,0.3); /* MODIFIABLE */ text-transform:uppercase; font-weight:bold; text-align:center; font-size:14px; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS / DERNIER MESSAGE / DESCRIPTION FORUM */ .boxFRM { height:165px; padding-top:15px; text-align:center; background:#DEDEDE; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; width:155px; height:65px; border-radius:10px; background:#191919; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; margin-top:-75px; margin-left:-2px; width:155px; height:65px; border-radius:10px; } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; z-index:3; width:145px; height:55px; padding:5px; border-radius:10px; text-align:left; font-size:10px; background:#191919; /* MODIFIABLE */ opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover { opacity:1; } /* SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin-left:15px; width:155px; height:45px; padding:10px 0; border-radius:10px; text-align:center; font-size:10px; background:rgba(250,250,250,0.6); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:10px auto 0; width:320px; height:75px; overflow:hidden; font-size:10px; text-align:justify; line-height:15px; color:black; /* MODIFIABLE */ } .descFRM:hover { width:315px; padding-right:5px; overflow:auto; } /* ICÔNES FORUM */ .imgFRM { position:absolute; z-index:2; margin-left:150px; margin-top:-40px; width:65px; height:65px; } .imgFRM img { width:65px; height:65px; border-radius:65px; box-shadow:0 0 3px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .imgFRM div { position:absolute; z-index:3; margin-top:-65px; width:65px; height:52px; padding-top:13px; border-radius:65px; font-size:11px; background:rgba(250,250,250,0.6); /* MODIFIABLE */ opacity:0; transition:opacity .65s linear; -webkit-transition:opacity .65s linear; } .FRM:hover .imgFRM div { opacity:1; } Largeur du forum : 800px |
| | | Jeu 2 Avr - 23:40 | Remplacer l'intégralité du template par : - Code:
-
<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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} S.<br/>{catrow.forumrow.POSTS} R.</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:60px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span>sous-forums</span><div class="inSFRM"><div class="cheatSFRM"></div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:900px; padding:15px 0; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:32px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:858px; padding:10px 0; padding-left:42px; background:#F2F2F2 /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:900px; height:25px; background:#191919; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { float:left; margin:20px; width:240px; height:240px; font-family:Arial; background:darkgrey; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { height:15px; padding:5px; background:grey; /* MODIFIABLE */ text-align:center; font-size:12px; text-transform:uppercase; line-height:16px; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC ICÔNES & STATISTIQUES FORUM */ .imgFRM { position:relative; z-index:10; display:inline-block; vertical-align:top; margin-top:10px; margin-left:-25px; width:80px; height:80px; border-radius:10px; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM img { width:80px; height:80px; } /* NOMBRE SUJETS & MESSAGES FORUM */ .imgFRM div { position:absolute; z-index:2; margin-top:-80px; width:70px; height:45px; padding:25px 5px 10px; overflow:hidden; background:rgba(255,255,255,0.9); color:black; /* MODIFIABLE */ text-align:center; font-size:11px; line-height:15px; opacity:0; transition:opacity 0.25s ease; -webkit-transition:opacity 0.25s ease; } .imgFRM:hover div { opacity:1; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin-top:10px; margin-left:10px; width:155px; height:60px; padding:10px 5px; overflow:hidden; box-shadow:inset 0 0 3px rgba(0,0,0,0.3); background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ text-align:center; font-size:11px; line-height:14px; } /* DESCRIPTION FORUM */ .descFRM { margin:10px auto 0; width:220px; height:85px; overflow:hidden; color:white; text-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */ text-align:justify; font-size:11px; line-height:14px; } .descFRM:hover { width:215px; padding-right:5px; overflow-y:auto; } /* INTITULE SOUS-FORUMS */ .sfFRM span { display:block; margin:10px auto 0; position:relative; z-index:5; width:115px; height:10px; padding:5px; border-radius:10px 10px 0 0; overflow:hidden; background:#191919; color:rgba(250,250,250,0.6); /* MODIFIABLE */ text-align:center; font-size:9px; text-transform:uppercase; line-height:10px; } /* ESPACE GAUCHE CONTENU SOUS-FORUMS */ .cheatSFRM { float:left; width:55px; height:84px; background:darkgrey; /* .cheatSFRM background = .inSFRM background */ } /* CONTENU SOUS-FORUMS */ .inSFRM { position:absolute; margin-top:-215px; width:220px; height:0; padding:0 10px; overflow:hidden; background:darkgrey; /* MODIFIABLE */ color:rgba(0,0,0,0); line-height:4px; transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover .inSFRM { height:195px; padding:10px; } /* LIENS SOUS-FORUMS */ .sfFRM a { display:block; margin:auto; padding:3px 0; background:white; color:black !important; /* MODIFIABLE */ text-align:center; font-size:10px; text-transform:uppercase; line-height:11px; } Largeur du forum : 900px |
| | | Mer 29 Avr - 2:21 | Remplacer l'intégralité du code par celui-ci : - Code:
-
<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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><br clear="all" /><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="ismFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</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><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span>SOUS-FORUMS</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:auto; width:900px; padding:25px 0; text-align:center; background:#778188; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; font-size:24px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; text-shadow:1px 1px 0px black; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:875px; padding-left:25px; padding-bottom:15px; text-align:center; background:#DEDEDE; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:900px; height:15px; background:#778188; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM{ float:left; margin:10px; width:265px; height:250px; } /* BLOC ICÔNES DU FORUM / NOMBRE SUJETS & MESSAGES */ .ismFRM { display:inline-block; vertical-align:top; margin-right:15px; width:50px; height:245px; } /* ICÔNES DU FORUM */ .imgFRM { width:50px; height:50px; box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .sjtFRM{ margin:10px 0; width:50px; height:35px; padding-top:15px; background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */ font-size:11px; } /* NOMBRE MESSAGES FORUM */ .repFRM { width:50px; height:35px; padding-top:15px; background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ font-size:11px; } /* BLOC TITRE / DERNIER MESSAGE / DESCRIPTION / SOUS-FORUMS */ .boxFRM { display:inline-block; vertical-align:top; width:200px; height:245px; background:#191919; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { height:23px; padding-top:7px; overflow:hidden; box-shadow:inset 0 0 25px rgba(0,0,0,0.3); background:#778188; /* MODIFIABLE */ text-transform:uppercase; text-align:center; font-size:14px; } /* TITRE FORUM */ .tleFRM a{ font-family:Calibri; text-shadow:1px 1px 0px black; color:white !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin:10px auto 0px auto; width:165px; height:45px; border-radius:10px; padding:10px 0; text-align:center; font-size:11px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3); background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:10px auto 0px auto; width:180px; height:105px; padding:0px 5px; overflow-y:auto; font-size:10px; text-align:justify; text-shadow:0 0 3px rgba(0,0,0,0.3); color:white; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM span{ display:block; margin-top:5px; height:17px; padding-top:3px; text-align:center; font-size:10px; font-family:Calibri; background:rgba(250,250,250,0.1); color:white; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div{ position:absolute; margin-top:-130px; width:190px; height:0; padding:0 5px; overflow:hidden; background:#191919; /* MODIFIABLE */ color:rgba(0,0,0,0); line-height:8px; font-size:10px; font-family:Calibri; transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover div{ height:105px; padding:0 5px 5px; overflow-y:auto; } /* LIENS SOUS-FORUMS */ .sfFRM a{ margin:auto; display:block; width:85%; padding:5px 0; line-height:normal; text-transform:uppercase; background:rgba(250,250,250,0.3); color:black !important; /* MODIFIABLE */ } Largeur du forum : 900px |
| | | Jeu 30 Avr - 4:51 | Remplacer l'intégralité du template par : - Code:
-
<table width="900px" style="margin-bottom:5px;" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span>Sous-forums</span><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 class="boxIIFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:80px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:auto; width:900px; padding:15px 0; border-radius:25px/100px; background:#778188; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:860px; padding:10px 0 25px 25px; background:#ECECEC; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { float:left; margin-top:15px; width:410px; height:200px; font-family:Arial; } .FRM:nth-of-type(even) { margin-left:15px; } /* BLOC TITRE / DESCRIPTION / SOUS-FORUMS */ .boxFRM { display:inline-block; vertical-align:top; width:285px; height:200px; background:#CCC; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { height:20px; padding:5px; overflow:hidden; background:#778188; /* MODIFIABLE */ text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:20px; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:10px auto 0; width:265px; height:125px; overflow:hidden; text-align:justify; font-size:10px; line-height:14px; color:#191919; /* MODIFIABLE */ } .FRM:hover .descFRM { width:260px; padding-right:5px; overflow:auto; } /* SOUS-FORUMS */ .sfFRM { margin-top:10px; } /* INTITULE SOUS-FORUMS */ .sfFRM span { display:block; height:18px; padding-top:7px; text-align:center; font-size:9px; text-transform:uppercase; line-height:12px; background:#778188; color:rgba(250,250,250,0.6); /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:-200px; margin-left:295px; width:105px; height:190px; padding:5px; overflow:auto; line-height:6px; background:#CCC; /* MODIFIABLE */ opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all .55s linear; -webkit-transition:all .55s linear; } .sfFRM:hover div { opacity:1; transform:scale(1); -webkit-transform:scale(1); } /* LIENS SOUS-FORUMS */ .sfFRM a { display:block; padding-bottom:3px; border-bottom:1px solid; text-transform:uppercase; line-height:13px; border-bottom-color:black; color:black !important; /* MODIFIABLE */ } /* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE / ICÔNES FORUM */ .boxIIFRM { display:inline-block; margin-left:10px; width:95px; height:180px; padding:10px; text-align:center; background:#CCC; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:48px; height:25px; padding-top:10px; text-align:center; font-size:10px; line-height:16px; background:#778188; color:black; font-weight:bold; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { width:47px; font-weight:normal; background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin-top:10px; width:95px; height:80px; overflow:hidden; text-align:center; font-size:10px; background:rgba(250,250,250,0.6); box-shadow:inset 0 0 2px rgba(0,0,0,0.1); color:black; /* MODIFIABLE */ } /* TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { margin-top:10px; width:95px; height:45px; } Largeur du forum : 900px |
| | | Mer 6 Mai - 4:54 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxFRM"><div class="boxDESC"><div class="sfFRM">{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 class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 0; width:800px; padding:15px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:15px 0 16px; text-align:center; background:rgba(250,250,250,0.5); /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:auto; width:800px; height:10px; background:black; /* MODIFIABLE */ } /* FORUM */ .FRM { float:left; margin:10px 0 10px 27px; width:360px; text-align:center; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { margin:auto; width:350px; height:15px; padding:5px; overflow:hidden; background:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; font-weight:bold; font-size:12px; font-family:Arial; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC DESCRIPTION & SOUS-FORUMS */ .boxFRM { margin:5px auto; width:340px; padding:10px; text-align:left; background:rgba(250,250,250,0.8); /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; background:grey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-left:-170px; width:160px; height:115px; } /* BLOC SOUS-FORUMS */ .sfFRM { position:relative; z-index:5; width:150px; height:105px; padding:5px; overflow-y:auto; text-transform:uppercase; text-align:left; line-height:14px; background:grey; /* MODIFIABLE */ opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover { opacity:1; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin-left:10px; width:170px; height:115px; overflow:hidden; font-size:11px; text-align:justify; line-height:14.5px; color:black; /* MODIFIABLE */ } .descFRM:hover { width:165px; padding-right:5px; overflow-y:auto; } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; margin-right:5px; width:50px; height:35px; padding-top:20px; background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */ font-size:11px; text-align:center; } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:35px; height:55px; } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; margin:0 5px; width:50px; height:55px; overflow:hidden; background:grey; /* MODIFIABLE */ } .avaFRM img { width:50px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:155px; height:48px; padding-top:7px; overflow:hidden; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ text-align:center; font-size:11px; line-height:14px; } /* TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Sam 9 Mai - 1:40 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><div class="boxFRM"><div class="blocSF"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br />"));});</script></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 10px; width:800px; padding:20px 0; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; text-align:center; } /* BLOC FORUM */ .FRM { float:left; margin-bottom:10px; width:375px; height:260px; padding:10px; overflow:hidden; font-family:Arial; line-height:16px; background:rgba(255,255,255,0.7); /* MODIFIABLE */ } .FRM:nth-of-type(odd) { margin-right:10px; } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; width:265px; height:35px; padding-top:20px; overflow:hidden; background:black; /* MODIFIABLE */ text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:16px; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; margin:0 5px; width:50px; height:35px; padding-top:20px; overflow:hidden; background:#1A1A1A; color:white; /* MODIFIABLE */ font-size:11px; } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin:0; background:#A9A9A9; color:black; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS / DESCRIPTION FORUM */ .boxFRM { margin:10px auto; width:355px; height:115px; padding:10px; overflow:hidden; background:#1A1A1A; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE / SOUS-FORUMS */ .blocSF { display:inline-block; vertical-align:top; margin-right:10px; width:160px; height:115px; background:#F2F2F2; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-left:-170px; width:160px; height:115px; } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; z-index:5; width:150px; height:105px; padding:5px; overflow-y:auto; text-align:left; background:#F2F2F2; /* MODIFIABLE */ opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear; } .sfFRM:hover { opacity:1; } /* SOUS-FORUMS */ .sfFRM a { text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:185px; height:115px; overflow:hidden; text-align:justify; font-size:11px; line-height:14.7px; color:white; /* MODIFIABLE */ } .descFRM:hover { width:180px; padding-right:5px; overflow-y:auto; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin-right:10px; width:215px; height:44px; padding-top:6px; overflow:hidden; background:#A9A9A9; color:black; /* MODIFIABLE */ text-align:center; font-size:11px; text-transform:uppercase; line-height:13px; } /* TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:10px; } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:150px; height:50px; } Largeur du forum : 800pxInstructions : |
| | | Dim 10 Mai - 2:43 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM"><div>{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div><div class="nbFRM"><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div></div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto; width:800px; padding:25px 0; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:0 auto 5px; width:800px; font-family:Arial; background:#F2F2F2; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; width:680px; height:35px; padding-top:20px; padding-left:20px; overflow:hidden; background:grey; /* MODIFIABLE */ text-align:left; font-size:14px; text-transform:uppercase; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:100px; height:55px; overflow:hidden; } .lmsgFRM div { position:absolute; margin-top:5px; margin-left:95px; width:0; height:35px; padding:5px 0; overflow:hidden; background:white; color:black; /* MODIFIABLE */ text-align:center; font-size:10px; transition:all .25s linear; -webkit-transition:all .25s linear; } .FRM:hover .lmsgFRM div { margin-left:-60px; width:155px; } /* ICÔNES FORUM */ .imgFRM { width:100px; height:55px; } /* BLOC SUJETS & MESSAGES FORUM */ .nbFRM { position:absolute; margin-top:115px; height:25px; width:115px; overflow:hidden; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform-origin:top left; -webkit-transform-origin:top left; } /* NOMBRE SUJETS FORUM */ .sjtFRM { display:inline-block; vertical-align:top; width:47px; height:15px; padding:5px; overflow:hidden; background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */ text-align:center; font-size:11px; } /* NOMBRE MESSAGES FORUM */ .repFRM { display:inline-block; vertical-align:top; width:48px; height:15px; padding:5px; overflow:hidden; background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */ text-align:center; font-size:11px; } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; margin-left:25px; width:160px; height:115px; background:darkgrey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:2; margin-left:-170px; margin-top:-10px; width:160px; height:115px; } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; z-index:3; margin-left:5px; margin-top:5px; width:140px; height:95px; padding:5px; overflow-y:auto; background:rgba(255,255,255,0.8); /* MODIFIABLE */ text-align:left; font-size:11px; opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover { opacity:1; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:black !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin-top:5px; margin-left:5px; width:595px; height:95px; padding:5px; overflow:hidden; background:lightgrey; color:black; /* MODIFIABLE */ text-align:justify; font-size:11px; line-height:16px; } .descFRM:hover { overflow-y:auto; } Largeur du forum : 800px
Instructions : |
| | | Mar 19 Mai - 12:52 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script></div><div class="triFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>―<br/>{catrow.forumrow.POSTS}</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:120px;"></span><span style="display:inline-block; vertical-align:middle;"><div>{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></span></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:15px 0; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; text-align:center; text-transform:uppercase; letter-spacing:3px; font-size:24px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:800px; font-family:Arial; background:#757575; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT FORUM */ .boxFRM { display:inline-block; vertical-align:top; } /* BLOC TITRE FORUM */ .tleFRM { width:585px; height:25px; padding-top:10px; overflow:hidden; background:#757575; /* MODIFIABLE */ text-align:left; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:14px; } /* TITRE FORUM */ .tleFRM a { margin-left:10px; color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:365px; height:105px; padding:5px; overflow:hidden; background:#F4F4F4; color:black; /* MODIFIABLE */ text-align:justify; font-size:11px; line-height:15px; } .descFRM:hover { overflow-y:auto; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; width:110px; height:105px; padding:5px; overflow-y:auto; text-align:left; text-transform:uppercase; line-height:12px; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } /* POINTE DERNIER MESSAGE FORUM */ .triFRM { position:absolute; z-index:3; margin-top:-150px; margin-left:510px; width:0; height:0; border-style:solid; border-width:75px 75px 75px 0; border-color:transparent; border-right-color:#F4F4F4; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { position:absolute; margin-top:-18px; margin-left:20px; width:45px; overflow:hidden; color:black; /* MODIFIABLE */ text-align:center; font-size:11px; line-height:12px; } /* BLOC DERNIER MESSAGE / ICÔNES FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:185px; height:120px; padding:15px; overflow:hidden; background:#F4F4F4; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM div { margin-bottom:15px; width:185px; overflow:hidden; color:black; /* MODIFIABLE */ text-align:center; text-transform:uppercase; font-size:11px; font-family:Arial; } /* ICÔNES FORUM */ .imgFRM { width:185px; height:25px; } Largeur du forum : 800px |
| | | Mer 25 Nov - 2:32 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxIIFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sfFRM"><b>+</b><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:15px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:16px 0 6px; background:#F2F2F2; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:25px; background:#191919; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { float:left; margin:0 0 10px 16px; width:245px; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { margin:auto; height:20px; width:245px; padding:5px 0; overflow:hidden; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px; background:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC DESCRIPTION / DERNIER MESSAGE FORUM */ .boxFRM { margin:5px auto; width:243px; height:110px; padding-top:5px; overflow:hidden; border:1px solid; border-color:black; background:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { height:48px; padding:0 5px; overflow:hidden; text-align:justify; font-size:10px; line-height:12px; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* BLOC DERNIER MESSAGE & AVATAR DERNIER POSTEUR FORUM */ .boxIIFRM { margin:5px auto 0; width:231px; height:45px; padding-top:5px; border-top:1px solid; border-top-color:grey; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:middle; margin-right:5px; width:176px; height:43px; padding-top:2px; overflow:hidden; text-align:center; font-size:10px; text-transform:uppercase; line-height:14px; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; width:50px; height:45px; overflow:hidden; } .avaFRM img { width:50px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.35s linear; -webkit-transition:all 0.35s linear; } .FRM:hover .avaFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:75px; height:35px; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin-left:5px; width:55px; height:35px; } /* + SOUS-FORUMS */ .sfFRM b { display:block; width:55px; height:25px; padding:10px 0px 0px 0px; text-align:center; font-size:12px; background:#C7C7C7; color:rgba(0,0,0,0.6); /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; z-index:3; margin-top:-156px; margin-left:-79px; width:233px; height:0; padding:0 5px; overflow:hidden; text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0; background:grey; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover div { height:105px; padding:5px; } /* LIENS SOUS-FORUMS */ .sfFRM a { display:block; line-height:16px; color:white !important; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; margin-left:5px; width:50px; height:25px; padding:10px 0px 0px 0px; text-align:center; font-size:11px; line-height:16px; background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } Instructions : |
| | | Lun 30 Nov - 20:52 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div id="FRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="triLFRM"></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="triRFRM"></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ▼ {catrow.forumrow.POSTS} réponses</div><div class="boxFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="triFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:125px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto; width:800px; padding:10px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ #FRM { margin:0 auto 10px; width:800px; height:165px; overflow:hidden; } .FRM { position:relative; width:800px; height:165px; overflow:hidden; text-align:center; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; width:490px; height:20px; padding:10px 0 10px 10px; overflow:hidden; text-align:left; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:20px; background:grey; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* TRIANGLE TITRE FORUM */ .triLFRM { position:absolute; z-index:3; margin-left:500px; margin-top:-40px; width:0; height:0; border-style:solid; border-width:40px 20px 0 0; border-color:transparent; border-top-color:grey; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:50px; height:40px; } /* TRIANGLE NOMBRE SUJETS & MESSAGES FORUM */ .triRFRM { position:absolute; z-index:3; margin-left:530px; margin-top:-40px; width:0; height:0; border-style:solid; border-width:0 0 40px 20px; border-color:transparent; border-bottom-color:#F1F0F4; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:240px; height:20px; padding:13px 5px 7px 5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:15px; background:#F1F0F4; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BLOC SOUS-FORUMS / DESCRIPTION / DERNIER MESSAGE FORUM */ .boxFRM { width:800px; height:125px; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; width:205px; height:115px; padding:5px 125px 5px 5px; overflow-y:auto; text-align:left; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0; background:#EBEBEB; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM a { display:block; font-size:10px; line-height:16px; color:#191919 !important; /* MODIFIABLE */ } /* TRIANGLE DESCRIPTION FORUM */ .triFRM { position:absolute; z-index:3; margin-top:-125px; margin-left:230px; width:0; height:0; border-style:solid; border-width:0 0 125px 105px; border-color:transparent; border-bottom-color:#DEDEDE; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:305px; height:115px; padding:5px; overflow:hidden; background:#DEDEDE; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; line-height:14.5px; } .descFRM:hover { overflow-y:auto; } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:2; margin-top:-5px; margin-left:-340px; width:335px; height:125px; transition:all .65s linear; -webkit-transition:all .65s linear; } .boxFRM:hover .descFRM img { transform:translateX(-335px); -webkit-transform:translateX(-335px); } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:130px; height:125px; padding:0 10px; overflow:hidden; text-align:right; font-size:11px; text-transform:uppercase; line-height:24px; background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Dim 6 Déc - 23:23 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div id="descFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S. ▼ {catrow.forumrow.POSTS} R.</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br />"));});</script>{catrow.forumrow.FORUM_DESC}</div><div class="triFRM"></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:125px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto; width:800px; padding:10px 0; text-align:center; background:#212121; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; font-size:42px; text-transform:uppercase; letter-spacing:2px; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:0 auto 10px; width:800px; height:165px; overflow:hidden; text-align:center; font-family:Arial; } /* BLOC ICÔNES / TITRE FORUM */ .tleFRM { margin:auto; width:780px; height:20px; padding:10px; overflow:hidden; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right; background:grey; /* MODIFIABLE */ } /* ICÔNES FORUMS */ .imgFRM { float:left; width:75px; height:20px; } /* TITRE FORUM */ .tleFRM a { color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { position:absolute; z-index:4; margin-left:15px; margin-top:40px; width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; background:#E7EAEA; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; z-index:5; margin-top:15px; margin-left:15px; width:145px; height:0; padding:0 5px; overflow:hidden; font-size:10px; text-transform:uppercase; text-align:justify; background:#E7EAEA; /* MODIFIABLE */ transition:all .45s ease; -webkit-transition:all .45s ease; } .sfFRM:hover { overflow-y:auto; } .FRM:hover .sfFRM { height:85px; padding:5px; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:#191919 !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ #descFRM { display:inline-block; vertical-align:top; width:625px; height:125px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ font-size:11px; text-align:justify; } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:2; width:625px; height:125px; } /* CONTENU DESCRIPTION FORUM */ .descFRM { position:absolute; z-index:3; margin-top:15px; margin-left:185px; width:335px; height:85px; padding:5px; overflow-y:auto; font-size:10px; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ opacity:0; transition:opacity .85s ease; -webkit-transition:opacity .85s ease; } .FRM:hover .descFRM { opacity:1; } /* TRIANGLE DERNIER MESSAGE FORUM */ .triFRM { position:absolute; z-index:3; margin-top:-125px; margin-left:560px; width:0; height:0; border-style:solid; border-width:0 65px 125px 0; border-color:transparent; border-right-color:#191919; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:155px; height:125px; padding:0 10px; overflow:hidden; text-align:right; font-size:11px; text-transform:uppercase; line-height:24px; background:#191919; color:#DEDEDE; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:#DEDEDE !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions :Encadrer le texte descriptif des balises suivantes : - Code:
-
<div class="descFRM">Texte descriptif.</div> |
| | | Mer 9 Déc - 1:34 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM">{catrow.forumrow.TOPICS} S. ▼ {catrow.forumrow.POSTS} R.</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:125px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div id="descFRM"><div style="position:relative;"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 0; width:800px; padding:10px 0; text-align:center; background:grey; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:800px; height:125px; padding:10px 0; overflow:hidden; text-align:center; font-family:Arial; background:#333333; /* MODIFIABLE */ } /* BLOC TITRE / ICÔNES / STATISTIQUES FORUM */ .boxFRM { display:inline-block; vertical-align:middle; width:200px; max-height:125px; overflow:hidden; } /* TITRE FORUM */ .tleFRM { margin:0 auto 5px; font-size:16px; font-weight:bold; text-transform:uppercase; font-family:Arial; text-align:center; } .tleFRM a { color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:middle; margin-right:5px; width:50px; height:40px; } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { display:inline-block; vertical-align:middle; width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial; background:#E7EAEA; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:middle; margin:0 10px; width:145px; height:125px; padding-right:15px; overflow:hidden; text-align:right; font-size:11px; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#DEDEDE; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:#CCC !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS & DESCRIPTION FORUM */ #descFRM { display:inline-block; vertical-align:middle; width:400px; height:125px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin-top:15px; margin-left:15px; margin-right:10px; width:135px; height:85px; padding:5px; overflow-y:auto; color:rgba(0,0,0,0); line-height:4px; font-size:10px; text-transform:uppercase; text-align:left; background:#E7EAEA; /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a { display:block; line-height:normal; color:#191919 !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:220px; height:115px; padding:5px; overflow-y:auto; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; font-family:Arial; line-height:15px; } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:3; margin-top:-5px; margin-left:-175px; width:400px; height:125px; transition:all .85s ease; -webkit-transition:all .85s ease; } #descFRM:hover img { width:0px; transform:translatex(400px); -webkit-transform:translatex(400px); } Largeur du forum : 800px
Instructions : |
| | | Ven 18 Déc - 23:28 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div id="FRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} SUJETS ▼ {catrow.forumrow.POSTS} MESSAGES</div><div class="boxFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:100px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="DSFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 0; width:800px; padding:10px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC FORUM */ #FRM { margin:10px auto; width:780px; padding:10px; overflow:hidden; background:rgba(255,255,255,0.7); /* MODIFIABLE */ } .FRM { position:relative; width:780px; overflow:hidden; text-align:center; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin-right:10px; width:455px; padding:10px 5px; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:20px; background:#171717; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:305px; height:20px; padding:13px 0 7px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:15px; background:#6A6A6A; color:white; /* MODIFIABLE */ } /* BLOC ICÔNES / DERNIER MESSAGE FORUM */ .boxFRM { display:inline-block; vertical-align:top; margin-top:10px; width:150px; height:100px; } /* ICÔNES FORUM */ .imgFRM { position:absolute; z-index:4; margin-left:-75px; width:150px; height:100px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #FRM:hover .imgFRM { width:0; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:130px; height:100px; padding:0 10px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:20px; background:rgba(0,0,0,0.3); color:#DEDEDE; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:white; /* MODIFIABLE */ } /* BLOC DESCRIPTION & SOUS-FORUMS */ .DSFRM { display:inline-block; vertical-align:top; margin-top:10px; margin-left:10px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin-right:10px; width:400px; height:90px; padding:5px; overflow:hidden; background:#DEDEDE; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; line-height:15px; } .descFRM:hover { overflow-y:auto; } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-top:-5px; margin-left:415px; width:200px; height:100px; transition:all .85s ease; -webkit-transition:all .85s ease; } .DSFRM:hover .descFRM img { transform:translatex(200px); -webkit-transform:translatex(200px); } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; width:190px; height:90px; padding:5px; overflow-y:auto; text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0; background:grey; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM a { display:block; line-height:16px; color:white !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Dim 20 Déc - 1:44 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>sujets</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}<br/>messages</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto; width:800px; padding:15px 0; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; text-align:center; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0 0; width:395px; height:235px; overflow:hidden; text-align:center; font-family:Arial; } .FRM:nth-of-type(even) { margin:5px 0 0 10px; } /* BLOC TITRE FORUM */ .tleFRM { width:395px; height:15px; padding:10px 0; overflow:hidden; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:14px; background:#404040; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { width:385px; height:80px; padding:5px; overflow-y:auto; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; font-size:11px; line-height:16px; } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-top:85px; margin-left:-5px; width:195px; height:100px; transition:all .85s ease; -webkit-transition:all .85s ease; } /* BLOC IMAGE DESCRIPTIVE */ .boxDESC { display:inline-block; vertical-align:top; width:195px; height:100px; background:#191919; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { position:absolute; z-index:3; width:175px; height:80px; padding:10px; overflow-y:auto; text-align:left; font-size:10px; text-transform:uppercase; background:black; color:#CCC; /* MODIFIABLE */ opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease; } .sfFRM:hover { opacity:1; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:#CCC !important; /* MODIFIABLE */ } /* BLOC DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES / ICÔNES FORUM */ .boxFRM { display:inline-block; vertical-align:top; width:200px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:180px; height:53px; padding:7px 10px 0; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:16px; background:rgba(0,0,0,0.3); color:white; /* MODIFIABLE */ } /* TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:white !important; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:80px; height:35px; padding:5px 5px 0; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:14px; background:#4F4F4F; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { background:#6E6E6E; color:white; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:20px; height:40px; } Largeur du forum : 800px
Instructions : |
| | | Mar 22 Déc - 4:22 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div><span style="display:inline-block; vertical-align:middle; height:75px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>sujets</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}<br/>messages</div></div><div class="boxDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:10px 0; text-align:center; font-family:Arial; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:auto; font-size:42px; text-transform:uppercase; letter-spacing:3px; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:800px; text-align:center; font-family:Arial; } /* BLOC POSITIONNEMENT FORUM */ .boxFRM { display:inline-block; vertical-align:top; } /* BLOC TITRE FORUM */ .tleFRM { width:600px; height:30px; padding-top:15px; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:18px; background:#404040; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; width:590px; height:20px; padding:5px; overflow-y:auto; text-align:left; font-size:10px; text-transform:uppercase; line-height:20px; background:#191919; color:white; /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC ICÔNES & DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:200px; height:75px; overflow:hidden; } /* ICÔNES FORUM */ .imgFRM { position:relative; z-index:5; width:200px; height:75px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } .FRM:hover .imgFRM { margin-left:200px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM div { position:relative; z-index:2; margin-top:-75px; width:190px; height:75px; padding:0 5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:16px; background:#E9E9E9; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { height:40px; width:70px; padding:10px 5px 0px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:14px; background:#404040; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { background:#E9E9E9; color:black; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; width:200px; height:100px; background:#4D4D4D; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-top:-5px; margin-left:-205px; width:200px; height:100px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:510px; height:90px; padding:5px; overflow:hidden; background:#DEDEDE; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; line-height:15.5px; } .descFRM:hover { overflow-y:auto; } Largeur du forum : 800px
Instructions : |
| | | Sam 26 Déc - 3:51 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbIIFRM">{catrow.forumrow.POSTS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sfFRM"><b>Sous-forums</b><div><span style="display:inline-block; vertical-align:middle; height:60px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="avaFRM"><!-- BEGIN avatar --><div>{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 5px; width:800px; padding:10px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0; width:395px; overflow:hidden; font-family:Arial; } .FRM:nth-of-type(even) { margin:5px 0 5px 10px; } /* BLOC TITRE FORUM */ .tleFRM { margin-bottom:5px; width:385px; height:20px; padding:15px 5px; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; background:#8884AA; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* BLOC NOMBRE SUJETS & MESSAGES */ .boxFRM { display:inline-block; vertical-align:top; background:#E9E9E9; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { margin:5px; width:45px; height:29px; padding-top:14px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; background:#8884AA; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin:5px; width:45px; height:28px; padding-top:14px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; background:grey; color:white; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin:0 5px 5px; width:260px; height:90px; padding:5px; overflow:hidden; background:#DEDEDE; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; line-height:15.5px; } .descFRM:hover { overflow-y:auto; } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-top:-5px; margin-left:-5px; width:270px; height:100px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } .descFRM:hover img { margin-left:265px; width:0; } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:60px; height:100px; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; width:150px; height:60px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; } /* INTITULE SOUS-FORUMS */ .sfFRM b { display:block; height:35px; padding-top:25px; letter-spacing:1px; background:#191919; color:white; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:-60px; width:0; height:60px; overflow:hidden; text-align:justify; background:grey; color:white; /* MODIFIABLE */ transition:all 0.65s linear; -webkit-transition:all 0.65s linear; } .sfFRM:hover div { width:385px; padding:0 5px; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; margin:0 5px; width:40px; height:50px; padding:5px; overflow:hidden; background:rgba(255,255,255,0.5); /* MODIFIABLE */ } .avaFRM div { height:50px; overflow:hidden; } .avaFRM img { width:40px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:165px; height:50px; padding:10px 10px 0; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Mer 30 Déc - 4:03 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div id="tlmFRM"><span style="display:inline-block; vertical-align:middle; height:200px;"></span><span style="display:inline-block; vertical-align:middle;"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></span></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} M.</div><div class="sfFRM"><b>sous-forums</b><div><span style="display:inline-block; vertical-align:middle; height:35px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto; width:800px; padding:10px 0; background:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; padding-right:15px; text-align:right; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; } /* BLOC FORUM */ .FRM { float:left; margin-bottom:10px; width:395px; overflow:hidden; font-family:Arial; } .FRM:nth-of-type(even) { margin-left:10px; } #descFRM { width:385px; height:190px; padding:5px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:2; margin-top:-5px; margin-left:-5px; width:395px; height:200px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #descFRM:hover img { filter:grayscale(1); -webkit-filter:grayscale(1); } /* DESCRIPTION FORUM */ .descFRM { position:absolute; z-index:3; margin-left:5px; margin-top:5px; width:175px; height:170px; padding:5px; overflow-y:auto; background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */ font-size:11px; text-align:justify; font-family:Arial; line-height:15.5px; opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #descFRM:hover .descFRM { opacity:1; } /* BLOC ICÔNES / TITRE & DERNIER MESSAGE FORUM */ #tlmFRM { position:absolute; z-index:3; margin-left:205px; width:180px; height:200px; text-align:center; background:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { margin:10px auto; height:70px; width:70px; border-radius:70px; } /* TITRE FORUM */ .tleFRM { padding:0 5px; } .tleFRM a { font-size:16px; font-weight:bold; text-transform:uppercase; font-family:Arial; color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { padding:5px; font-size:11px; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS / NOMBRE SUJETS & MESSAGES FORUM */ .boxFRM { margin-top:5px; width:385px; height:25px; padding:5px; background:rgba(250,250,250,0.5); /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:80px; height:15px; padding:5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:16px; background:#1C1C1C; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin:0 5px; background:#3E3E3E; color:white; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; } /* INTITULE SOUS-FORUMS */ .sfFRM b { display:block; width:175px; height:15px; padding:5px 10px; overflow:hidden; text-align:center; font-size:10px; text-transform:uppercase; line-height:16px; background:#191919; color:white; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:-30px; margin-left:-195px; width:0; height:35px; padding:0; overflow:hidden; text-align:justify; font-size:11px; text-transform:uppercase; background:#3E3E3E; color:white; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } .sfFRM:hover div { width:385px; padding:0 5px; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions :Encadrer le texte descriptif des balises suivantes : - Code:
-
<div class="descFRM">Texte descriptif.</div> |
| | | Mer 30 Déc - 4:03 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxDESC"></div><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><span></span><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div></div><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div><div class="boxIIFRM"><div class="lmsgFRM"><div><span style="display:inline-block; vertical-align:middle; height:70px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="lstavFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div> <!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE BLACK_CHERRY / T124-PETITE-QUESTION --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { position:relative; margin:10px auto; width:800px; padding:25px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:780px; height:150px; padding:10px; overflow:hidden; background:#CCC; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; width:150px; height:150px; background:grey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:5; margin-top:-75px; margin-left:-190px; width:150px; height:150px; } /* BANDE SOUS-FORUMS */ .sfFRM { position:absolute; z-index:3; margin-left:150px; margin-top:-150px; height:150px; } /* TRIANGLE SOUS-FORUMS */ .sfFRM span { position:absolute; margin-left:15px; margin-top:5px; width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent; border-left-color:#191919; /* MODIFIABLE */ transition:all 0.65s linear; -webkit-transition:all 0.65s linear; } .sfFRM:hover span { margin-left:350px; } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; width:0; height:130px; padding:10px 15px 10px 0; overflow:hidden; line-height:6px; background:#191919; /* MODIFIABLE */ transition:all 0.65s linear; -webkit-transition:all 0.65s linear; } .sfFRM:hover div { width:330px; padding:10px; } /* LIENS SOUS-FORUMS */ .sfFRM div a { display:block; margin:0 auto 3px; padding:2px 0; overflow:hidden; text-transform:uppercase; font-family:Arial; text-align:center; font-size:10px; line-height:normal; background:white !important; color:black !important; /* MODIFIABLE */ } /* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */ .boxFRM { display:inline-block; vertical-align:top; margin-left:25px; width:325px; } /* BLOC TITRE / NOMBRE SUJETS & MESSAGES FORUM */ .tleFRM { width:315px; height:40px; padding:5px; overflow:hidden; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; font-family:Arial; line-height:17px; background:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { display:block; margin:5px auto 0; color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { text-align:center; font-size:10px; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* BLOC DESCRIPTION FORUM */ #descFRM { margin-top:10px; width:305px; height:70px; padding:10px; overflow:hidden; background:black; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { width:295px; height:60px; padding:5px; overflow:auto; background:white; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; font-family:Arial; line-height:13px; } /* BLOC DERNIER MESSAGE & AVATAR DERNIER POSTEUR FORUM */ .boxIIFRM { display:inline-block; vertical-align:top; margin:0 10px; width:160px; } /* BLOC DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:140px; height:70px; padding:10px; background:black; /* MODIFIABLE */ } /* CONTENU DERNIER MESSAGE FORUM */ .lmsgFRM div { height:70px; padding:0 5px; text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial; background:white; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM div a { color:black !important; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .lstavFRM { margin-top:10px; width:160px; height:50px; overflow:hidden; background:#191919; /* MODIFIABLE */ } .lstavFRM img { width:160px; filter:grayscale(1); -webkit-filter:grayscale(1); } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:100px; height:150px; } Largeur du forum : 800px
Instructions : |
| | | Dim 3 Jan - 1:18 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} M.</div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div></div><div class="boxDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:75px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="sfFRM"><span>sous-forums</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto; width:800px; height:50px; padding:10px 0; text-align:center; background:grey; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; width:800px; overflow:hidden; font-family:Arial; } /* BLOC ICÔNES / NOMBRE SUJETS & MESSAGES / TITRE FORUM */ .boxFRM { padding:10px 0; background:darkgrey; /* MODIFIABLE */ } /* ICÔNES FORUMS */ .imgFRM { display:inline-block; vertical-align:middle; margin-left:10px; width:100px; height:25px; } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:middle; margin-left:10px; width:80px; height:15px; padding:5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; background:rgba(0,0,0,0.2); color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:middle; width:470px; height:20px; padding:0 10px; text-align:right; } .tleFRM a { font-size:16px; font-weight:bold; text-transform:uppercase; color:white !important; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE */ .boxDESC { display:inline-block; vertical-align:top; width:200px; height:100px; background:grey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:2; margin-top:-5px; margin-left:-205px; width:200px; height:100px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } .descFRM:hover img { filter:grayscale(0); -webkit-filter:grayscale(0); } /* BLOC DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:440px; height:90px; padding:5px; overflow:hidden; background:#CCC; color:#black; /* MODIFIABLE */ font-size:11px; text-align:justify; line-height:15.5px; } .descFRM:hover { overflow-y:auto; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:140px; height:75px; padding:0 5px; line-height:16px; font-size:11px; text-transform:uppercase; text-align:center; background:#DEDEDE; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; margin-top:-25px; margin-left:650px; } /* INTITULE SOUS-FORUMS */ .sfFRM span { display:block; width:150px; height:15px; padding:5px 0; overflow:hidden; font-size:10px; text-transform:uppercase; text-align:center; background:#3E3E3E; color:white; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:-100px; width:140px; height:0; padding:0 5px; overflow:hidden; font-size:10px; text-transform:uppercase; text-align:left; background:#DEDEDE; color:black; /* MODIFIABLE */ transition:all 0.65s linear; -webkit-transition:all 0.65s linear; } .sfFRM:hover div { height:90px; padding:5px; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:black !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Lun 11 Jan - 5:35 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="TDFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"></span>'));});</script></div><div class="boxDESC"></div><div class="boxFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div> <!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE MAMA CUERVO / T138-COMMANDE-DE-TEMPLATES --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:15px auto; width:800px; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; padding:10px 0; font-size:42px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:15px auto; width:800px; font-family:Arial; } /* BLOCS POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* BLOC TITRE & DESCRIPTION FORUM */ .TDFRM { width:335px; height:105px; padding:10px; overflow:hidden; background:grey; /* MODIFIABLE */ } /* BORDURE TITRE FORUM */ .tleFRM { margin:auto; width:335px; height:20px; padding-bottom:5px; overflow:hidden; text-align:left; border-bottom:5px solid; border-color:white; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { text-transform:uppercase; font-style:italic; letter-spacing:0.5px; font-size:18px; color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin-top:10px; width:335px; height:65px; overflow:hidden; color:black; /* MODIFIABLE */ font-size:9px; text-align:justify; line-height:13px; } .descFRM:hover { width:330px; padding-right:5px; overflow-y:auto; } /* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */ .lmsgFRM { margin-top:10px; width:355px; height:55px; padding-top:10px; overflow:hidden; text-transform:uppercase; text-align:center; font-size:11px; background:#1E1E1E; color:white; /* MODIFIABLE */ } /* BORDURE NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { margin:0 auto 5px; width:335px; padding-bottom:5px; border-bottom:5px solid; font-weight:bold; letter-spacing:1px; font-size:14px; border-bottom-color:grey; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:white !important; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:11px; } /* BLOC IMAGE DESCRIPTIVE */ .boxDESC { display:inline-block; vertical-align:top; margin:0 10px; width:250px; height:200px; background:#191919; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; margin-left:355px; margin-top:-50px; width:250px; height:200px; } /* BLOC SOUS-FORUMS */ .sfFRM { width:155px; height:105px; padding:10px 10px 0; overflow-y:auto; background:grey; /* MODIFIABLE */ text-align:left; line-height:15px; } /* LIENS SOUS-FORUMS */ .sfFRM a { text-transform:uppercase; font-size:11px; color:white !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { margin-top:10px; width:175px; height:75px; } Largeur du forum : 800pxInstructions : |
| | | Mer 3 Fév - 23:53 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxDESC"></div><div class="boxFRM"><div class="triTFRM"></div><div class="tleFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S. & {catrow.forumrow.POSTS} M.</div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"></span>'));});</script><div class="triDFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 0; width:800px; padding:15px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:42px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:35px auto 0; width:800px; height:155px; } /* ICÔNES FORUM */ .imgFRM { position:absolute; margin-top:-25px; width:65px; height:65px; } /* TRIANGLE SOUS-FORUMS */ .sfFRM { position:absolute; margin-top:85px; width:0; height:0; border-style:solid; border-width:65px 0 0 65px; border-color:transparent; border-left-color:#A80200; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; z-index:2; margin-top:-105px; margin-left:95px; width:0; height:30px; overflow:hidden; background:#A80200; color:white; /* MODIFIABLE */ text-align:left; font-size:9px; font-family:Arial; transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } .sfFRM:hover div { width:610px; height:20px; padding:10px 5px 0 25px; } /* LIENS SOUS-FORUMS */ .sfFRM a { text-transform:uppercase; font-size:9px; color:white !important; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; position:relative; z-index:3; margin-left:25px; width:125px; height:125px; background:white; /* MODIFIABLE */ transform:rotate(45deg); -webkit-transform:rotate(45deg); } /* IMAGE DESCRIPTIVE FORUM */ .descIMG { position:absolute; z-index:5; margin-left:-160px; margin-top:-88px; width:135px; height:135px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:50% 50%; -webkit-transform-origin:50% 50%; } .descIMG div { position:relative; width:125px; height:125px; overflow:hidden; } .descIMG img { margin-top:-50px; width:175px; height:175px; transform:rotate(-45deg) translateX(-35px); -webkit-transform:rotate(-45deg) translateX(-35px); transform-origin:50% 50%; -webkit-transform-origin:50% 50%; } /* BLOC TITRE / DERNIER MESSAGE / DESCRIPTION FORUM */ .boxFRM { display:inline-block; vertical-align:top; } /* TRIANGLE TITRE FORUM */ .triTFRM { display:inline-block; vertical-align:top; margin-top:-25px; margin-left:-35px; width:0; height:0; border-style:solid; border-width:0 50px 55px 0; border-color:transparent; border-right-color:#1E1E1E; /* MODIFIABLE */ } /* BLOC NOMBRE SUJETS & MESSAGES / TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin-top:-25px; width:610px; height:40px; padding:15px 15px 0 10px; overflow:hidden; background:#1E1E1E; /* MODIFIABLE */ text-align:right; font-family:Arial; } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { display:inline-block; vertical-align:middle; width:20%; text-align:left; font-size:12px; color:#DEDEDE; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { display:inline-block; vertical-align:middle; width:80%; text-transform:uppercase; font-size:24px; color:white !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin:15px auto 10px; width:630px; height:22px; padding:8px 10px 0; text-transform:uppercase; text-align:right; font-size:11px; font-family:Arial; background:grey; color:white; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:white !important; opacity:0.8; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:11px; /* MODIFIABLE */ } /* TRIANGLE DESCRIPTION FORUM */ .triDFRM { display:inline-block; vertical-align:top; margin-left:-35px; width:0; height:0; border-style:solid; border-width:0 0 65px 60px; border-color:transparent; border-bottom-color:#CCC; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:615px; height:55px; padding:5px; overflow-y:auto; background:#CCC; color:black; /* MODIFIABLE */ font-size:9px; text-align:justify; line-height:14px; } Largeur du forum : 800pxInstructions : - Code:
-
<div class="descIMG"><div><!-- IMAGE 175*175 --><img src="image.png" /></div></div> Forme des icônes du forum : Appliquer une image à l'intérieur à l'aide d'un masque d'écrêtage ou se contenter d'en modifier la couleur |
| | | Mar 9 Fév - 23:32 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<div class="imgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S. & {catrow.forumrow.POSTS} M.</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:25px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:25px 0 10px; background:#3A3A3A; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:auto; margin-bottom:10px; width:800px; height:35px; background:black; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; margin-bottom:15px; width:750px; padding-bottom:12px; font-family:Arial; text-align:center; background:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { margin:0 auto 12px; width:735px; padding:10px 0 10px 15px; text-transform:uppercase; text-align:left; background:black; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* SURVOL TITRE FORUM */ .tleFRM:hover { padding-left:45px; width:705px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:155px; height:93px; padding:7px 5px 0; overflow:hidden; border:2px solid; text-align:center; font-size:10px; text-transform:uppercase; border-color:rgba(250,250,250,0.3); background:rgba(250,250,250,0.6); /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black !important; /* MODIFIABLE */ } /* BLOC ICÔNES / NOMBRE SUJETS & MESSAGES FORUM */ .imgFRM { margin:7px auto 0; width:150px; height:35px; } /* ICÔNES FORUM */ .imgFRM img { width:150px; height:35px; } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { position:absolute; width:150px; height:25px; padding-top:10px; font-size:9px; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease; } .nbFRM:hover { opacity:1; } /* BLOC AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; margin:0 10px; width:50px; height:100px; overflow:hidden; border:2px solid; border-color:rgba(250,250,250,0.3); background:#CCC; /* MODIFIABLE */ } .avaFRM img { height:100px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:305px; height:90px; padding:5px; overflow-y:auto; border:2px solid; font-size:10px; text-align:justify; line-height:15px; border-color:rgba(250,250,250,0.3); background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin-left:10px; width:150px; height:100px; overflow:hidden; border:2px solid; border-color:rgba(250,250,250,0.3); background:#CCC; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; margin-left:324px; margin-top:-5px; width:150px; height:100px; } .sfFRM div { position:relative; width:150px; height:100px; overflow:hidden; } /* CONTENU SOUS-FORUMS */ .sfFRM div div { width:140px; height:90px; padding:5px; overflow-y:auto; text-align:left; font-size:11px; background:#191919; /* MODIFIABLE */ transform:translateX(150px); -webkit-transform:translateX(150px); transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover div div { transform:translateX(0px); -webkit-transform:translateX(0px); } /* LIENS SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } Largeur du forum : 800pxInstructions : |
| | | Mer 24 Fév - 6:55 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div id="descFRM"><div class="descFRM"><div>{catrow.forumrow.FORUM_DESC}</div></div></div><div class="avaFRM"><!-- BEGIN avatar --><div>{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="boxFRM"><div class="lmsgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div><span style="display:inline-block; vertical-align:middle; height:75px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:15px 0; text-align:center; background:black /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:25px 0 10px; background:grey; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:auto; margin-bottom:10px; width:800px; height:15px; background:black; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; margin-bottom:15px; width:750px; text-align:center; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { margin:auto; margin-bottom:10px; width:750px; padding:5px 0; text-align:left; font-size:14px; text-transform:uppercase; letter-spacing:3px; background:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { padding-left:7px; color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ #descFRM { display:inline-block; vertical-align:top; width:400px; height:100px; overflow:hidden; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } .descFRM { position:relative; width:400px; height:100px; overflow:hidden; } .descFRM div { width:390px; height:90px; padding:5px; overflow-y:auto; font-size:10px; text-align:justify; line-height:15.5px; } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:5; margin-top:-5px; margin-left:-5px; width:400px; height:100px; transition:all .65s linear; -webkit-transition:all .65s linear; } #descFRM:hover img { transform:translateX(-400px); -webkit-transform:translateX(-400px); } /* BLOC AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; margin:0 10px; width:50px; height:90px; border:5px solid; border-color:rgba(250,250,250,0.3); background:#CCC; /* MODIFIABLE */ } .avaFRM div { width:50px; height:90px; overflow:hidden; } .avaFRM div img { width:60px; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin-right:10px; width:100px; height:90px; padding:5px; overflow:hidden; color:rgba(0,0,0,0); line-height:0; background:rgba(250,250,250,0.5); /* MODIFIABLE */ } .sfFRM:hover { overflow-y:auto; } /* LIENS SOUS-FORUMS */ .sfFRM a { display:block; margin-bottom:5px; padding:3px 0; text-transform:uppercase; line-height:12px; background:white; color:black !important; /* MODIFIABLE */ } /* BLOC ICÔNES / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES FORUM */ .boxFRM { display:inline-block; vertical-align:top; width:150px; } /* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM */ .lmsgFRM { margin-bottom:5px; width:150px; height:75px; } /* ICÔNES FORUM */ .imgFRM { width:150px; height:75px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM div { position:absolute; margin-top:-75px; width:140px; height:75px; padding:0 5px; overflow:hidden; text-align:center; font-size:10px; background:rgba(255,255,255,0.9); color:black; /* MODIFIABLE */ opacity:0; transition:opacity 0.65s ease; -webkit-transition:opacity 0.65s ease; } .FRM:hover .lmsgFRM div { opacity:1; } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { width:150px; height:17px; padding-top:3px; overflow:hidden; text-transform:uppercase; font-size:10px; letter-spacing:-0.5px; line-height:15px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } Largeur du forum : 800pxInstructions : |
| | | Mer 24 Fév - 6:55 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"> </span>'));});</script><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE CORPSE / T162-COMMANDE-ET-BEUG --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto; width:800px; padding:15px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0; width:395px; font-family:Arial; opacity:0.8; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear; } .FRM:nth-of-type(even) { margin-left:10px; } .FRM:hover { opacity:1; } /* BLOC TITRE FORUM */ .tleFRM { width:380px; padding:10px 0 10px 15px; overflow:hidden; text-transform:uppercase; text-align:left; background:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { letter-spacing:0; color:white !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL TITRE FORUM */ .tleFRM:hover a { letter-spacing:2px; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:260px; height:90px; padding:5px; overflow-y:auto; font-size:9px; text-align:justify; line-height:15px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; width:115px; height:90px; padding:5px; overflow:hidden; text-align:left; text-transform:uppercase; font-size:11px; background:#CCC; /* MODIFIABLE */ } .sfFRM:hover { overflow-y:auto; } /* LIENS SOUS-FORUMS */ .sfFRM a { color:black !important; /* MODIFIABLE */ } /* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:260px; height:40px; padding:5px; overflow:hidden; text-align:center; font-size:8px; background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { margin-bottom:3px; width:260px; height:18px; padding-top:7px; font-size:9px; text-transform:uppercase; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:8px; } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:125px; height:50px; } Largeur du forum : 800px |
| | | Lun 29 Fév - 5:05 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="blocDESC"></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="sfFRM"><div><span style="display:inline-block; vertical-align:middle; height:70px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="boxFRM"><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:auto; width:800px; padding:20px 0; background:#242526; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:32px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:5px 0 4px; background:#ECECEC; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:15px; background:#242526; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:15px auto; width:760px; font-family:Arial; } /* BLOC IMAGE DESCRIPTIVE FORUM */ .blocDESC { display:inline-block; vertical-align:top; width:100px; height:100px; border:2px solid; background:#242526; border-color:grey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE */ .descFRM img { position:absolute; z-index:3; margin-left:-119px; margin-top:-35px; width:100px; height:100px; } /* POSITIONNEMENT FORUM */ .boxFRM { display:inline-block; vertical-align:top; margin-left:10px; } /* BLOC TITRE FORUM */ .tleFRM { width:410px; height:20px; padding:5px; overflow:hidden; text-align:left; text-transform:lowercase; font-style:italic; letter-spacing:1px; line-height:22px; background:grey; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { padding-left:5px; color:white !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL TITRE FORUM */ .FRM:hover .tleFRM a { padding-left:30px; } /* DESCRIPTION FORUM */ .descFRM { width:427px; padding:5px; height:60px; overflow-y:auto; border:2px solid; text-align:justify; font-size:10px; line-height:12px; color:black; border-color:grey; /* MODIFIABLE */ } /* TRIANGLE SOUS-FORUMS */ .sfFRM { display:inline-block; margin:55px -10px 0 10px; width:0; height:0; border-style:solid; border-width:12.5px 20px 12.5px 0; border-color:transparent; border-right-color:black; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:-35px; margin-left:-10px; width:0; height:70px; overflow:hidden; font-size:11px; background:#191919; color:white; /* MODIFIABLE */ opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover div{ margin-left:-450px; width:420px; height:70px; padding:0 10px; opacity:1; } /* LIENS SOUS-FORUMS */ .sfFRM a { text-transform:uppercase; color:white !important; /* MODIFIABLE */ } /* BLOC ICÔNES / NOMBRE SUJETS & MESSAGES FORUM */ .imgFRM { width:175px; height:25px; } /* ICÔNES FORUM */ .imgFRM img { width:175px; height:25px; } /* NOMBRE SUJETS & MESSAGES FORUM */ .imgFRM div { position:absolute; z-index:2; margin-top:-25px; width:175px; height:20px; padding-top:5px; overflow:hidden; text-align:center; font-size:10px; text-transform:uppercase; line-height:16px; background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */ opacity:0; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear; } .FRM:hover .imgFRM div { opacity:1; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin-top:5px; width:173px; height:57px; padding-top:15px; overflow:hidden; border:1px solid; text-align:center; font-size:11px; border-color:#D1CDC8; color:black; /* MODIFIABLE */* } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } Largeur du forum : 800pxInstructions : |
| | | Sam 5 Mar - 5:46 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><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><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"></span>'));});</script></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto; width:800px; padding:15px 0; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:5px auto; width:790px; padding:5px; font-family:Arial; background:#F2F2F2; /* MODIFIABLE */ } /* BLOC TITRE & DERNIER MESSAGE FORUM */ .boxFRM { display:inline-block; vertical-align:top; margin-bottom:5px; width:675px; padding:10px 0 10px 15px; overflow:hidden; background:black; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; padding-top:3px; } /* TITRE FORUM */ .tleFRM a { text-align:left; font-size:12px; text-transform:uppercase; line-height:20px; font-weight:bold; color:white !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { float:right; margin-right:10px; height:15px; padding:5px 5px 5px 7px; overflow:hidden; background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ text-align:center; font-size:9px; text-transform:uppercase; line-height:16px; } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { font-weight:bold; color:black !important; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:8px; } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; margin-left:5px; width:45px; height:30px; padding-top:15px; overflow:hidden; text-align:center; font-size:10px; text-transform:uppercase; line-height:15px; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:605px; height:90px; padding:5px; overflow:hidden; background:lightgrey; color:black; /* MODIFIABLE */ text-align:justify; font-size:10px; line-height:15px; } .descFRM:hover { overflow-y:auto; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin:0 5px; width:130px; height:90px; padding:5px; overflow:hidden; text-align:left; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0; background:#CCC; /* MODIFIABLE */ } .sfFRM:hover { overflow-y:auto; } /* LIENS SOUS-FORUMS */ .sfFRM a { display:block; line-height:13px; color:black !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:25px; height:100px; } Largeur du forum : 800px |
| | | Dim 6 Mar - 21:47 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="blocDESC"></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxFRM"><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="triFRM"></div><div class="lmsgFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE ANDREJ / T180-TEMPLATES-CATEGORIE-SI-POSSIBLE --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:20px 0; text-align:center; font-family:Arial; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; color:#DEDEDE; /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:10px 0 1px; background:#DEDEDE; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:-1px auto 10px; width:800px; height:15px; background:#191919; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:25px auto; width:750px; text-align:left; font-family:Arial; } /* BLOC IMAGE DESCRIPTIVE FORUM */ .blocDESC { position:relative; z-index:2; margin-top:-10px; display:inline-block; vertical-align:top; width:115px; height:115px; border-radius:115px; border:5px solid; background:white; border-color:black; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:3; margin-left:-115px; margin-top:-5px; width:115px; height:115px; border-radius:115px; opacity:0.7; transition:opacity 0.65s ease-in-out; -webkit-transition:opacity 0.65s ease-in-out; } .FRM:hover #descFRM img { opacity:1; } /* ICÔNES FORUM */ .imgFRM { position:absolute; z-index:4; margin-top:-5px; margin-left:-125px; width:45px; height:45px; border-radius:45px; } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* BLOC DESCRIPTION FORUM */ #descFRM { display:inline-block; vertical-align:top; margin-left:-30px; width:430px; height:100px; padding-left:25px; overflow:hidden; background:#ECECEC; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin-left:10px; margin-top:10px; width:405px; padding:0 5px; height:65px; overflow:hidden; font-size:10px; text-align:justify; line-height:13px; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; z-index:3; margin-left:-10px; margin-top:-17px; width:465px; height:13px; padding-top:2px; overflow-y:auto; border-top:2px solid; font-size:8px; text-transform:uppercase; border-color:black; color:black; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM a.gensmall { font-size:8px; color:black !important; /* MODIFIABLE */ } /* TRIANGLE DESCRIPTION FORUM */ .triFRM { position:absolute; margin-left:425px; margin-top:-100px; width:0; height:0; border-style:solid; border-width:100px 0 0 55px; border-color:transparent; border-left-color:#ECECEC; /* MODIFIABLE */ } /* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:170px; height:92px; padding:8px 7px 0 23px; overflow:hidden; text-align:right; font-size:10px; background:rgba(0,0,0,0.3); color:black; /* MODIFIABLE */ } /* BORDURE TITRE FORUM */ .tleFRM { margin:auto; padding-bottom:3px; border-bottom:2px solid; text-transform:uppercase; text-align:right; font-size:12px; border-bottom-color:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:black !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { margin:3px auto 4px; color:black; /* MODIFIABLE */ font-size:9px; text-transform:uppercase; } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } Largeur du forum : 800pxEncadrer le texte descriptif des balises suivantes : - Code:
-
<div class="descFRM"> Texte descriptif </div> |
| | | Sam 19 Mar - 22:22 | Remplacer l'intégralité du template par : - Code:
-
<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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div><span style="display:inline-block; vertical-align:middle; height:35px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:45px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:0; clear:both;"></span></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE GLAUCOPHANE / T185-COMMANDE-DE-TEMPLATE-CATEGORIES --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 5px; width:888px; height:75px; padding:5px; border:1px solid; text-align:center; background:white; border-color:grey; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0 auto; width:888px; height:55px; padding-top:20px; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; line-height:38px; background:black; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:900px; text-align:center; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0; width:283px; padding:5px; border:1px solid; font-family:Arial; border-color:grey; background:white; /* MODIFIABLE */ } .FRM:nth-of-type(2) { margin:5px 7px; } .FRM:nth-of-type(5) { margin:5px 7px; } .FRM:nth-of-type(8) { margin:5px 7px; } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; width:268px; height:15px; padding:10px 15px 10px 0; overflow:hidden; background:black; /* MODIFIABLE */ text-align:right; font-size:12px; text-transform:uppercase; font-weight:bold; line-height:16px; } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:5px auto; width:283px; height:80px; overflow:hidden; text-align:justify; font-size:9px; line-height:10px; color:black; /* MODIFIABLE */ } .descFRM:hover { width:278px; padding-right:5px; overflow-y:auto; } /* BANDE SOUS-FORUMS */ .sfFRM { margin-bottom:5px; width:283px; height:15px; background:#CCC; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:20px; width:273px; height:0; padding:0 5px; overflow:hidden; text-align:left; font-size:9px; text-transform:uppercase; background:#EFEFEF; color:black; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } .sfFRM:hover div { height:35px; padding:5px; } /* LIENS SOUS-FORUMS */ .sfFRM a { font-size:9px; color:black !important; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:45px; height:30px; padding-top:15px; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ text-align:center; font-size:10px; text-transform:uppercase; line-height:15px; } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-left:5px; background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; margin-left:5px; width:70px; height:45px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin-left:5px; width:98px; height:45px; padding:0 5px; overflow:hidden; background:#EFEFEF; color:black; /* MODIFIABLE */ text-align:left; font-size:9px; line-height:10px; } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:9px; } Largeur du forum : 900px |
| | | Sam 19 Mar - 22:22 | Remplacer l'intégralité du template par : - Code:
-
<table width="100%" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxIIFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxIIFRM"><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"><b></b><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE LOUTE / T194-COMMANDE-CATEGORIES --> Partie CSS pour largeur du forum = 800px : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding-top:30px; padding-bottom:10px; border-bottom:5px solid; border-bottom-color:#666; background:grey; /* MODIFIABLE */ text-align:right; font-family:Arial; } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; padding-right:30px; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px; color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; margin-bottom:15px; width:798px; height:auto; padding-bottom:35px; border-top:none; border:1px solid; border-color:#666; background:rgba(255,255,255,0.9); /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; width:800px; text-align:center; font-family:Arial; } /* BLOC ICÔNES / TITRE / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES FORUM */ .boxFRM { display:inline-block; vertical-align:top; margin:35px 25px 0; width:400px; } /* BORDURE ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:middle; width:50px; height:50px; padding:5px; border:1px solid; border-color:#D3D3D3; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxIIFRM { display:inline-block; vertical-align:middle; margin-left:35px; } /* TITRE FORUM */ .tleFRM { margin-bottom:10px; width:178px; text-align:center; font-size:16px; text-transform:uppercase; font-weight:bold; } .tleFRM a { color:#171717 !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:175px; font-size:10px; line-height:15px; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { width:86px; height:76px; padding:2px; overflow:hidden; text-transform:uppercase; font-size:10px; line-height:20px; background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURE NOMBRE SUJETS FORUM */ .nbFRM p { margin:0; height:59px; padding-top:15px; border:1px solid; border-color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-top:20px; background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURE NOMBRE MESSAGES FORUM */ .nbIIFRM p { border-color:white; /* MODIFIABLE */ } /* TAILLE NOMBRES NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM b { font-size:14px; } /* BLOC DESCRIPTION & SOUS-FORUMS */ #descFRM { display:inline-block; margin-top:35px; margin-right:25px; width:300px; height:178px; overflow:hidden; border:1px solid; border-color:#D3D3D3; background:grey; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:auto; margin-top:19px; width:250px; height:128px; padding:5px; overflow:hidden; border:1px solid; font-size:11px; text-align:justify; line-height:16.5px; border-color:#D3D3D3; background:white; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* TRIANGLE SOUS-FORUMS */ .sfFRM b { display:block; margin-left:145px; margin-top:-1px; width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent; border-top-color:white; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:-153px; margin-left:20px; width:250px; height:0; padding:0 5px; overflow:hidden; background:white; /* MODIFIABLE */ color:rgba(0,0,0,0); line-height:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .sfFRM:hover div { height:128px; padding:5px; } /* SOUS-FORUMS */ .sfFRM a { display:block; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:18px; color:#666 !important; /* MODIFIABLE */ } Partie CSS pour largeur du forum = 900px : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:900px; padding-top:30px; padding-bottom:10px; border-bottom:5px solid; border-bottom-color:#666; background:grey; /* MODIFIABLE */ text-align:right; font-family:Arial; } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; padding-right:30px; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px; 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; border-color:#666; background:rgba(255,255,255,0.9); /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; width:900px; text-align:center; font-family:Arial; } /* BLOC ICÔNES / TITRE / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES FORUM */ .boxFRM { display:inline-block; vertical-align:top; margin:35px 25px 0; width:400px; } /* BORDURE ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:middle; width:50px; height:50px; padding:5px; border:1px solid; border-color:#D3D3D3; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxIIFRM { display:inline-block; vertical-align:middle; margin-left:35px; } /* TITRE FORUM */ .tleFRM { margin-bottom:10px; width:178px; text-align:center; font-size:16px; text-transform:uppercase; font-weight:bold; } .tleFRM a { color:#171717 !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:175px; font-size:10px; line-height:15px; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { width:86px; height:76px; padding:2px; overflow:hidden; text-transform:uppercase; font-size:10px; line-height:20px; background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURE NOMBRE SUJETS FORUM */ .nbFRM p { margin:0; height:59px; padding-top:15px; border:1px solid; border-color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-top:20px; background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURE NOMBRE MESSAGES FORUM */ .nbIIFRM p { border-color:white; /* MODIFIABLE */ } /* TAILLE NOMBRES 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; border-color:#D3D3D3; background:grey; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:auto; margin-top:19px; width:350px; height:128px; padding:5px; overflow:hidden; border:1px solid; font-size:11px; text-align:justify; line-height:16.5px; border-color:#D3D3D3; background:white; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* TRIANGLE SOUS-FORUMS */ .sfFRM b { display:block; margin-left:190px; margin-top:-1px; width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent; border-top-color:white; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM div { position:absolute; margin-top:-153px; margin-left:20px; width:350px; height:0; padding:0 5px; overflow:hidden; background:white; /* MODIFIABLE */ color:rgba(0,0,0,0); line-height:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .sfFRM:hover div { height:128px; padding:5px; } /* SOUS-FORUMS */ .sfFRM a { display:block; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:18px; color:#666 !important; /* MODIFIABLE */ } |
| | | Mer 23 Mar - 5:40 | Remplacer l'intégralité du template par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <table width="800px" 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="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"><span style="display:inline-block; vertical-align:middle; width:1px; height:85px;"></span><span style="display:inline-block; vertical-align:middle; width:99%;">{catrow.forumrow.LAST_POST}</span></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 --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:10px auto; border-radius:15px; width:800px; padding:10px 0; text-align:center; background:pink; /* 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 10px; border-radius:15px; background:#ECECEC; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ margin:auto; width:750px; } /* TITRE FORUM */ .tleFRM { margin-bottom:-15px; padding-left:115px; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .tleFRM a{ font-family:Dancing Script; font-size:32px; color:#F26D7D !important; /* MODIFIABLE */ } /* SURVOL TITRE FORUM */ .blocFRM:hover .tleFRM { padding-left:135px; } /* BLOC FORUM */ .FRM { margin:20px auto; width:750px; text-align:center; font-family:Arial; } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:top; margin-right:10px; width:65px; height:115px; border-radius:10px; } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* DESCRIPTION FORUM */ .descFRM { margin-bottom:5px; width:375px; height:75px; padding:5px; overflow:auto; border-radius:10px; font-size:10px; text-align:justify; line-height:13px; background:#F26D7D; color:black; /* MODIFIABLE */ transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } /* SOUS-FORUMS */ .sfFRM { width:375px; height:19px; padding:6px 5px 0; overflow:auto; border-radius:10px; background:#F7A5AE; color:rgba(250,250,250,0.6); /* MODIFIABLE */ font-size:9px; text-align:left; text-transform:uppercase; } /* LIENS SOUS-FORUMS */ .sfFRM a.gensmall { font-size:9px; 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:#F26D7D; /* 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:150px; height:85px; padding:0 5px; border-radius:10px; text-align:center; font-size:10px; background:#F26D7D; color:white; /* MODIFIABLE */ } /* COULEUR TITRE DERNIER MESSAGE FORUM */ .lmsgFRM a{ color:#ECECEC !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { width:160px; height:19px; padding-top:6px; border-radius:10px; font-size:9px; text-align:center; text-transform:uppercase; background:#F7A5AE; color:black; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Mer 23 Mar - 5:40 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxDESC"><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:145px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxIIFRM"><div class="sfFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} M.</div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:auto; margin-top:5px; width:800px; padding:15px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:42px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:10px 0 28px; background:#F2F2F2; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:15px; background:#191919; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:25px auto 0; width:745px; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { margin-left:80px; margin-bottom:-30px; width:665px; height:15px; padding:5px 0; overflow:hidden; text-align:right; line-height:15px; background:#191919; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { padding-right:5px; text-transform:uppercase; font-size:12px; letter-spacing:3px; color:white !important; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE & DERNIER MESSAGE FORUM */ .boxDESC { position:relative; display:inline-block; vertical-align:top; margin-top:-2px; width:175px; height:175px; border-radius:100%; background:#D6D6D6; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:2; margin-top:-42px; margin-left:-190px; width:175px; height:175px; border-radius:100%; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { position:absolute; z-index:5; margin-top:15px; margin-left:15px; width:135px; height:145px; padding:0 5px; border-radius:100%; overflow:hidden; text-align:center; font-size:11px; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ transform:rotate(180deg) scale(0); -webkit-transform:rotate(180deg) scale(0); transition:all 0.85s ease; -webkit-transition:all 0.85s ease; } .FRM:hover .lmsgFRM { transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1); } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } /* BLOC DESCRIPTION / ICÔNES / SOUS-FORUMS / NOMBRE SUJETS & MESSAGES FORUM */ .boxFRM { display:inline-block; vertical-align:top; margin-top:35px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin-left:-105px; width:380px; height:120px; padding:5px; padding-left:120px; overflow:hidden; font-size:11px; text-align:justify; line-height:15px; background:#E0E0E0; color:#999999; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* BLOC POSITIONNEMENT FORUM */ .boxIIFRM { display:inline-block; vertical-align:top; margin-left:5px; } /* BLOC ICÔNES & SOUS-FORUMS */ .sfFRM { width:165px; height:100px; overflow:hidden; } /* ICÔNES FORUM */ .imgFRM { position:absolute; width:165px; height:100px; } .sfFRM div { position:relative; width:165px; height:100px; overflow:hidden; } /* CONTENU SOUS-FORUMS */ .sfFRM div div { width:155px; height:90px; padding:5px; overflow-y:auto; text-align:left; font-size:11px; color:rgba(0,0,0,0); line-height:0; background:#666; /* MODIFIABLE */ transform:translateX(165px); -webkit-transform:translateX(165px); transition:all .65s linear; -webkit-transition:all .65s linear; } /* LIENS SOUS-FORUMS */ .sfFRM a { display:block; text-transform:uppercase; line-height:14px; color:white !important; /* MODIFIABLE */ } .sfFRM:hover div div{ transform:translateX(0px); -webkit-transform:translateX(0px); } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; margin-top:5px; width:80px; height:15px; padding:5px 0; text-align:center; font-size:10px; line-height:15px; background:#171717; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-left:5px; background:lightgrey; color:black; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Ven 8 Avr - 0:26 | Remplacer l'intégralité du template 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ▼ {catrow.forumrow.POSTS} messages</div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" />{catrow.forumrow.LAST_POST}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:10px auto; width:865px; padding:15px 35px 15px 0; text-align:right; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px; font-family:Fjalla One; color:white; /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; width:900px; } /* BLOC FORUM */ .FRM { width:900px; height:180px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { width:875px; height:25px; padding-top:5px; padding-right:25px; text-align:right; font-size:18px; text-transform:uppercase; letter-spacing:1px; background:grey; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a{ font-family:Fjalla One; color:black !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { position:absolute; margin-top:4px; padding-left:25px; text-transform:uppercase; font-size:11px; font-family:Arial; color:#CCC; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img{ position:absolute; margin-top:-20px; margin-left:-445px; width:900px; height:150px; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .FRM:hover #descFRM img{ opacity:0.5; } /* BLOC SOUS-FORUMS */ .sfFRM { position:relative; z-index:3; display:inline-block; vertical-align:top; margin:20px 0 0 30px; width:180px; height:100px; padding:5px; overflow:auto; background:#CCC; /* MODIFIABLE */ opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .FRM:hover .sfFRM{ opacity:1; } /* SOUS-FORUMS */ .sfFRM a{ font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* BLOC DESCRIPTION FORUM */ #descFRM { display:inline-block; vertical-align:top; margin:20px 25px 0; width:400px; height:175px; overflow:hidden; text-align:center; } /* DESCRIPTION FORUM */ .descFRM { position:relative; z-index:3; margin:auto; width:390px; height:100px; padding:5px; overflow:auto; font-size:11px; text-align:justify; font-family:Arial; background:white; color:black; /* MODIFIABLE */ opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .FRM:hover .descFRM{ opacity:1; } /* ICÔNES FORUM */ .imgFRM { display:block; margin:auto; margin-bottom:5px; width:150px; height:25px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { position:relative; z-index:4; display:inline-block; vertical-align:top; margin-top:20px; width:200px; height:100px; padding-top:10px; overflow:hidden; text-align:center; font-family:Fjalla One; font-size:16px; background:white; color:black; /* MODIFIABLE */ opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .FRM:hover .lmsgFRM{ opacity:1; } /* TITRE DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* TAILLE AUTEUR DERNIER MESSAGE FORUM */ .lmsgFRM .gensmall { font-size:16px; /* MODIFIABLE */ } Largeur du forum : 900px
Instructions :Encadrer le texte descriptif des balises suivantes : - Code:
-
<div class="descFRM">Texte descriptif.</div> |
| | | Lun 11 Avr - 18:38 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:20px 0; text-align:center; background:#74878B; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; font-family:Arial; color:white; letter-spacing:3px; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:25px 0 15px; background:rgba(255,255,255,0.7); /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 15px; width:800px; height:15px; background:#74878B; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:0 auto 10px; width:750px; text-align:left; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { margin:0 auto 10px; width:740px; height:15px; padding:5px; background:#74878B; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; line-height:16px; color:white !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { float:right; height:11px; padding:2px 4px; font-size:9px; text-transform:uppercase; line-height:12px; background:white; color:#594C4D; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:35px; height:100px; } /* BLOC DESCRIPTION FORUM */ #descFRM { display:inline-block; vertical-align:top; margin:0 10px; width:375px; height:100px; overflow:hidden; background:grey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; width:375px; height:100px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .FRM:hover #descFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } /* DESCRIPTION FORUM */ .descFRM { position:relative; z-index:3; margin:10px auto 0; width:340px; height:70px; padding:5px; overflow-y:auto; text-align:justify; font-size:9px; line-height:10px; background:white; color:black; /* MODIFIABLE */ opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } #descFRM:hover .descFRM { opacity:1; } /* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR FORUM */ .boxFRM { display:inline-block; vertical-align:top; width:290px; height:85px; padding:15px 15px 0; overflow:hidden; background:white; /* MODIFIABLE */ filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out; } .FRM:hover .boxFRM { filter:grayscale(0); -webkit-filter:grayscale(0); } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:middle; margin-right:10px; width:220px; max-height:70px; overflow:hidden; text-align:center; font-size:12px; text-transform:uppercase; line-height:18px; color:black; /* MODIFIABLE */ } /* TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { font-size:13px; color:black; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:13px; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:middle; width:60px; height:70px; overflow:hidden; } .avaFRM img { width:60px; } /* BLOC SOUS-FORUMS */ .sfFRM { margin:10px auto 0; width:745px; padding-left:5px; text-align:left; font-size:9px; background:#A9A9A9; color:white; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM a { display:inline-block; vertical-align:middle; margin:5px 0; margin-right:1px; text-transform:uppercase; color:white !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions :Encadrer le texte descriptif des balises suivantes : - Code:
-
<div class="descFRM">Texte descriptif.</div> |
| | | Lun 11 Avr - 18:39 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="boxIIFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div><div class="sfFRM"><span style="display:inline-block; vertical-align:middle; height:50px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:10px 0; text-align:center; background:#151315; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:42px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:20px 0; background:rgba(255,255,255,0.4); /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:auto; margin-bottom:10px; width:800px; height:20px; background:#151315; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:740px; text-align:center; font-family:Arial; } /* BLOC TITRE FORUM */ .tleFRM { margin:0 auto 10px; width:740px; padding:5px 0; text-align:right; font-size:18px; text-transform:uppercase; background:grey; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { padding-right:10px; letter-spacing:1px; font-family:Arial; color:white !important; /* MODIFIABLE */ transition:all 0.35s linear; -webkit-transition:all 0.35s linear; } /* SURVOL TITRE FORUM */ .tleFRM:hover a { letter-spacing:5px; /* MODIFIABLE */ } /* BLOC DESCRIPTION / NOMBRE SUJETS & MESSAGES FORUM */ #descFRM { display:inline-block; vertical-align:top; width:375px; height:140px; overflow:hidden; background:#434242; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:auto; margin-top:10px; width:350px; height:90px; padding:0 5px; overflow:hidden; font-size:10px; text-align:justify; line-height:15px; color:white; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { margin:auto; margin-top:10px; width:310px; padding-top:5px; border-top:2px solid; text-transform:uppercase; font-size:10px; letter-spacing:1px; border-top-color:#DEDEDE; color:white; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; margin:0 10px; width:120px; height:140px; } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR FORUM */ .boxIIFRM { display:inline-block; vertical-align:top; width:215px; height:70px; padding:5px; overflow:hidden; text-align:left; font-size:11px; background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */ } .lmsgFRM { display:inline-block; vertical-align:middle; margin-right:5px; width:155px; padding-left:5px; line-height:14px; } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:middle; width:50px; height:70px; overflow:hidden; background:black; /* MODIFIABLE */ } .avaFRM img { width:50px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.35s linear; -webkit-transition:all 0.35s linear; } /* SURVOL AVATAR DERNIER POSTEUR FORUM */ .boxIIFRM:hover .avaFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } /* BLOC SOUS-FORUMS */ .sfFRM { margin-top:10px; width:218px; height:50px; padding-right:7px; overflow-y:auto; text-align:right; font-size:12px; line-height:14px; background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM a { text-transform:uppercase; color:white !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Mar 12 Avr - 21:03 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:140px;"></span><span style="display:inline-block; vertical-align:middle;"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</span></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:15px 0; text-align:center; font-family:Arial; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:38px; text-transform:uppercase; letter-spacing:2px; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:15px auto; width:800px; padding:15px 0 5px; text-align:center; font-family:Arial; background:#E9E9E9; /* MODIFIABLE */ } /* BLOC TITRE / ICÔNES / DESCRIPTION FORUM */ .boxFRM { display:inline-block; vertical-align:top; width:380px; height:140px; } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin-right:10px; width:310px; height:35px; padding:10px 0 0 10px; overflow:hidden; text-align:left; font-size:18px; text-transform:uppercase; line-height:24px; background:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { width:50px; height:45px; } /* DESCRIPTION FORUM */ .descFRM { margin-top:10px; width:370px; height:75px; padding:5px; overflow:hidden; text-align:justify; font-size:10px; line-height:15px; background:black; color:#7C7C7C; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; margin:0 10px; width:100px; height:140px; overflow:hidden; background:black; /* MODIFIABLE */ } .avaFRM img { width:100px; } /* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:260px; height:140px; padding:0 5px; overflow:hidden; text-align:center; text-transform:uppercase; font-size:14px; line-height:20px; background:#9B9B9D; color:white; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { margin:0 auto 10px; text-transform:uppercase; font-size:12px; color:white; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:white; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:14px; } /* BLOC SOUS-FORUMS */ .sfFRM { margin:10px auto; width:760px; padding:0 5px; text-align:left; font-size:10px; background:grey; color:white; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM a { display:inline-block; vertical-align:middle; margin:5px 0; margin-right:1px; text-transform:uppercase; color:white !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Mar 12 Avr - 21:12 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><div class="nbFRM">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets</div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"></span>'));}); $('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:20px 0; text-align:center; background:#1B1B1B; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:36px; text-transform:uppercase; font-family:Arial; color:#E9E9E9; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:800px; padding:15px 0; background:rgba(255,255,255,0.6); /* MODIFIABLE */ text-align:center; line-height:16px; font-family:Arial; } /* BLOC NOMBRE SUJETS & MESSAGES / TITRE FORUM */ .tleFRM { margin:0 auto 10px; width:755px; padding:5px 10px; text-align:right; text-transform:uppercase; font-size:20px; line-height:25px; background:#1B1B1B; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { position:absolute; margin-top:5px; text-transform:uppercase; font-size:10px; line-height:14px; color:#E9E9E9; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:#FFF !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:305px; height:120px; padding:5px; overflow:hidden; font-size:10px; text-align:justify; line-height:15px; background:#1B1B1B; color:#C3C3C3; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; margin-left:10px; width:450px; height:130px; background:black; /* MODIFIABLE */ } /* IMAGE DESCRIPIVE FORUM */ .descFRM img { position:absolute; margin-top:-5px; margin-left:320px; width:450px; height:130px; } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; margin-top:12px; margin-left:238px; width:200px; height:106px; overflow:hidden; text-align:center; font-size:12px; line-height:0; } .sfFRM:hover { overflow-y:auto; } /* SOUS-FORUMS */ .sfFRM a { display:block; margin-top:6px; padding:5px 0; text-transform:uppercase; line-height:12px; background:#1B1B1B; color:#C3C3C3 !important; /* MODIFIABLE */ } .sfFRM a:nth-of-type(1) { margin-top:0; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { position:absolute; margin-top:10px; margin-left:15px; padding:5px; text-align:left; font-size:10px; text-transform:uppercase; color:#C3C3C3; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:#CCC !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { margin-top:10px; width:775px; height:25px; } Largeur du forum : 800px
Instructions : |
| | | Mar 14 Juin - 5:46 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="boxFRM"><div class="lmsgFRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ▼ {catrow.forumrow.POSTS} messages</div></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:15px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:30px 0 15px; background:#E9E9E9; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:20px; background:#191919; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; margin-bottom:15px; width:740px; text-align:center; font-family:Arial; } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:50px; height:95px; } /* BLOC POSITIONNEMENT FORUM */ .boxFRM { display:inline-block; vertical-align:top; } /* BLOC TITRE FORUM */ .tleFRM { margin:auto; margin-bottom:5px; width:420px; height:15px; padding:5px 0 5px 10px; text-align:left; font-size:11px; text-transform:uppercase; line-height:16px; background:black; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; letter-spacing:0; /* MODIFIABLE */ transition:all 1.25s; -webkit-transition:all 1.25s; } /* SURVOL TITRE FORUM */ .tleFRM:hover a { padding-left:5px; letter-spacing:1px; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:0 10px; width:420px; height:55px; padding:5px; overflow:hidden; text-align:justify; font-size:11px; line-height:14px; background:#191919; color:white; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:228px; height:55px; padding:10px 0 0 12px; overflow:hidden; text-align:left; font-size:11px; text-transform:uppercase; line-height:15px; background:#191919; color:white; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:#CCC; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { position:absolute; margin-left:172px; margin-top:1px; width:45px; height:70px; overflow:hidden; } .avaFRM img { width:50px; } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { margin-top:5px; height:15px; padding:5px; padding-left:10px; text-align:left; font-size:11px; text-transform:uppercase; line-height:16px; background:grey; color:white; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { margin:10px auto; width:730px; padding:0 5px; text-align:left; font-size:9px; background:grey; color:white; /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a { display:inline-block; vertical-align:middle; margin:6px 1px 5px 0; text-transform:uppercase; color:white !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Sam 2 Juil - 0:50 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} messages</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:15px 0; text-align:center; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { display:inline-block; vertical-align:middle; margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:25px 0 15px; background:lightgrey; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:15px; background:#191919; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; margin-bottom:10px; width:750px; text-align:center; font-family:Arial; } /* BLOC POSITIONNEMENT FORUM */ .boxFRM { display:inline-block; vertical-align:top; } /* BLOC TITRE FORUM */ .tleFRM { margin:auto; margin-bottom:5px; height:15px; padding:5px 0 5px 10px; overflow:hidden; text-transform:uppercase; text-align:left; font-size:11px; background:#191919; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { margin:5px auto 0; width:235px; height:90px; padding-top:5px; overflow:hidden; text-align:center; line-height:0px; color:rgba(0,0,0,0); background:white; /* MODIFIABLE */ } .sfFRM:hover { overflow-y:auto; } /* SOUS-FORUMS */ .sfFRM a { display:block; margin:auto; margin-bottom:3px; width:95%; padding-bottom:5px; border-bottom:1px solid; text-transform:uppercase; text-align:left; font-size:10px; line-height:12px; border-bottom-color:#191919; color:#191919 !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin:0 10px; width:190px; height:116px; padding:4px 5px 5px; overflow:hidden; font-size:10px; text-align:justify; line-height:15px; background:white; color:#191919; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* BLOC NOMBRE SUJETS & MESSAGE / DERNIER MESSAGE FORUM */ .lmsgFRM { position:relative; z-index:3; display:inline-block; vertical-align:top; width:175px; height:118px; padding:7px 50px 0 10px; overflow:hidden; text-align:left; font-size:11px; text-transform:uppercase; line-height:14px; background:rgba(255,255,255,0.7); color:#191919; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { margin-top:5px; width:60%; height:18px; padding:2px 5px 0 10px; font-size:10px; text-transform:uppercase; text-align:left; background:#191919; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-bottom:10px; background:#191919; color:white; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { position:absolute; margin-left:160px; margin-top:-55px; width:55px; height:100px; overflow:hidden; } .avaFRM img { height:100px; filter:grayscale(1); -webkit-filter:grayscale(1); } /* ICÔNES FORUM */ .imgFRM { display:inline-block; margin-left:10px; width:50px; height:125px; } Largeur du forum : 800px
Instructions : |
| | | Mar 5 Juil - 5:35 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"> </span>'));});</script></div><div class="boxIIFRM"><div class="boxDESC"></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div></div><div class="sfFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 10px; width:800px; padding:20px 0; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:0 auto 10px; width:780px; padding:10px; text-align:center; font-family:Arial; background:#EFEFEF; /* MODIFIABLE */ } /* POSITIONNEMENT FORUM */ .boxFRM { display:inline-block; vertical-align:top; } .boxIIFRM { display:inline-block; vertical-align:top; margin:0 10px; width:230px; } /* BLOC TITRE FORUM */ .tleFRM { margin-bottom:10px; width:395px; height:35px; padding-top:15px; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:22px; background:grey; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin-right:10px; width:195px; height:165px; padding:5px; overflow:hidden; background:lightgrey; color:black; /* MODIFIABLE */ text-align:justify; font-size:11px; line-height:15px; } .descFRM:hover { overflow-y:auto; } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; width:180px; height:140px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ } .avaFRM img { width:180px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } .FRM:hover .avaFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { margin-bottom:10px; width:230px; height:100px; background:lightgrey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE */ .descFRM img { position:absolute; z-index:3; margin-left:400px; margin-top:-65px; width:230px; height:100px; } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:110px; height:65px; padding-top:25px; overflow:hidden; text-align:center; font-size:24px; text-transform:uppercase; line-height:40px; background:black; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-left:10px; background:darkgrey; color:white; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { position:absolute; margin-top:-25px; margin-left:215px; width:410px; height:15px; padding:5px; overflow:hidden; background:white; color:black; /* MODIFIABLE */ text-align:center; font-size:11px; text-transform:uppercase; line-height:16px; } /* TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { font-weight:bold; color:black !important; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS & ICÔNES FORUM */ .sfFRM { display:inline-block; vertical-align:top; width:135px; height:235px; overflow:hidden; background:grey; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { position:relative; width:135px; height:235px; } /* BLOC SOUS-FORUMS */ .sfFRM div { position:absolute; z-index:3; margin-top:-235px; width:125px; height:230px; padding:5px 5px 0; overflow:hidden; text-align:center; color:rgba(0,0,0,0); line-height:0px; } .sfFRM div:hover { overflow-y:auto; } /* SOUS-FORUMS */ .sfFRM a { display:block; margin-bottom:5px; padding:5px; text-align:center; font-size:10px; text-transform:uppercase; line-height:14px; background:white; color:grey; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Jeu 21 Juil - 7:20 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="boxFRMII"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div><div class="boxFRMII"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div></div></div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 15px; width:800px; padding:20px 0; text-align:center; font-family:Arial; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; margin-bottom:5px; width:800px; text-align:center; font-family:Arial; } /* BLOCS POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } .boxFRMII { display:inline-block; vertical-align:top; max-width:330px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin-right:10px; width:240px; height:165px; padding:5px; overflow:hidden; background:white; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; line-height:17px; } .descFRM:hover { overflow-y:auto; } /* ICÔNES FORUM */ .imgFRM { display:block; margin-top:10px; width:250px; height:15px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; margin-right:10px; width:270px; height:65px; padding-top:15px; background:white; color:black; /* MODIFIABLE */ font-size:13px; text-align:center; text-transform:uppercase; line-height:18px; } /* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */ .lmsgFRM .gensmall { font-size:13px; } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; width:50px; height:80px; overflow:hidden; background:lightgrey; /* MODIFIABLE */ } .avaFRM img { width:55px; filter:grayscale(1); -webkit-filter:grayscale(1); } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; margin-top:10px; width:160px; height:40px; padding-top:10px; text-align:center; font-size:24px; text-transform:uppercase; line-height:30px; background:black; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-left:10px; background:#E9E9E9; color:black; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { margin:10px auto; width:330px; height:35px; padding-top:15px; overflow:hidden; text-align:center; text-transform:uppercase; font-size:18px; line-height:20px; background:#191919; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE / SOUS-FORUMS */ .boxDESC { display:inline-block; vertical-align:top; margin-left:10px; width:200px; height:200px; background:darkgrey; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-left:595px; margin-top:-5px; width:200px; height:200px; } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; z-index:5; width:190px; height:195px; padding:5px 5px 0; overflow-y:auto; background:#191919; /* MODIFIABLE */ text-align:center; color:rgba(0,0,0,0); line-height:0px; opacity:0; transition:opacity 0.65s ease-in-out; -webkit-transition:opacity 0.65s ease-in-out; } .sfFRM:hover { opacity:1; } /* SOUS-FORUMS */ .sfFRM a { display:block; margin-bottom:5px; padding:5px; text-transform:uppercase; text-align:center; font-size:10px; line-height:14px; background:#E9E9E9; color:#191919 !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Jeu 28 Juil - 19:48 | Remplacer l'intégralité du template par : - Code:
-
<table width="100%" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxDESC"></div><div class="tleFRM"><span style="display:inline-block; vertical-align:middle; height:170px;"></span><span style="display:inline-block; vertical-align:middle;"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></span></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span style="display:inline-block; vertical-align:middle; height:40px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbFRMII">{catrow.forumrow.POSTS}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE KENNY MC / T305-PLUSIEURS-TEMPLATES --> Partie CSS pour largeur du forum = 800px : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 0; width:800px; padding:10px 0; text-align:right; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; padding-right:15px; font-size:42px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:798px; padding:10px 0; border:1px solid; text-align:center; font-family:Arial; border-color:#DEDEDE; background:#E3E3E3; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; width:220px; height:170px; border:1px solid; border-color:lightgrey; background:white; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-top:5px; margin-left:-427px; width:200px; height:150px; } /* BLOC TITRE & DERNIER MESSAGE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin:0 9px; width:190px; height:170px; overflow:hidden; border:1px solid; text-align:center; font-size:12px; text-transform:uppercase; border-color:lightgrey; background:white; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:grey !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:block; margin:5px auto; width:125px; height:15px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { text-align:center; font-size:10px; line-height:15px; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black !important; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* DESCRIPTION FORUM */ .descFRM { margin-bottom:5px; margin-right:9px; width:248px; height:113px; padding:5px; overflow-y:auto; border:1px solid; font-size:10px; text-align:justify; line-height:16px; border-color:lightgrey; background:white; color:black; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { margin-top:5px; width:248px; height:40px; padding:0 5px; overflow-y:auto; border:1px solid; font-size:10px; text-align:left; text-transform:uppercase; border-color:lightgrey; background:white; color:grey; /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a { color:grey !important; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { width:75px; height:65px; padding-top:15px; overflow:hidden; border:1px solid; text-align:center; font-size:28px; font-family:Arial; line-height:50px; border-color:lightgrey; background:white; color:black; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbFRMII { margin-top:8px; border-color:lightgrey; background:white; color:grey; /* MODIFIABLE */ } Partie CSS pour largeur du forum = 900px : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:10px auto 0; width:900px; padding:10px 0; text-align:right; background:black; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; padding-right:15px; font-size:42px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:898px; padding:10px 0; border:1px solid; text-align:center; font-family:Arial; border-color:#DEDEDE; background:#E3E3E3; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; width:220px; height:170px; border:1px solid; border-color:lightgrey; background:white; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:3; margin-top:5px; margin-left:-437px; width:200px; height:150px; } /* BLOC TITRE & DERNIER MESSAGE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin:0 9px; width:200px; height:170px; overflow:hidden; border:1px solid; text-align:center; font-size:12px; text-transform:uppercase; border-color:lightgrey; background:white; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:grey !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:block; margin:5px auto; width:125px; height:15px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { text-align:center; font-size:10px; line-height:15px; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black !important; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* DESCRIPTION FORUM */ .descFRM { margin-bottom:5px; margin-right:9px; width:318px; height:113px; padding:5px; overflow-y:auto; border:1px solid; font-size:10px; text-align:justify; line-height:16px; border-color:lightgrey; background:white; color:black; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { margin-top:5px; width:318px; height:40px; padding:0 5px; overflow-y:auto; border:1px solid; font-size:10px; text-align:left; text-transform:uppercase; border-color:lightgrey; background:white; color:grey; /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a { color:grey !important; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { width:95px; height:65px; padding-top:15px; overflow:hidden; border:1px solid; text-align:center; font-size:28px; font-family:Arial; line-height:50px; border-color:lightgrey; background:white; color:black; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbFRMII { margin-top:8px; border-color:lightgrey; background:white; color:grey; /* MODIFIABLE */ } Instructions : |
| | | Lun 5 Sep - 6:10 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"></span>'));});</script><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="boxIIFRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} R.</div></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="tleFRM"><div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 10px; width:800px; padding:20px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; text-align:center; } /* BLOC FORUM */ .FRM { float:left; margin-bottom:10px; width:385px; padding:5px; text-align:left; font-family:Arial; background:rgba(255,255,255,0.7); /* MODIFIABLE */ } .FRM:nth-of-type(odd) { margin-right:10px; } /* BLOC POSITIONNEMENT FORUM */ .boxFRM { display:inline-block; vertical-align:top; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin-bottom:5px; width:300px; height:20px; padding-top:5px; overflow:hidden; background:rgba(0,0,0,0.4); color:#DEDEDE; /* MODIFIABLE */ font-size:10px; text-align:center; line-height:15px; } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; color:white; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; margin-right:5px; width:25px; height:115px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:260px; height:105px; padding:5px; overflow:hidden; background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */ text-align:justify; font-size:10px; line-height:15px; } .descFRM:hover { overflow-y:auto; } /* BLOC SOUS-FORUMS */ .sfFRM { margin-top:5px; width:350px; height:15px; padding:5px; overflow-y:auto; background:grey; color:white; /* MODIFIABLE */ text-align:left; font-size:10px; text-transform:uppercase; line-height:15px; } /* SOUS-FORUMS */ .sfFRM a { color:white !important; /* MODIFIABLE */ } /* BLOC AVATAR DERNIER POSTEUR / SUJETS & MESSAGES FORUM */ .boxIIFRM { display:inline-block; vertical-align:top; margin-left:5px; width:55px; } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { width:55px; height:85px; overflow:hidden; background:#CCC; /* MODIFIABLE */ } .avaFRM img { width:60px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all .65s linear; -webkit-transition:all .65s linear; } .FRM:hover .avaFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } /* NOMBRE SUJETS FORUM */ .nbFRM { margin:5px 0 0 0; width:55px; height:20px; padding-top:5px; overflow:hidden; background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */ font-size:11px; text-align:center; line-height:16px; } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; width:15px; height:175px; } .tleFRM div { margin-top:75px; margin-left:-75px; width:185px; height:25px; overflow:hidden; text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; line-height:18px; transform:rotate(90deg); -webkit-transform:rotate(90deg); } /* TITRE FORUM */ .tleFRM a { display:block; width:185px; height:22px; padding-top:3px; overflow:hidden; background:#191919; color:white !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions : |
| | | Mer 7 Sep - 6:50 | Remplacer l'intégralité du template par : - Code:
-
<table width="100%" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:100px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}<div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div></span></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS pour largeur du forum = 800px : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:20px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:790px; padding:5px; text-align:center; font-family:Arial; background:#EBEBEB; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { margin:0 auto 5px; width:780px; padding:5px 10px 5px 0; text-align:right; text-transform:uppercase; letter-spacing:1px; background:#191919; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:50px; height:100px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin:0 5px; width:225px; height:90px; padding:5px; overflow:hidden; text-align:justify; font-size:10px; line-height:13.5px; background:white; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; margin-top:-5px; margin-left:235px; width:200px; height:100px; } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; width:200px; height:100px; background:#CCC; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { position:relative; z-index:2; width:200px; height:95px; padding:5px 0 0; overflow-y:auto; background:rgba(0,0,0,0.7); /* MODIFIABLE */ color:rgba(0,0,0,0); line-height:6px; opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out; } .sfFRM:hover { opacity:1; } /* SOUS-FORUMS */ .sfFRM a { display:block; margin:auto; width:95%; padding:1px 0; text-transform:uppercase; line-height:16px; background:white; color:grey !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin:0 5px; width:185px; height:100px; overflow:hidden; text-align:center; font-size:10px; text-transform:uppercase; line-height:14px; background:white; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { padding-top:5px; color:black; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; width:100px; height:100px; overflow:hidden; background:#CCC; /* MODIFIABLE */ } .avaFRM img { width:100px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out; } .FRM:hover .avaFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } Partie CSS pour largeur du forum = 900px : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:900px; padding:20px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:10px auto; width:890px; padding:5px; text-align:center; font-family:Arial; background:#EBEBEB; /* MODIFIABLE */ } /* BLOC TITRE FORUM */ .tleFRM { margin:0 auto 5px; width:880px; padding:5px 10px 5px 0; text-align:right; text-transform:uppercase; letter-spacing:1px; background:#191919; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:50px; height:100px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin:0 5px; width:305px; height:90px; padding:5px; overflow:hidden; text-align:justify; font-size:10px; line-height:13.5px; background:white; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow-y:auto; } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; margin-top:-5px; margin-left:315px; width:200px; height:100px; } /* BLOC IMAGE DESCRIPTIVE FORUM */ .boxDESC { display:inline-block; vertical-align:top; width:200px; height:100px; background:#CCC; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { position:relative; z-index:2; width:200px; height:95px; padding:5px 0 0; overflow-y:auto; background:rgba(0,0,0,0.7); /* MODIFIABLE */ color:rgba(0,0,0,0); line-height:6px; opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out; } .sfFRM:hover { opacity:1; } /* SOUS-FORUMS */ .sfFRM a { display:block; margin:auto; width:95%; padding:1px 0; text-transform:uppercase; line-height:16px; background:white; color:grey !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin:0 5px; width:205px; height:100px; overflow:hidden; text-align:center; font-size:10px; text-transform:uppercase; line-height:14px; background:white; color:black; /* MODIFIABLE */ } /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { padding-top:5px; color:black; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; width:100px; height:100px; overflow:hidden; background:#CCC; /* MODIFIABLE */ } .avaFRM img { width:100px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out; } .FRM:hover .avaFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } Instructions : |
| | | Jeu 8 Sep - 7:05 | Remplacer l'intégralité du template par : - Code:
-
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"><!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="bxoFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"></span>'));});</script></div><div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="boxFRM"><div class="sfFRM"><div></div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxIIFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> <!-- CODAGE PAR SKAEMP / CCCRUSH --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT { margin:5px auto 0; width:800px; padding:15px 0; background:grey; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2 { margin:0; text-align:center; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:15px 0 5px; background:#F2F2F2; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin:0 auto 10px; width:800px; height:25px; background:grey; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; width:770px; padding-bottom:10px; font-family:Arial; } /* BLOC DESCRIPTION & DERNIER MESSAGE FORUM */ .bxoFRM { display:inline-block; vertical-align:top; padding:5px; border:1px solid; border-color:grey; background:#E9E9E9; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { width:435px; height:110px; overflow:hidden; text-align:justify; font-size:10px; line-height:15px; color:black; /* MODIFIABLE */ } .descFRM:hover { width:430px; padding-right:5px; overflow-y:auto; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { width:435px; height:14px; padding-top:5px; overflow:hidden; border-top:1px solid; text-align:center; font-size:10px; text-transform:uppercase; line-height:14px; border-top-color:grey; color:black; /* MODIFIABLE */ } /* TITRE SUJET DERNIER MESSAGE FORUM */ .lmsgFRM a { font-weight:bold; color:black; /* MODIFIABLE */ } /* BLOC TITRE / AVATAR DERNIER POSTEUR / SOUS-FORUMS / STATISTIQUES & ICÔNES FORUM */ .blocFRM { display:inline-block; vertical-align:top; margin-left:10px; } /* BLOC TITRE FORUM */ .tleFRM { margin-bottom:5px; width:303px; height:25px; padding:5px 10px 0 0; overflow:hidden; text-align:right; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; line-height:20px; background:grey; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:white !important; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; margin-right:5px; width:80px; height:107px; overflow:hidden; background:grey; /* MODIFIABLE */ } .avaFRM img { width:80px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.35s linear; -webkit-transition:all 0.35s linear; } .FRM:hover .avaFRM img { filter:grayscale(0); -webkit-filter:grayscale(0); } /* BLOC SOUS-FORUMS / NOMBRE SUJETS & MESSAGES / ICÔNES FORUM */ .boxFRM { display:inline-block; vertical-align:top; width:226px; height:100px; padding-top:5px; overflow:hidden; border:1px solid; border-color:black; background:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { margin:auto; width:206px; height:38px; padding:5px; background:lightgrey; color:black; /* MODIFIABLE */ text-align:right; font-size:10px; line-height:13px; } .sfFRM div { display:inline-block; vertical-align:middle; max-height:38px; overflow-y:auto; } .sfFRM div:nth-of-type(1) { height:38px; } /* SOUS-FORUMS */ .sfFRM a { font-size:10px; text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* BORDURE NOMBRE SUJETS & MESSAGES / ICÔNES FORUM */ .boxIIFRM { margin:5px auto 0; width:216px; height:35px; padding-top:5px; border-top:1px solid; border-top-color:grey; /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM { display:inline-block; vertical-align:top; width:53px; height:25px; padding-top:10px; overflow:hidden; text-align:center; font-size:11px; line-height:16px; background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin:0 5px; background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:top; width:100px; height:35px; } Largeur du forum : 800px
Instructions : |
| | | Sam 1 Oct - 17:50 | Remplacer l'intégralité du code par : - Code:
-
<table width="900px" 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"><span style="display:block; height:1px; clear:both;"></span> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><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></div><div class="boxIIFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="nbFRM"><div class="sbjFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div><div class="sfFRM"><span>+</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:5px auto; width:900px; padding:20px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:900px; text-align:center; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0; width:295px; height:150px; overflow:hidden; text-align:left; } .FRM:nth-of-type(2) { margin:5px 7px 5px 8px; } .FRM:nth-of-type(5) { margin:5px 7px 5px 8px; } .FRM:nth-of-type(8) { margin:5px 7px 5px 8px; } /* BLOC TITRE & DERNIER MESSAGE FORUM */ .boxFRM { width:295px; height:95px; padding-top:30px; background:#191919; /* MODIFIABLE */ text-align:center; text-transform:uppercase; } /* TITRE & BORDURE FORUM */ .tleFRM a{ padding-bottom:5px; border-bottom:1px solid; border-bottom-color:rgba(250,250,250,0.5); font-family:Arial; color:white !important; /* MODIFIABLE */ text-transform:uppercase; font-size:16px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin-top:10px; font-size:10px; color:white; /* MODIFIABLE */ } /* COULEUR TITRE DERNIER SUJET FORUM */ .lmsgFRM a{ color:white !important; /* MODIFIABLE */ } /* BLOC ICÔNES DU FORUM / AVTAR / NOMBRE SUJETS & MESSAGES / SOUS-FORUMS / DESCRIPTION FORUM */ .boxIIFRM { position:relative; z-index:2; width:295px; height:150px; overflow:hidden; background:black; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; } .boxIIFRM:hover { margin-top:-125px; } /* ICÔNES FORUM */ .imgFRM{ width:295px; height:25px; } /* AVATAR DERNIER POSTEUR FORUM */ .avaFRM { margin:auto; margin-top:-15px; width:50px; height:50px; border-radius:50px; overflow:hidden; transition:all .65s linear; -webkit-transition:all .65s linear; } .avaFRM img{ width:50px; } .boxIIFRM:hover .avaFRM { margin-top:-55px; margin-bottom:15px; transform:rotate(180deg); -webkit-transform:rotate(180deg); } /* BLOC NOMBRE SUJETS & MESSAGES / SOUS-FORUMS */ .nbFRM { display:inline-block; vertical-align:top; width:100px; font-size:20px; text-align:center; } /* NOMBRE SUJETS FORUM */ .sbjFRM { margin:auto; width:80px; height:30px; padding-top:5px; background:#FEFEFE; color:black; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .repFRM { margin:5px auto; width:80px; height:30px; padding-top:5px; background:#CCC; color:black; /* MODIFIABLE */ } /* + SOUS-FORUMS */ .sfFRM span{ margin:auto; display:block; width:80px; height:15px; padding:5px 0; font-size:10px; background:#191919; color:white; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM div{ position:absolute; margin-left:100px; margin-top:-105px; width:0; height:105px; overflow:hidden; text-transform:uppercase; color:rgba(0,0,0,0); line-height:2px; background:#C1C1C1; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; } .sfFRM:hover div { width:175px; padding:0 5px; overflow-y:auto; } /* LIEN SOUS-FORUM */ .sfFRM a{ display:block; margin:auto; margin-top:5px; padding:5px; background:white; color:black !important; /* MODIFIABLE */ text-align:center; font-size:10px; line-height:12px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:175px; height:95px; padding:5px; overflow:auto; background:#dedede; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } Largeur du forum : 900px
Instructions : |
| | | Ven 14 Oct - 23:20 | Remplacer l'intégralité du code par : - Code:
-
<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> <!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="triAVA"></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxIIFRM"><div class="nbFRM"><div>{catrow.forumrow.TOPICS}</div><div>{catrow.forumrow.POSTS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="triFRM"></div><div class="lmsgFRM"><div>{catrow.forumrow.LAST_POST}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:5px auto; width:800px; padding:20px 0; text-align:center; background:#191919; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:5px auto; width:800px; height:160px; overflow:hidden; text-align:left; background:#191919; /* MODIFIABLE */ } /* BLOC AVATAR DERNIER POSTEUR FORUM */ .avaFRM { display:inline-block; vertical-align:top; width:200px; height:150px; overflow:hidden; background:#ccc; /* MODIFIABLE */ } .avaFRM img { width:200px; } /* TRIANGLE AVATAR DERNIER POSTEUR FORUM */ .triAVA { position:absolute; z-index:3; margin-top:-150px; margin-left:100px; width:0; height:0; border-style:solid; border-width:0 0 150px 100px; border-color:transparent; border-bottom-color:#191919; /* MODIFIABLE */ } /* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION / SOUS-FORUMS */ .boxFRM { display:inline-block; vertical-align:top; width:490px; height:115px; padding-top:30px; text-align:center; text-transform:uppercase; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .boxFRM:hover { height:125px; padding-top:20px; } /* TITRE ET SA BORDURE FORUM */ .tleFRM a{ padding-bottom:5px; border-bottom:1px solid; border-bottom-color:rgba(250,250,250,0.5); color:white !important; /* MODIFIABLE */ text-transform:uppercase; font-size:24px; font-family:Arial; } .boxIIFRM { margin-top:15px; height:75px; overflow:hidden; } /* BLOC NOMBRE SUJETS & MESSAGES */ .nbFRM { display:inline-block; vertical-align:top; width:300px; font-size:24px; text-align:center; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .nbFRM div { display:inline-block; vertical-align:top; width:100px; height:40px; padding-top:10px; } .boxFRM:hover .nbFRM{ margin-top:-50px; } /* NOMBRE SUJETS FORUM */ .nbFRM div:nth-of-type(1){ background:#FEFEFE; color:black; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbFRM div:nth-of-type(2){ margin-left:10px; background:#CCC; color:black; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin:auto; margin-top:25px; width:450px; height:50px; padding-right:5px; overflow:auto; color:white; /* MODIFIABLE */ font-size:10px; text-align:justify; text-transform:none; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .boxFRM:hover .descFRM { margin-top:0; } /* SOUS-FORUMS */ .sfFRM { width:490px; height:25px; overflow-y:auto; color:rgba(0,0,0,0); } /* LIEN SOUS-FORUM */ .sfFRM a{ display:inline-block; vertical-align:top; margin-top:8px; padding:2px 5px; background:white; color:black !important; /* MODIFIABLE */ text-align:center; font-size:10px; } /* TRIANGLE DERNIER MESSAGE FORUM */ .triFRM { position:absolute; margin-top:-85px; margin-left:713px; width:0; height:0; border-style:solid; border-width:10px 17.3px 10px 0; border-color:transparent; border-right-color:white; /* MODIFIABLE */ } /* BLOC DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:70px; height:150px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM div{ margin-top:40px; width:150px; height:50px; padding:10px 0; overflow:hidden; font-size:10px; text-align:center; text-transform:uppercase; background:white; color:black; /* MODIFIABLE */ transform:rotate(90deg); -webkit-transform:rotate(90deg); } /* COULEUR TITRE DERNIER SUJET FORUM */ .lmsgFRM a{ color:black !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM{ width:800px; height:10px; } Largeur du forum : 800px
Instructions : |
| | | Ven 30 Déc - 21:45 | Remplacer l'intégralité du code par : - Code:
-
<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"><span style="display:block; height:1px; clear:both;"></span> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div id="FRM"><div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="stsFRM"><div class="nbFRM"><div>{catrow.forumrow.TOPICS}</div><div>{catrow.forumrow.POSTS}</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="sfFRM"><span></span><p class="triSF"></p><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><p class="triIISF"></p></div></div> <!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:10px auto 5px; width:780px; padding:15px 10px; text-align:right; background:rgba(0,0,0,0.3); /* MODIFIABLE */ } /* TTTRE CATEGORIE */ .tleCAT h2{ margin:0; font-size:32px; text-transform:uppercase; letter-spacing:2px; font-style:italic; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; } /* BORDURE BLOC FORUM */ #FRM { float:left; margin:5px 0; width:385px; padding:5px; overflow:hidden; background:rgba(0,0,0,0.5); /* MODIFIABLE */ transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #FRM:nth-of-type(odd) { margin-right:10px; } /* FOND BLOC FORUM */ .FRM { background:#DEDEDE; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM{ position:absolute; z-index:3; margin-left:285px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #FRM:hover .imgFRM { opacity:0; } /* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */ .boxFRM { position:absolute; z-index:5; margin-top:25px; width:375px; text-align:right; } /* BLOC TITRE FORUM */ .tleFRM { position:absolute; right:0; width:auto; padding:5px; font-size:16px; font-weight:bold; text-transform:uppercase; background:red; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a{ font-family:Arial; color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */ .stsFRM { margin-top:37px; height:50px; overflow:hidden; } /* BLOC NOMBRE SUJETS & MESSAGES */ .nbFRM { margin-bottom:5px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } .FRM:hover .nbFRM { margin-top:-55px; } .nbFRM div { display:inline-block; vertical-align:top; width:80px; height:40px; padding-top:10px; font-size:20px; text-align:center; } /* NOMBRE SUJETS FORUM */ .nbFRM div:nth-of-type(1){ background:#FEFEFE; color:black; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbFRM div:nth-of-type(2){ margin-left:10px; background:#CCC; color:black; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin-left:205px; width:160px; padding:5px; font-size:10px; text-transform:uppercase; background:#FDFDFD; color:black; /* MODIFIABLE */ } /* COULEUR TITRE DERNIER SUJET FORUM */ .lmsgFRM a{ color:black !important; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE */ .boxDESC { margin-bottom:15px; width:385px; height:100px; background:rgba(255,255,255,0.5); /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ .descFRM img { position:absolute; z-index:2; margin-top:-115px; margin-left:-5px; width:385px; height:100px; opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #FRM:hover .descFRM img{ opacity:1; filter:grayscale(0); -webkit-filter:grayscale(0); } /* DESCRIPTION FORUM */ .descFRM { width:375px; height:90px; padding:0 5px 5px; overflow:hidden; font-size:10px; text-align:justify; line-height:15px; color:black; /* MODIFIABLE */ } .descFRM:hover { overflow:auto; } /* SOUS-FORUMS */ .sfFRM span{ display:inline-block; vertical-align:top; width:250px; height:15px; padding:5px 0; overflow:hidden; font-size:10px; text-transform:uppercase; text-align:center; background:#DEDEDE; /* MODIFIABLE */ } /* TRIANGLE SOUS-FORUMS */ .triSF { display:inline-block; vertical-align:top; margin:0; width:0; height:0; border-style:solid; border-width:25px 40px 0 0; border-color:transparent; border-top-color:#DEDEDE; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div{ position:absolute; z-index:5; margin-top:-25px; width:0px; height:13px; padding:7px 0 5px; overflow:hidden; text-align:left; font-size:9px; text-transform:uppercase; background:#DEDEDE; color:black; /* MODIFIABLE */ transition:all 0.35s linear; -webkit-transition:all 0.35s linear; } #FRM:hover .sfFRM div{ width:345px; padding:7px 5px 5px; overflow-y:auto; opacity:1; } /* TRIANGLE CONTENU SOUS-FORUMS */ .triIISF { position:absolute; margin-top:-25px; margin-left:5px; width:0; height:0; border-style:solid; border-width:25px 30px 0 0; border-color:transparent; border-top-color:#DEDEDE; /* MODIFIABLE */ opacity:0; transition:all 0.35s linear; -webkit-transition:all 0.35s linear; } #FRM:hover .sfFRM .triIISF { margin-left:355px; opacity:1; } /* LIENS SOUS-FORUMS */ .sfFRM a{ font-family:Arial; font-size:9px; color:black !important; /* MODIFIABLE */ } Largeur du forum : 800px
Instructions :Forme des icônes du forum : Appliquer une image à l'intérieur à l'aide d'un masque d'écrêtage ou se contenter d'en modifier la couleur |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|