Bonjour a tous,
Voila le soucis,
mes sous forum s affiche et petit, j'aimerais leur changer ll'ecriture, couleur et taille et les centrer par rapport a la categorie, mais malheureusement j ai du faire une erreur dans mon index box.
j'ai r ajouter ceci :
donc mon index box :
et mon css des sous forum :
Voila le soucis,
mes sous forum s affiche et petit, j'aimerais leur changer ll'ecriture, couleur et taille et les centrer par rapport a la categorie, mais malheureusement j ai du faire une erreur dans mon index box.
j'ai r ajouter ceci :
- Code:
<span class="gensmall" id="subforums">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ● ')).removeAttr('id');
</script>
donc mon index box :
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<th width="100%">
<div style="margin-left: 30px; background-color: #1D3C40; text-align: center; letter-spacing: 1px; height: 30px; width: 420px; font-size: 20px; font-family: Europe Underground worn; margin-bottom: -3px; margin-top: 14px; padding: 2px; border-top: 2px solid #1D3C40; border-right: 2px solid #1D3C40; border-left: 2px solid #1D3C40; border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0;">{catrow.tablehead.L_FORUM}</div></th></tr></table>
<table width="100%" border="0" cellpadding="0" class="forumline">
<tr>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="" border="0"><tr>
<td width="30%" align="center" valign="middle"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/><br>
<div class="lastpost"{catrow.forumrow.LAST_POST}<br>
<div style="border: 1px solid #000"></div><br> {catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div></td>
<td width="70%"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<div class="cadredescription"><div class="forum-description">{catrow.forumrow.FORUM_DESC}</div>
<div style="border: 1px solid #000"></div>
<div class="forum-sousforum"><div id="qeel-perso">
<span class="gensmall" id="subforums">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ● ')).removeAttr('id');
</script></span></div>
<script type="text/javascript">
document.getElementById('qeel-perso').innerHTML=
document.getElementById('qeel-perso').innerHTML.replace(/,/," - ");</script></div></div></td></tr></table></tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /></center> <!-- END tablefoot --><!-- END catrow -->
et mon css des sous forum :
- Code:
/*
----------------------------------
Affichage sous forum
----------------------------------
*/
.forum-sousforum{
margin: 3px
padding: 4px;
width: 400px;
height: 4px;
text-align: center;
text-shadow: #000000 1px 1px 1px;
Palatino Linotype;
color: #467980;
font-size: 8px;
font-family: book antiqua;
font-weight: bold;
font-style: italic;
}
Dernière édition par Neo_ChroMe-LTD le Dim 10 Juil 2011 - 21:11, édité 1 fois