Titre avec une ligne en dessous

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

Résolu Titre avec une ligne en dessous

Message par Annabella Sullivan le Mer 23 Mar 2011 - 18:56

Bonjour je suis entrain de faire un gros changement sur mon forum et je voudrais aussi changer l'apparence de mes règlements, l'autre jour je me promenais sur différents forum et j'ai vue quelque chose que j'aime beaucoup. Je ne souhaite pas le copier, mais je voudrais juste savoir comment faire ce que j'ai vue. Bref, il y avait une ligne et au dessus de la ligne il y avait du texte et en faite moi je voudrais savoir comment faire une ligne et mettre du texte aussi.

Voici ce que je souhaiterais avoir:


Veuillez prendre note que je ne veux que savoir comment faire.
Merci !

Annabella Sullivan
*

Féminin
Messages : 36
Inscrit(e) le : 22/02/2010

http://effet-pappillon.bbfr.net
Annabella Sullivan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre avec une ligne en dessous

Message par Lixyr le Mer 23 Mar 2011 - 21:25

Bonsoir.

C'est un titre de catégorie et de forum ? Est-ce là que vous voulez votre trait, ou sous un texte quelconque ?

Car ensuite cela dépend mais le code reste le même :

Code:
style="border-bottom:1px dashed black;"

  • border-bottom : la bordure du bas, donc le trait que vous voyez

  • 1 : l'épaisseur du trait en pixel

  • dashed : l'apparence du trait

  • black : la couleur


Il faut juste savoir où vous le voulez, que l'on puisse savoir où ou comment on peut introduire le code exactement. ^^

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre avec une ligne en dessous

Message par Annabella Sullivan le Mer 23 Mar 2011 - 21:41

et bien je souhaite avoir quelque chose dans ce genre la :



c'est pour faire des titre dans les sujet important que je poste sur mon forum et pour refaire mes règlements.

Annabella Sullivan
*

Féminin
Messages : 36
Inscrit(e) le : 22/02/2010

http://effet-pappillon.bbfr.net
Annabella Sullivan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre avec une ligne en dessous

Message par Lixyr le Mer 23 Mar 2011 - 21:55

D'accord, donc c'est techniquement du texte que vous tapez vous même dans vos messages.
Si c'est le cas essayez comme ça :

Code:
<span style="border-bottom:1px dashed black;">VOTRE TITRE </span>

=> vous mettez ce code directement dans votre texte, si vous acceptez le HTML.


si ce sont pour des titre de forum, vous allez dans

Panneau d'Administration >> Affichage >> couleur >> feuille de style css

vous rentrez ce code :

Code:
.forumlink {border-bottom: 1px dashed black;}

et si c'est pour les titres des catégories, dans le même endroit, vous rentrez ce code :

Code:
.secondarytitle {border-bottom: 1px dashed black;}


Dites-moi si ça vous va





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre avec une ligne en dessous

Message par Annabella Sullivan le Mer 23 Mar 2011 - 22:13

Voici mon code, mais je souhaite le texte en haut:

Code:
<div class="credits_regles"><DIV class="perso_fiches_regles">.Kalye Dane Groove.</div></div>

Code:
.perso_fiches_regles {
BACKGROUND-COLOR: #02AABE;
height: 10px;
TEXT-ALIGN: center;
-moz-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
font:arial;
font-size:22px;
color:#333333;
font-variant:small-caps;
}

.credits_regles {
background-color:#;
text-align:justify;
width:500px;
padding:50px;
border-radius:80px 80px 80px 80px;
border:# 5px solid;
color:#333333;
}

Annabella Sullivan
*

Féminin
Messages : 36
Inscrit(e) le : 22/02/2010

http://effet-pappillon.bbfr.net
Annabella Sullivan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre avec une ligne en dessous

Message par Lixyr le Mer 23 Mar 2011 - 22:23

En faisant comme ça, ça vous va ?

.perso_fiches_regles {
border-bottom: 10px solid #02AABE;
TEXT-ALIGN: center;
-moz-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
font:arial;
font-size:22px;
color:#333333;
font-variant:small-caps;
}

Parce qu'en le mettant en couleur de fond, c'est certain que ça ne se mettra jamais en dessous puisqu'une couleur de fond passe par dessus pour surligner.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre avec une ligne en dessous

Message par Anzu le Jeu 31 Mar 2011 - 23:32

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.

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