titre des forum - couleur de fond et ligne de couleur

2 participants

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

Résolu titre des forum - couleur de fond et ligne de couleur

Message par ¤ Ru' ¤ Lun 12 Avr 2010, 05:54

Bonsoiiiiiiiiiiiiiiiiiir

Encore un soucis (faut dire que c'est la première fois que je me décide a toucher au CSS de base et aux templates)
Donc, cette fois mon ignorance concerne les titres des forums

j'aimerai arriver a faire cela:
Spoiler:

mais je sèche, le seul truc que j'ai trouvé pour le moment (2) c'est de rajouter ceci dans le titre en question

Code:
<div style="background:#a91616"><span style="font-size: 2px; line-height: normal"><font color="#b4b4b4">.</font></span></div>

mais vu que le nombre de caractère n'est pas illimité, j'ai peur pour les prochains (bcp plus long) >>
et pour le premier, c'est le trou noir total ._.

comment faire ?


Dernière édition par ¤ Ru' ¤ le Lun 12 Avr 2010, 17:27, édité 2 fois
avatar

¤ Ru' ¤
*

Messages : 36
Inscrit(e) le : 26/03/2008

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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par Invité Lun 12 Avr 2010, 08:34

Bonjour,

Tout d'abord, il faut aller dans le CSS personnalisé (et non celui de base) qui se trouve dans le PA >> Affichage >> Couleurs > onglet Feuille de style CSS
Là on va donner un identifiant pour l'attribut "class", ce qui revient à y mettre les propriétés CSS que tu as mises dans les div et span afin de limiter les caractères dans les titres.
Pour le fond des titres des catégories :
.bgcat {background: ##a91616;
padding: Ypx 0px Ypx 0px;
text-align: center;
}
Bien sûr tu peux y mettre le style pour le texte aussi.
Le "padding" ainsi écrit est l'espace donné au fond de se remplir, et ainsi écrit il va dans le sens des aiguilles d'une montre en commençant par :
haut>(top) right>(droite) bottom>(bas) left>(gauche)
Donc on lui a donné de l'espace qu'en haut et en bas en remplaçant les Y par la valeur en pixel que tu souhaites.
On reprend en HTML dans le titre de la catégorie PA >> Général >> Catégories et forums > edit
<div class="bgcat">TITRE CATÉGORIE</div>

Pour la ligne sous le titre du forum, c'est pareil sauf que là tu ira sur le titre des forums (sections) edit
En HTMLon lui donne son class, par exemple :
<div class="foline">TITRE FORUM</div>
Dans le CSS :
.foline {background: transparent;
border-bottom: 3px solid #a91616;
padding-bottom: Ypx;
}
Comme plus haut, tu peux lui donner les propriétés du texte en plus.
Le "padding-bottom" est l'espace que doit avoir le titre en bas avec la ligne, donc remplacer le Y par une valeur en pixel.
Anonymous

Invité
Invité


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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par Irina Lun 12 Avr 2010, 09:25

Bonjour,

Non, Final Blond Tssss Pourquoi utiliser de nouvelles class alors que ces titres ont sans doutes déjà des class !? Very Happy

Merci de nous donner le lien de votre forum, avec les noms des titres concernés pour qu'on puisse repérer des quels il s'agit.


Cordialement,
Irina

Irina
Membre actif

Féminin
Messages : 6848
Inscrit(e) le : 16/07/2009

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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par Invité Lun 12 Avr 2010, 09:55

Oui c'est vrai, il y a "forumlink" qui n'est qu'un span par défaut, donc le trait n'ira pas sur la lageur mais juste sous le titre.
D'autre part, on peut utiliser cet intitulé "forumlink" comme dit plus haut avec le même résultat, si l'on met une une div autour du titre et reprendre dans le CSS :
.foumlink div {background: transparent;
border-bottom: 3px solid #a91616;
padding-bottom: Ypx;
}
Mais bon, tant qu'à faire autant utiliser un autre identifiant que celui-ci qui peut se retrouver ailleurs sur le forum.

EDIT : Mmnn... J'attends la suite à la réflexion. Mr. Green
Anonymous

Invité
Invité


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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par Irina Lun 12 Avr 2010, 12:52

Hmm j'avoue que je ne comprends pas toujours quand vous vous exprimez, là c'est assez confus.

Mais enfin, ça ne pose pas de problème, là il faut passer pour la class forumlink, ça ne pose pas de problème de mettre le fond sur toute la longueur, ça se règle en css.

Il faut utiliser le lien a.forumlink et appliquer le css dessus, pour plusieurs raisons :
- Simplicité, propreté
-mettre un div dans un span n'est pas propre.
ça évite d'ajouter des class css, et du html qui est inutile et qui complique les choses.
Plus la feuille css est simple, mieux c'est.

De plus, comme le nom l'indique .forumlink" n'est absolument pas utilisée ailleurs Smile


J'attends donc votre réponse Ru' afin de connaitre la version de votre forum Very Happy

Cordialement,
Irina

Irina
Membre actif

Féminin
Messages : 6848
Inscrit(e) le : 16/07/2009

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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par ¤ Ru' ¤ Lun 12 Avr 2010, 15:37

version du forum: PHPB2
Lien: http://youhouessai.forumactif.com/forum.htm (version d'essai)

titres:
Avant tout !
V.I.P
Sumire
Modo's center
Corbeille

Pubs
Annonces
Flood
Event !
avatar

¤ Ru' ¤
*

Messages : 36
Inscrit(e) le : 26/03/2008

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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par Irina Lun 12 Avr 2010, 15:42

Ce que vous voulez, c'est juste qu'il y ai un trait rouge : comme sous "Sumire"
sous tous les titres?

Cdt,
Irina

Irina
Membre actif

Féminin
Messages : 6848
Inscrit(e) le : 16/07/2009

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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par ¤ Ru' ¤ Lun 12 Avr 2010, 15:57

j'aimerai qu'il y ait le trait en question sur tout les forums (Avant tout !, VIP, Sumire, Corbeille,...)
et pareille pour 'le fond couleur' (rouge+gris clair) derriere => comme sur l'image 1)
avatar

¤ Ru' ¤
*

Messages : 36
Inscrit(e) le : 26/03/2008

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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par Irina Lun 12 Avr 2010, 16:22

Je ne suis pas sure de saisir, mais voilà des modifications qui mettrons un trait rouge sous tous ces titres + une petite marge de 10px en rouge sur le coté gauche :

A ajouter dans votre feuille de style personnelle :

Code:
a.forumlink {
border-bottom:2px solid #A91616;
border-left:10px solid #A91616;
display:block;
padding-left:7px;
}

Cordialement,
Irina

Irina
Membre actif

Féminin
Messages : 6848
Inscrit(e) le : 16/07/2009

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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par Invité Lun 12 Avr 2010, 16:53

Ah ben oui voilou. thumright
Anonymous

Invité
Invité


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

Résolu Re: titre des forum - couleur de fond et ligne de couleur

Message par ¤ Ru' ¤ Lun 12 Avr 2010, 17:03

ca y est c'est bon Very Happy

merci beaucoup !!!!
avatar

¤ Ru' ¤
*

Messages : 36
Inscrit(e) le : 26/03/2008

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

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

- Sujets similaires

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