Fond du texte

2 participants

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

Résolu Fond du texte

Message par Caddaric Mar 18 Oct 2011 - 20:33

Bonsoir,

J'aimerai avoir un code css pour pouvoir faire un fond de couleur sur certain texte.

Un fond comme celui-ci, avec une petite image à gauche et les coins arrondis :
Fond du texte Fond_c11

Quelqu'un connaitrait-il un code css qui irait ?

Merci d'avance pour vos réponses

Cordialement

Caddaric


Dernière édition par Caddaric le Mar 18 Oct 2011 - 23:06, édité 1 fois
avatar

Caddaric
***

Masculin
Messages : 145
Inscrit(e) le : 22/02/2009

http://terres-desolees.forumactif.org/
Caddaric a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond du texte

Message par SoraNoHime Mar 18 Oct 2011 - 21:16

Bonsoir

En fait un simple tableau en bbcode peut suffire Wink

[table bgcolor="#ff0000"][tr][td][img]lien de votre image[/img][/td][td]message[/td][/tr][/table]

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Fond du texte

Message par Caddaric Mar 18 Oct 2011 - 21:22

Merci de votre réponse.

Le bbcode je sais faire. C'est juste que j'ai pas mal de bout de texte avec un background (avec les coins arrondis) et une image gauche comme sur le screenshot.

Pour se retrouver dans les textes où il y a beaucoup de balises bbcode c'est pas facile.

C'est pour ça que je demande si il est possible de ça en css pour pouvoir mettre mon texte au milieu de seulement 2 balises.

Donc est-ce possible de faire cela en css ?

Cordialement

Caddaric
avatar

Caddaric
***

Masculin
Messages : 145
Inscrit(e) le : 22/02/2009

http://terres-desolees.forumactif.org/
Caddaric a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond du texte

Message par SoraNoHime Mar 18 Oct 2011 - 21:26

Si vous voulez absolumment le faire en css,

[table class="tableau"][tr][td][img]lien de votre image[/img][/td][td]message[/td][/tr][/table]

et dans la css : .tableau {
background-color : #ff0000;
}
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Fond du texte

Message par Caddaric Mar 18 Oct 2011 - 21:29

Je voudrais éviter d'avoir 15 balises. Seulement 2.

Donc pas de tableau, que du css.
avatar

Caddaric
***

Masculin
Messages : 145
Inscrit(e) le : 22/02/2009

http://terres-desolees.forumactif.org/
Caddaric a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond du texte

Message par SoraNoHime Mar 18 Oct 2011 - 21:33

le minimum du minimum serait ceci, le html doit etre activé.

Code:
<div class="tableau"><img src="lien de votre image">message</div>

meme css que précédemment.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Fond du texte

Message par Caddaric Mar 18 Oct 2011 - 23:05

J'ai réussi à trouver se que je voulais, je n'est pas besoin de mettre de balise image pour mettre mon image.

Voilà mon css :
Code:

.msgimp
{
background-color:#000000; /* couleur de fond */
color: #ffffff; /* couleur de l'écriture */
background-image:url(http://i54.tinypic.com/qqr254.png); /* image de fond */
background-repeat:no-repeat;
background-position:top-left;
background-position: 10 10px; /* position image de fond */
width:455px; /* longueur du fond */
padding-top:7px; /* marge du texte en haut */
padding-bottom:7px; /* marge du texte en bas */
padding-left:35px; /* marge du texte à gauche */
padding-right:7px; /* marge du texte à droite */
margin:10px; /* marge cadre par rapport au forum */
border-radius:5px; /* angles arrondis */
 }

Voilà se que j'ai comme code dans mon texte :
Code:

<div class="msgimp"> TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST </div>

Et voilà ce que cela donne :
Fond du texte 2d18g11

Donc c'est possible d'avoir seulement 2 balises Smile

Merci quand même.
Je met en résolu.

Au revoir.

Cordialement.
avatar

Caddaric
***

Masculin
Messages : 145
Inscrit(e) le : 22/02/2009

http://terres-desolees.forumactif.org/
Caddaric 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