Bonsoir,
Refaisant mon forum de fond en comble, j'ai voulu également refaire le codage. J'avais un vieux code sur un ancien forum de test que j'aimais bien, et les deux forums étant en mêmes versions (phpBB2 subsilver), j'ai décidé de le réutiliser d'un à l'autre.
Seulement, si ç'a très bien fonctionné pour l'un, ça n'a absolument pas fonctionné pour l'autre : http://yggy-test.forumgratuit.org/
(c'est juste le forum test)
J'avais donc ceci à l'affichage sur le premier forum :
- Spoiler:
C'était à peu près le résultat que je cherchais. J'ai donc installé mes codes CSS :
- Code:
-
.categorie{
width: 98%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #ffffff;
border-top: 3px solid #;
border-bottom: 1px solid #;
border-right: 1px solid #;
border-left: 1px solid #;
box-shadow: 0px 0px 5px #;
-moz-box-shadow: 0px 0px 5px #;
-o-box-shadow: 0px 0px 5px #;
-htm-box-shadow: 0px 0px 5px #;
-webkit-box-shadow: 0px 0px 5px #;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}
.forum{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #ffffff;
border: 1px dotted #;
padding: 2px;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}
.forumlink{
display: block;
width: 450px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #d0e8d5;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}
.forumlink a{
font-size: 16px;
border-bottom: 2px dotted #d0e8d5;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}
.description{
display: block;
width: 490px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #000000;}
.illu{
float: right;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
border: 1px solid #;
background: #ebf4e9;
padding: 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
.stats_last{
display: block;
width: 160px;
margin: auto;
background: #ebf4e9;
padding: 10px;
border: 1px dotted #;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 0px 0px 3px #91b38b;
box-shadow: 0px 0px 3px #91b38b;
-webkit-box-shadow: 0px 0px 3px #91b38b;}
.stats{
display: block;
text-align: center;
font-size: 10px;
color: #000000;
border-bottom: 1px solid #;
padding-bottom: 4px;
margin-bottom: 4px;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 0px 0px 3px #000000;
box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;}
.last{
display: block;
text-align: center;
font-size: 11px;}
.sous_forum{
display: block;
width: 98%;
margin: auto;
background: #ebf4e9;
padding: 2px;
text-align: center;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}
Et le template que je suppose aller avec (en tout cas, l'affichage du CSS n'était pas tant que le template n'était pas enregistré)
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
<div class="categorie">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="forum">
<table><tr>
<td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
<td style="vertical-align: top;"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
<span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
<td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
</tr></table>
<span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot --><!-- END catrow -->
Et c'est là que le bazar commençait. L'affichage du premier forum n'apparaissait pas du tout. J'avais des descriptions à la police de texte agrandie, une page déformée...
J'ai fini par arriver à ce qui apparaît sur le forum test, et mon souci, c'est que j'aimerais que la "décoration" des dernières statistiques soit centrée dans la colonne qui lui est réservée, et soit également placée à gauche du forum et non à droite...
Merci d'avance pour vos réponses !