traits sous la rubrique

bjr comment avoir des traits sous le nom des rubriques ? c très joli :) merci

Bonjour, je passe simplement pour informer que je déplace ce sujet dans la bonne section: Aides

Je te re-dirige ici, la solution à été donnée.

Ok mais ou je vois pas hihi

Beeen ...

Hello. Je pense que c'est une div toute bête, je t'explique le principe. Dans les titres de tes catégories ou forums (dans le PA) tu les encadre du code.

Code:


<div class="NOM DE LA CLASS"></div>

Et tu rajoute dans ton CSS l'effet que tu désire, il ne te reste plus qu'à appliquer le même procédé à chacun des titres de catégorie ou forum pour lesquels tu souhaites reproduire cet effet. Enfin je pense que c'est ça, après Sparrow a peut être une autre méthode qui sait... :p

Ou si tu veux faire quelque chose pour chaque titre Wink

Quand tu crées ton forum, tu entoures le nom du titre entre :

Code:


<span style="background-image: url(lien);"Nom du Forum</span>

Puisqu'il parle de forum et non de catégories, je suppose qu'il veut faire les "traits" marron, jaune, violet... qui sont sous chaque titre de forum. Si c'est ça, je crois que c'est du css avec ".forumlink".

sur ce code j'ai mis ca dans le titre d'une de mes catégories ou forum titre de rubrique en fait... et ca ma mis un erreur et en plus on ne voit plus le titre de la rubrique j'avais mis à la pLACE DE nom de la classe (acces modos)

pour trouver leffet css je fais comment ? je veux les traits mais je ne connaiss pas le code css a mettre

sur ce code je l'ai mis dans le titre de ma rubrique le titre a disparu... et j'ai un code erreur... a la palce de NOM DE LA CLASS, j'ai mis accés modos.. c pas ca peut etre ?

eet pour l'effet css, je veux ces petits traits, mais quel est le code à insérer ? dans la partie css ?

merci de ton aide

En effet c'est pas ça à mettre comme nom de class x) J'crois que la class à mettre est forumlink

Ensuite dans la feuille de style css met les attribue que tu veux dans .forumlink, et après ça marche. Normalement x)

HMM mais tu sais moi j'y connais rien en css, et .forumlink je ne sais pas ce que cela veut dire...

lorsque tu me dit de mettre forumlink ? est ce que le code précis est le suivant ?

... .forumlink est juste le nom de la class, il faut rajouter multiple chose pour donner une forme ou quoi que ce soit, décris comment tu veux que ce soit, a la limite fait une image etc. Histoire que je vois ce que tu veux, car là j'en ai aucune idée. x)

et bien l'image ce serait un petit trait tout simple comme sur ce forum pas forcément dans la meme couleur, tu vois ?

mais le nom de la classe correspond a quoi ca veut dire quoi ? :)

Par exemple tu as .forumlink dans ta feuille de style.

Pour mettre l'effet que tu as mis dans .forumlink, tu dois mettre

Code:

<div class="forumlink">Nom du forum</div>

( je crois ^^' ).

Par petit trait tout simple, je vois pas de quoi tu parle x'). Prend un screen ou quoi ^^'

dans ma feuille de css j'ai que ça

body
{
background-position:top center;
background-repeat:no-repeat:

}

div.navigation {
position:fixed;
top:20px;
left:5px;
}
td.center2 {
border-top:2px solid #000;
border-bottom:2px solid #000;
border-left:2px solid #000;
border-right:2px solid #000;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
khtml-border-radius 10px 10px 10px 10px;
}
td.left{
text-align:center;
vertical-align: top;
border-top:2px solid #000;
border-bottom:2px solid #000;
border-left:2px solid #000;
border-right:2px solid #000;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
khtml-border-radius 10px 10px 10px 10px;
}
td.right {
text-align:center;
vertical-align: top;
border-top:2px solid #000;
border-bottom:2px solid #000;
border-left:2px solid #000;
border-right:2px solid #000;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
khtml-border-radius 10px 10px 10px 10px;
}

Ouais, c'est normal .. x). Tu as le CSS de base en haut a gauche il me semble, tu l'ouvre & tu cherche forumlink.

Bref, c'est pas très importe. Doooonc, tu peux prendre un screen de ce que tu veux ? :)

COMME LE PETIT TRAIT ENTOURE ou un autre je sais pas encore en fait

J'édit ce soir désolé, pas le temps de faire le code, je dois aller en cours & je veux pas te donner un code faux ou quoi ( ni être en retard x) ).

ok merci :)

Je me suis penché sur le sujet .. Et .. Je me sens super idiot là... Je n'y arrive pas O.o ... J'arrive pas à faire exactement celle de N-U .. A la limite si tu me " dessinais " un truc je pourrais essayer, mais celle d'N-U je vois pas du tout comment elle à été faite, désolé. =/

mais t'es pas obligé de faire la meme et pis vaut mieux pas fait comme tu sens ce sera joli aussi :)

Ce sont des images qui ont été placées via css

J'ai trouvé une autre hypothèse qui serait plus simple xD il suffirait de placer les divs dans le titre des forums donc ça ferait :

Code:

<div class="pikachu"> TITRE</div>

[/code]

et dans le css :

Code:

.pikachu
{
height: XXpx;
background-image: url (LIEN DE L'IMAGE);
background-position: XXXXX ;
background-repeat: no-repeat;
display: block;}

Voici les valeurs pour background-position : left top - left center - left bottom - right top - right center - right bottom - center top - center bottom
et pour height une valeur en pixel selon l'image choisie.