Mettre une barre en dessous des catégories

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

Résolu Mettre une barre en dessous des catégories

Message par ricorde le Mar 23 Mar 2010 - 15:29

Bonjour / Bonsoir

Voilà, je voudrais savoir comment bien décorer le titre des catégories. J'ai cherché partout mais je ne trouve pas. Je voudrais faire quelque chose dans ce genre :
Spoiler:


Ou


Merci d'avance Very Happy

ricorde
Nouveau membre

Messages : 3
Inscrit(e) le : 09/04/2009

http://thomas-online.nouvellestar.org
ricorde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par Elean le Mar 23 Mar 2010 - 16:28

Bonjour

voilà le code que j'avais donné dans un autre message il y a de cela quelques jours :
ensuite à toi de personnaliser :
Spoiler:
Re: Centrer les Forums

Message par Elean le Lun 15 Mar - 18:10
Bonjour

ok donc j'ai tout compris maintenant ^^

Je vous donne mon code qui fonctionne sur mon forum :

Code:
a.forumlink{
background-color: #870004;
display: block;
text-align: center;
color: #CFE2E8;
-border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;}


Dans le background vous mettez votre couleur bien-sûr
ensuite le color (tout seul) indique la couleur de texte de votre titre donc là aussi mettez la couleur que vous voulez.
Je vous ai rajouté avec les border-radius : l'arrondi aux 4 angles mais vous pouvez les effacer si vous ne voulez pas d'arrondi.

Si vous voulez faire une bordure autour du cadre, ajouter :

Code:
border: 1px solid #votre couleur;



le px est l'épaisseur de la bordure, solid est un trait continu et ensuite la couleur
si vous ajoutez ce code à la fin du grand code que j'ai inscrit au début de ce message, mettez le bien avant la fermeture de la balise : }

trait continu : solid
trait pointillé : dotted
trait petits traits : dashed

voilà en espérant vous avoir quelque peu aidé
Cordialement
bon j'ai effacé 2 lignes du message d'origine qui n'avaient rien à voir avec ta demande, mais ces codes fonctionnent bien.
essaie les et tu verras comment personnaliser à ton goût (tes couleurs, épaisseurs, etc....)

cordialement

ps. si tu veux copier coller va sur cette page pour les récupérer : http://forum.forumactif.com/gerer-l-apparence-de-son-forum-f7/centrer-les-forums-t268631.htm

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par ricorde le Mar 23 Mar 2010 - 18:07

Merci beaucoup =)
Je n'avais pas trouver le sujet :s

EDIT : ça ne marche pas

ricorde
Nouveau membre

Messages : 3
Inscrit(e) le : 09/04/2009

http://thomas-online.nouvellestar.org
ricorde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par Elean le Mer 24 Mar 2010 - 2:27

Bonsoir

Qu'est-ce qui ne marche pas ? pourrais-tu être plus précis, afin que l'on puisse t'aider ^^ et puis peux-tu dire si tu es en phpbb2 ou phpbb3 ou autre version stp ?

cordialement

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par ricorde le Mer 24 Mar 2010 - 17:32

Alors quand je dis que ça ne marche pas c'est que ça ne marche pas xD' J'ai rien au niveau du nom des forums. Ils sont restés normaux.

Spoiler:

Et c'est un PhpBB3

ricorde
Nouveau membre

Messages : 3
Inscrit(e) le : 09/04/2009

http://thomas-online.nouvellestar.org
ricorde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par Elean le Jeu 25 Mar 2010 - 5:39

Bonjour

Et bien si cela ne fonctionne pas c'est peut-être justement parce que tu es en phpbb3 ^^

Je ne connais pas les codes pour phpbb3 - désolé -
En mettant à jour ton profil avec la version de ton forum, ce serait bien car les personnes qui peuvent t'aider sauraient de suite quels codes il faut pour ta demande.
Bonne chance dans tes recherches
Cordialement

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par kisscooltopfrais le Jeu 25 Mar 2010 - 11:52

bonjour , merci pour ce code , malgre tout j ai une question , y a t il moyen de mettre une couleur composée dans cette barre ??

merci

kisscooltopfrais
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 18/03/2010

http://cumshots-paintball.forumperso.com
kisscooltopfrais a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par Elean le Jeu 25 Mar 2010 - 14:34

Bonjour Kiss
Qu'appelles tu une couleur composée ? est-ce une couleur qui change au passage de la souris ou autre chose ?
Si c'est cela dis-le moi que je te donne les codes, sinon une tite explication ^^

cordialement

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par kisscooltopfrais le Jeu 25 Mar 2010 - 18:38

bonjour elean , non ce n est pas au passage de la souris(neanmoins je veux bien le code quand meme^^xD) il s agit dune image (je m etais mal exprimé) , en fait j aimerais mettre ceci comme couleur : http://img5.hostingpics.net/pics/98154BANNIERE_COULEUR.png

est ce possible?(y a t il une taille a respecter ?)

cordialement

kisscooltopfrais
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 18/03/2010

http://cumshots-paintball.forumperso.com
kisscooltopfrais a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par Elean le Ven 26 Mar 2010 - 3:43

Bonjour Kiss

Tu peux essayer avec ce code :
Code:
a.forumlink{
background-image: url(http://img5.hostingpics.net/pics/98154BANNIERE_COULEUR.png);
text-align: center;
color: #code couleur;              /*couleur du texte du forum*/
display: block;}
si tu veux faire une bordure autour de ton image rajoute ce code :
Code:
border: 1px solid #code couleur;
bien sûr tu peux modifier la taille de la bordure grâce au px ainsi que sa couleur ou ne pas mettre de bordure du tout.

pour changer au passage de la souris, tu mets ce code en plus du 1° :
Code:
a.forumlink:hover {
background-color: #code couleur;  /*soit une couleur soit une autre image*/
color: #code couleur;  /*modifie la couleur du texte au passage de la souris*/
display:block;}
Tu peux donc aussi faire une bordure d'une autre couleur en mettant le code de la bordure dans ce bloc en changeant la couleur bien-sûr.
voilà essaie tout cela et tient nous au courant
Cordialement


Dernière édition par Elean le Ven 26 Mar 2010 - 3:47, édité 1 fois

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par Elean le Ven 26 Mar 2010 - 3:44

erreur sais pas pourquoi en validant cela a fait un nouveau message

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par kisscooltopfrais le Ven 26 Mar 2010 - 12:00

merci j essais ca et tiens au courant

kisscooltopfrais
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 18/03/2010

http://cumshots-paintball.forumperso.com
kisscooltopfrais a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par kisscooltopfrais le Ven 26 Mar 2010 - 13:02

super genial ca marche nickel chez moi ^^ merci beaucoup . tu es trop fort !!



batman

cordialement

kisscooltopfrais
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 18/03/2010

http://cumshots-paintball.forumperso.com
kisscooltopfrais a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une barre en dessous des catégories

Message par Elean le Sam 27 Mar 2010 - 10:30

hihi merci à toi tu es gentil Smile

au plaisir
cordialement

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean 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