Personnalisé son message.

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

Résolu Personnalisé son message.

Message par O'wee le Sam 9 Oct 2010 - 22:22

♣ 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.


Dernière édition par O'wee le Lun 18 Oct 2010 - 5:42, édité 1 fois

O'wee
Nouveau membre

Messages : 11
Inscrit(e) le : 09/10/2010

http://www.oohlala-paris.com
O'wee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé son message.

Message par JeVeuxSavoir le Sam 9 Oct 2010 - 22:25

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

JeVeuxSavoir
****

Masculin
Messages : 305
Inscrit(e) le : 30/09/2010

http://bistrotmafiosos.forumactif.com/
JeVeuxSavoir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé son message.

Message par Keyzuki le Sam 9 Oct 2010 - 22:41

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

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 :
@Shiva a écrit: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

Keyzuki
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/07/2010

http://laftak.nstars.org
Keyzuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé son message.

Message par O'wee le Sam 9 Oct 2010 - 22:59

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

O'wee
Nouveau membre

Messages : 11
Inscrit(e) le : 09/10/2010

http://www.oohlala-paris.com
O'wee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé son message.

Message par Keyzuki le Dim 10 Oct 2010 - 0:09

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 Smile

Keyzuki
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/07/2010

http://laftak.nstars.org
Keyzuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé son message.

Message par Invité le Dim 10 Oct 2010 - 9:28

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 Wink Et remplacez l'adresse de l'image par celle de votre choix.

Cordialement.

Invité
Invité


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

Résolu Re: Personnalisé son message.

Message par O'wee le Lun 18 Oct 2010 - 5:42

Merci Beaucoup! résolu. =D

O'wee
Nouveau membre

Messages : 11
Inscrit(e) le : 09/10/2010

http://www.oohlala-paris.com
O'wee 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