Apparence des catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Apparence des catégories
Bonsoir !
J'ai cherché et trouvé de nombreux sujets sur l'apparence des catégories, le problème est que j'ai déjà modifié pas mal de choses dans mes templates et je ne peux donc pas refaire les mêmes effets que dans ces sujets. Alors j'aurais besoin d'aide pour faire ce que souhaiterais ^^
Actuellement j'ai ça
Et j'aimerais faire quelque chose comme ceci
Voici mon template index_box pour l'affichage des catégories
Comme particularité, il faut aussi que je vous signale que j'ai des catégories en onglet si c'est important, mais s'il faut je peux très bien les enlever, le plus important pour moi c'est leur apparence ^^
En tout cas, merci beaucoup à ceux qui ont déjà lu jusque là et encore plus à ceux qui m'aideront ! Je vous en serez vraiment très reconnaissante parce que ça m'aiderait vraiment beaucoup
Bonne soirée !!
J'ai cherché et trouvé de nombreux sujets sur l'apparence des catégories, le problème est que j'ai déjà modifié pas mal de choses dans mes templates et je ne peux donc pas refaire les mêmes effets que dans ces sujets. Alors j'aurais besoin d'aide pour faire ce que souhaiterais ^^
Actuellement j'ai ça
- Spoiler:
Et j'aimerais faire quelque chose comme ceci
- Spoiler:
Voici mon template index_box pour l'affichage des catégories
- Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<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}
{CURRENT_TIME}
</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}"><font color="#6c5b5b">{L_SEARCH_NEW}</font></a>
<a class="gensmall" href="{U_SEARCH_SELF}"><br><font color="#6c5b5b">{L_SEARCH_SELF}</font></a>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}"><br><font color="#6c5b5b">{L_SEARCH_UNANSWERED}</font></a>
</td>
</tr>
</table>
<table>
<div id="conteneur_onglets">
<center><div OnClick="change_categorie(1)"><font face="Georgia" style="text-transform: uppercase;" size="3">The Begin</font></div><div OnClick="change_categorie(2)"><font face="Georgia" style="text-transform: uppercase;" size="3">Nom de la ville</font></div><div OnClick="change_categorie(3)"><font face="Georgia" style="text-transform: uppercase;" size="3">Gentry's district</font></div><div OnClick="change_categorie(4)"><font face="Georgia" style="text-transform: uppercase;" size="3">Lower's district</font></div><div OnClick="change_categorie(5)"><font face="Georgia" style="text-transform: uppercase;" size="3">Hors Jeu</font></div></center>
</tr>
</table>
<script type="text/javascript">
function change_categorie(numero)
{
if($('.categorie:eq('+(numero-1)+')').size() != 0)
{
$('.categorie').css("display","none");
$('#conteneur_onglets .actif').removeClass("actif");
$('#conteneur_onglets td:eq('+(numero-1)+')').addClass("actif");
$('.categorie:eq('+(numero-1)+')').fadeIn();
}
else
{
alert("Vous n'avez pas accès à cette catégorie")
}
}
$("document").ready(function()
{
if($(".categorie").size() > 1)
{
if($("#conteneur_onglets").is("table"))
{
$("#conteneur_onglets").css("display","table");
}
else
{
$("#conteneur_onglets").css("display","block");
}
}
change_categorie(1);
})
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="row1" width="100%"><table class="catcadre"><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td></tr></table></td>
<td class="row3 over" align="center" valign="middle" height="50">
<td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;" class="dersuj">
<span class="gensmall">{catrow.forumrow.LAST_POST}
{catrow.forumrow.POSTS} Message | {catrow.forumrow.TOPICS} Sujets</span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /></div><!-- END tablefoot --><!-- END catrow -->
Comme particularité, il faut aussi que je vous signale que j'ai des catégories en onglet si c'est important, mais s'il faut je peux très bien les enlever, le plus important pour moi c'est leur apparence ^^
En tout cas, merci beaucoup à ceux qui ont déjà lu jusque là et encore plus à ceux qui m'aideront ! Je vous en serez vraiment très reconnaissante parce que ça m'aiderait vraiment beaucoup
Bonne soirée !!
Dernière édition par piman le Sam 17 Mar 2012 - 6:43, édité 2 fois
Re: Apparence des catégories
Petit up ! ^^
J'espère que je suis clair dans mes explications =/
J'espère que je suis clair dans mes explications =/
Re: Apparence des catégories
Petit up ^^'
Je suis pas nulle en HTML mais je serais bien incapable de faire ça, alors j'aimerais au moins un peu d'aide pour mettre le bouton New au dessus du dernier sujet...
Je suis pas nulle en HTML mais je serais bien incapable de faire ça, alors j'aimerais au moins un peu d'aide pour mettre le bouton New au dessus du dernier sujet...
Re: Apparence des catégories
Petit Up
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum