Fond du texte

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

Résolu Fond du texte

Message par Caddaric le 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 :


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

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond du texte

Message par Caddaric le 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

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond du texte

Message par Caddaric le Mar 18 Oct 2011 - 21:29

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

Donc pas de tableau, que du css.

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond du texte

Message par Caddaric le 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 :


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

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

Au revoir.

Cordialement.

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum