Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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
avatar

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

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
avatar

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