Sujets similaires

Bonjour à tous,

Voilà, j'ai suivi ce tuto : http://www.css-actif.com/t386-de-beaux-titres-de-forums-sur-la-page-daccueil-seulement
avec l'intention de mettre une image en titre de forum mais seulement sur la première page et pas dans la navigation.

Mais voilà... si je suis le tuto à la lettre, mon image apparaît avec le titre à côté alors que je ne veux que l'image.

Si je prends que la 2e partie du code CSS, c'est à dire celle-ci :

Code:: td.nav a > img , .catBottom .nav a > img { display : none }

bah... du coup mon titre de catégorie n’apparaît pas dans la navigation (plus nulle part en fait) et l'image est partout.

Bref... je voulais savoir si c'était possible d'avoir l'image dans l'accueil et le titre (personnalisé dans le CSS) dans la navigation ?

Voici mon CSS concernant les catégories :

Code:: .titresforum{
text-align: left;
color:#D1BA88;
font-family: 'Great Vibes', cursive;
font-size:25px;
td.nav a > img , .catBottom .nav a > img { display : none }
}

.sousforums{
display:inline-block;
text-align: left;
color:#D1BA88;
font-family: Risque;
font-size:13px;
}

et mon Index Box :

Code:: 
<table>

<div class="gensmall" align="center" valign="bottom">
<a class="derniermessage_titre" href="{U_SEARCH_NEW}" id="newpost">{L_SEARCH_NEW}</a>
<script type="text/javascript">
document.getElementById('newpost').innerHTML=document.getElementById('newpost').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Que s'est-il passé depuis ma dernière visite ?");
</script>
</div>

</table>



<table width="100%" border="0" cellspacing="5" cellpadding="0" align="center">



<div class="TitreCategorie" style="clear:both">{catrow.tablehead.L_FORUM}</div>










<div class="boxforum">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" 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}">

<span class="titresforum">{catrow.forumrow.FORUM_NAME}</span>

</a><br />
</span>

</h{catrow.forumrow.LEVEL}>

<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}
{catrow.forumrow.switch_moderators_links.MODERATORS}

<span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>

</span>

</td>

<td class="row3 over" align="center" valign="middle" height="50">
<div class="gensmall sujets_messages">{catrow.forumrow.TOPICS} Sujets</div>
<div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
</td>

</tr>

</table>
</div>



<div>
<table>

<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>

</table>
</div>


</table><img src="{SPACER}" style="clear:both"alt="" height="5" width="1" />

Un grand merci par avance à celui prendra le temps de m'aider.

Bonne soirée.

Lux'

Alors, petite question, qu'a tu mis comme texte pour le titre de ton forum ? Peut tu copier/ Coller le code ?

Salut,

Merci de t'occuper (encore) de moi <33

Bon, j'ai réfléchi et voici ce que j'aimerais faire avec ton aide.

1. Sur l'accueil, avoir les forums en deux colonnes et en bloc comme le les ai fait avec une image.

2. Lorsque l'on clique sur un forum pour accéder aux sous-forums, j'aimerais qu'ils soient standard avec juste le titre des sous-forum personnalisé.

Voici des cap-screen de ce que j'ai maintenant...

Accueil :

Spoiler:

C'est parfait, sauf que j'aimerais que les hauteurs des blocs soient identiques...

Forums :

Spoiler:

1. J'aimerais que les sous-forums soient normaux et pas en bloc sur deux colonnes (si c'est possible)
2. Que le titre de mon forum ne soient pas une image mais en texte avec la police choisie
3. Les liens de navigation devraient être standards sans personnalisation.

Faudrait que je reprenne tout en fait mais je suis pas sûre de savoir où commencer...

Merci par avance pour ton aide.

Lux'

ps : j'ai mis ça dans le titre de mon forum

Code:: <img src="http://i83.servimg.com/u/f83/18/06/61/61/image610.png" />

En fait, j'ai essayé de bidouiller un truc pour que le titre n'apparaisse pas avec l'image... raté scratch

L'adresse de mon forum test :
http://forumtestdelux.forumgratuit.ch/

Je viens de marquer quelque chose dans ton template que je n'avais pas vu avant (ligne 54). C'est la partie qui définie justement les titres.

Code:: <h{catrow.forumrow.LEVEL} class="hierarchy">

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">

<span class="titresforum">{catrow.forumrow.FORUM_NAME}</span>

</a><br />
</span>

</h{catrow.forumrow.LEVEL}>

Tu peux simplifier cela :

Code:: <h{catrow.forumrow.LEVEL} class="hierarchy">
<a class="forumlink titresforum" href="{catrow.forumrow.U_VIEWFORUM}">
{catrow.forumrow.FORUM_NAME}
</a>
</h{catrow.forumrow.LEVEL}>

C'est plus court et plus simple.

_________________________

Dans ton panneau d'administration, la place de mettre une image comme titre de forum, tu vas faire ceci :

Code:: <span class="accueil">Accueil</span>

Donc, entre les span le nom de ta catégorie comme tu veux, et comme class pour la span, tu mets un nom dont tu te souviendras ^^

Ensuite tu vas aller dans ton CSS et mettre :

Code:: a.titresforum span {
text-indent: -9999px; /* fait disparaitre le texte du titre sur l'index */
height: 95px; /* hauteur des images */
}

Ce CSS correspond donc à TOUS les titres de forum sur l'index.

Ensuite, pour personnaliser l'image, il faudra rajouter au css :

Code:: a.titresforum span.accueil {
background: url("http://i83.servimg.com/u/f83/18/06/61/61/image610.png"); /* image pour le titre ACCUEIL */
}

Par contre pour les sous forums, je ne pense que cela sera possible, en effet normalement ils sont définis par le même code que ceux de l'index :/

Un grand merci pour ton aide !

J'ai tardé à répondre, désolée, mais j'ai été super débordée ces derniers temps.

Bref, suite à plusieurs essais, je me rends comptes que l'apparence finale ne me convient pas.

Désolée et encore merci beaucoup, j'apprécie.

Lux'

Titres de forum en image dans l'accueil et en lettre dans la navigation

Titres de forum en image dans l'accueil et en lettre dans la navigation

Sujets similaires

Sujets similaires

Partenaires Or