Bonsoir,

Comment fait-on les messages dans des cadres comme dans l'image:



Bonne soirée!

Bonsoir ! Alors en fait, tu fais comme ça :

Code:

.titremessage { font-family: la police que tu veux;
color: #la couleur de la police que tu désires;
display: inline-block;
background-color: la couleur de fond que tu veux;
text-align: center;
font-size: LA TAILLE QUE TU VEUXpx;
border: 1px solid #lacouleurquetuveux; }

En fait, tu créées une class dans ton css (panneau d'administration → affichage → couleurs → feuille de style CSS) et tu modifies les variantes comme tu veux, je n'ai fait que te donner le schéma à suivre ^^ ensuite, tu vas là où tu veux les mettre (dans un sujet ou sur ta PA par exemple) et tu mets ceci :

Code:

<div class="titremessage">ton texte blabla</div>

Normalement, c'est ça ! Si t'as un souci, n'hésite pas

Coucou,

Je te remercie. Cependant, à moins que je me suis trompé ça ne marche pas

Montre moi ce que t'as mis comme variante à la place de ce que je t'ai donné comme modèle ?

Salut, si tu ne t'en sors pas avec le CSS, essaye comme tout simplement un code avec uniquement du html . Le principe étant de faire un cadre. Tu peux tout modifier à ta guise sachant que :
width : largeur
height : hauteur
border: les côtés
background-color : la couleur de fond
text-align : la position du texte

Code:

<div style="width:80px;height:20px;border:1px solid #999999;background-color:#86F98A ;text-align:center">texte</div>

Résultat :

Sauf qu'il vaut mieux éviter de mettre du CSS dans le HTML pour des questions de mise à jour U.U

Safran a écrit:

Salut, si tu ne t'en sors pas avec le CSS, essaye comme tout simplement un code avec uniquement du html . Le principe étant de faire un cadre. Tu peux tout modifier à ta guise sachant que :
width : largeur
height : hauteur
border: les côtés
background-color : la couleur de fond
text-align : la position du texte

Code:

<div style="width:80px;height:20px;border:1px solid #999999;background-color:#86F98A ;text-align:center">texte</div>

Résultat :

texte

Je vous remercie tous, je vais prendre la solution de Safran qui est beaucoup plus simple ^^

Cela étant dit Safran, évite de donner le code tout fait aux gens, ils n'apprennent rien du coup u_u'

Hidem : Ravi d'avoir pu t'aider, n'hésites pas si tu as des problèmes avec le code.
Christa : Je sais bien pour le CSS, mais c'est juste un cadre, il n'y a pas de raisons que le code saute. Et oui je lui ai donné le code mais en détaillant chaque partie. Apparament tu estimes que ce n'est pas assez, je note et serai plus attentif la prochaine fois.

En fait, Safran, ce que tu as indiqué n'est pas faux. Le soucis, c'est qu'il est largement préférable (on va appeler ça un "bon" code) de séparer le CSS du HTML.

Autrement dit, sauf cas de force majeur (et encore...), ne jamais utiliser style="propriétés css" mais préférer mettre une classe class="maClasse" et créer le CSS qui va avec dans la feuille de style .maClasse { propriétés CSS }.

Autrement dit, LastBreath donnait une bonne base. Mais Hidem (qui m'a l'air un peu fainéant, excuse moi mon ami ), s'est jeté sur ta solution parce-qu'il suffit de la copier/coller sans réfléchir. Et de ce fait, il s'évertue à populariser les mauvaises pratiques. C'est la raison pour laquelle, je pense, 'Christa t'a fait cette remarque, il ne faut pas le prendre mal (quelque part, on a l'habitude de voir les padawans céder à la facilité du copier/coller sans réfléchir)


Affaire classée cela dit, non ?

Ça me semble être le cas...

Peut-être Safran pourra-t-il nous confirmer avoir vu ton message, c'est instructif et utile.

Attendons demain

C'est lu !
Merci de l'info, c'est on ne peut plus intéressant.

Super !