Personnalisé son message.

[O'wee]

♣ Personnalisé son message.

Bonjour, ça fait plusieurs fois que je vois des messages personnalisés sur
des forums, bien souvent des RPG', & je ne trouve pas de sites pour bien
m'expliquer comment faire.

Voici un exemple :



Il y a seulement l'icon qui est un image, le reste, c'est des codes.
Comment fait-on, vous avez des codes pour moi, & pouvez-vous m'expliquez
les paramètres à changer pour en arriver à ce qu'on veut?
Au pire, vous avez un site ou je pourrais apprendre?

Merci beaucoup,
O'wee.

[JeVeuxSavoir]

J'ai pas très bien compris votre demande, lien du site de ce que vous voulez faire et des explications en plus ?

[Keyzuki]

Je pense que c'est comme un topic présent sur CSS-Actif qui explique comment faire cela :

Code CSS :

Code:

div.background
{
width:500px;
height:250px;
border:2px solid black;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
}

Et pour l'insérer dans un post :

Code:

<div class="background">
<div class="transbox">
<p>VOTRE TEXTE
</p>
</div>

Et comme l'a dis la créatrice du tutoriel :

Vous pouvez également mettre une image.

Donc je pense que pour mettre une image il faut rajouter cette ligne de code :

Code:

background-image : url("URL_DE_L'IMAGE");

(Dites le moi si mon code n'est pas bon ça fait assez longtemps que je ne pas fais de CSS ^^)

Et ce code il faut le rajouter dans la catégorie que tu souhaite ^^ Soit celle ci : "div.transbox"
Ce qui donnerait comme code celui-ci :

Code:

div.background
{
width:500px;
height:250px;
border:2px solid black;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
background-image : url("URL_DE_L'IMAGE");
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
}

Voilà en espérant que je t'ai aidé et que mon code est juste x)

Lien du post original du tutoriel : http://www.css-actif.com/texte-f5/votre-texte-dans-une-boite-transparente-t454.htm

[O'wee]

Hey, merci beaucoup, mais c'est pas tout à fait ce que je
cherche. Le forum sur lequel je veux inséré ce truc n'est pas
le mien, & je ne pas administratrice dessus. Je suis un simple
membre qui veut personnalisé ces messages. :S

[Keyzuki]

Désolé j'avais réussi cela que pour un truc spécial pour ça je suis pas un expert ^^ Sinon demande au staff de ton forum si ils peuvent te faire une fleur en mettant le css dans le css général du forum ^^ Sur ce bonne soirée

[Invité]

Bonjour,

Si le Html est activé sur le forum en question, vous pouvez utiliser ce code:

Code:

<table style="border:3px solid #FF0000; padding: 5px;background:#ffffff;">
<tr>
<td ><img src="http://i31.servimg.com/u/f31/11/11/92/64/exerci10.png" /></td><td style="background:#D6D6D6; padding: 2px;">Texte</td>
</tr>
</table>

Bien sûr vous pouvez le personnaliser dans le choix des couleurs Et remplacez l'adresse de l'image par celle de votre choix.

Cordialement.

[O'wee]

Merci Beaucoup! résolu. =D