Titre de Forums soulignés.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Titre de Forums soulignés.

Message par Atama Ga Okashii le Sam 19 Fév 2011 - 0:00

Bonsoir.

Alors voilà j'ai un petit soucis. Voici le titre de mes forums:


J'aimerais que la barre les soulignant soit sur tout la largeur de la bande.
Voici la partie CSS que j'ai:


Spoiler:
/* TITRE CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #292D33;
color: #54575c;
letter-spacing: 2px;
display: block;
-moz-border-radius:20px;
}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #292D33;
text-align: center;
display: block;

Merci d'avance (:


Dernière édition par Atama Ga Okashii le Lun 7 Mar 2011 - 0:20, édité 1 fois

Atama Ga Okashii
Nouveau membre

Messages : 28
Inscrit(e) le : 22/02/2010

http://upon-the-shores.forums-actifs.com
Atama Ga Okashii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de Forums soulignés.

Message par Invité le Sam 19 Fév 2011 - 8:20

Bonjour,

Votre code CSS fonctionne très bien Smile . C'est la modification de template qui fait que la ligne est réduite à la taille du titre.
Le titre du forum est les statistiques ( messages/sujets) sont dans un tableau. Pour que la ligne fasse toute la largeur de la colonne, il faut ajouter une class à ce tableau.
J'ai essayé de modifier un peu tout ça en me basant sur le tuto de suppression des colonnes. Dans le template index-box, j'ai remplacé:
Code:
    <table width="100%"><tbody><tr><td><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}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
par:
Code:
<table class="ligne" width="100%"><tbody><tr><td width="65%"><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}></td><td style="padding-left: 40px; text-align: right;"class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
Et j'ai mis ceci comme CSS:
Code:
a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
color: #54575c;
letter-spacing: 2px;
display: block;}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #292D33;
text-align: center;
display: block;}

.ligne{
border-bottom: 5px solid #292D33;
display: block;
-moz-border-radius:20px;}
J'obtiens ceci:

Je ne suis pas une experte, je bidouille avec mes quelques connaissances, donc n'hésitez pas à retoucher tout ça pour obtenir exactement ce que vous désirez.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de Forums soulignés.

Message par Anzu le Dim 27 Fév 2011 - 21:53

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de Forums soulignés.

Message par Atama Ga Okashii le Lun 7 Mar 2011 - 0:19

Merci beaucoup.
Et désolé du temps, j'avais pas vue qu'on m'avait répondu ><
Tout marche à merveille.

Problème résolu !

Atama Ga Okashii
Nouveau membre

Messages : 28
Inscrit(e) le : 22/02/2010

http://upon-the-shores.forums-actifs.com
Atama Ga Okashii a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum