Petite demande de code pour Signature

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

Résolu Petite demande de code pour Signature

Message par Hell A. Gost le Ven 24 Sep 2010 - 13:45

Bonjour, voilà j'ai une petite demande à faire niveau HTML ou CSS (je ne sais pas :S )
J'aimerai avoir un cadre autour d'une signature comme la signature de Asaki Nakamura: http://naoko.forumactif.org/recrutement-f139/moderateurs-recrutement-de-deux-moderateurs-t661.htm#5450

Merci d'avance =)


Dernière édition par Hell A. Gost le Ven 24 Sep 2010 - 15:06, édité 1 fois

Hell A. Gost
Nouveau membre

Féminin
Messages : 7
Inscrit(e) le : 24/09/2010

http://breaking-moon.keuf.net/
Hell A. Gost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Lixyr le Ven 24 Sep 2010 - 14:03

Décidemment ce forum est connu partout.

C'est un simple cadre.

Je t'invite à aller dans ton panneau d'admin >> affichage >> couleur >> feuille de style css

tu rentres ce code :
Code:
.signature {
  -moz-border-radius: 10px 10px 10px 10px;
  background-color: #000000;
  border : 1px solid #000000;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
width: 250px;
}

tu enregistres.

(pour la largeur de ton cadre, je te conseil de mettre celle de ton image.
tu changes ça : width: 250px;
pour la hauteur du cadre tu rajoutes ça :
Code:
height: 250px;
Tu peux changer la valeur.

Ensuite tu vas dans ton profil >> signature

Et pour avoir un cadre à peu près comme celui de ce forum tu rentres ce code et tu le remplis :

Code:
<div class="signature">

<marquee id="id1">LE CONTENU DE LA BARRE DE DEFILEMENT</marquee><br>
<img src="URL DE L'IMAGE" border="0" alt="" /><br>
<div style="margin:auto;text-align:center;width:100%">[url=URL DU LIEN]premier lien[/url]      [url=URL DU DEUXIEME LIEN]2eme lien[/url]    [url=URL DU TORISIEME LIEN]3eme lien[/url]</div>
</div>

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Hell A. Gost le Ven 24 Sep 2010 - 14:10

Ok, soit j'ai fait une connerie soit je suis débile...
J'ai tout fait mais... Pas d'image :S Ni de Cadre

Hell A. Gost
Nouveau membre

Féminin
Messages : 7
Inscrit(e) le : 24/09/2010

http://breaking-moon.keuf.net/
Hell A. Gost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Lixyr le Ven 24 Sep 2010 - 14:15

Tu as mis quoi exactement ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Hell A. Gost le Ven 24 Sep 2010 - 14:16

Non erreur de ma part mais je ne voit toujours pas mon image, je vois bien le cadre (que j'ai modifié à mes gouts) mais plus d'image.

Code:
<div class="signature">

<marquee id="id1">HELL.A GOST, Human Loves Vampire</marquee><br>
<img src="http://www.mediasonyc.com/Upload/images/016thevamp.gig" border="0" alt="" /><br>
<div style="margin:auto;text-align:center;width:100%">L'amour... C'est comme un diamant, si pur,si beau et étincelant qu'il rend aveugle. Si rare que certains le cherche toute leur vie. Si solide qu'aucune tempête ne peut le ravager. Et comme lui Il est éternel..</div>
</div>

Hell A. Gost
Nouveau membre

Féminin
Messages : 7
Inscrit(e) le : 24/09/2010

http://breaking-moon.keuf.net/
Hell A. Gost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Lixyr le Ven 24 Sep 2010 - 14:25

Ton image est en "gig", regardes si tu n'as pas fait une erreur. ^^

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Hell A. Gost le Ven 24 Sep 2010 - 14:28

Merci, alors après modification de ma GROSSE bétise voila le résultat...:

Spoiler:

Hell A. Gost
Nouveau membre

Féminin
Messages : 7
Inscrit(e) le : 24/09/2010

http://breaking-moon.keuf.net/
Hell A. Gost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Lixyr le Ven 24 Sep 2010 - 14:35

Hum le cadre est trop petit.
Vous avez plusieurs solutions :

-vous augmentez la hauteur du cadre dans le css, mais le problème c'est que le cadre sera de cette hauteur pour toutes les signatures.

- vous mettez le contenu dans un tableau et vous changez manuellement la hauteur du cadre.

Code:

<table class="signature">
  <tr>
      <td width=100%>
<marquee id="id1">HELL.A GOST, Human Loves Vampire</marquee>
      </td>
  </tr>
  <tr>
      <td>
<img src="http://www.mediasonyc.com/Upload/images/016thevamp.gif" border="0" alt="" />
      </td>
  </tr>
  <tr>
      <td style="margin:auto;text-align:center;width:100%">
L'amour...[size=9] C'est comme un diamant, si pur,si beau et étincelant qu'il rend aveugle. Si rare que certains le cherche toute leur vie. Si solide qu'aucune tempête ne peut le ravager. Et comme lui Il est éternel..
      </td>
  </tr>
</table>

Essayez pour voir.



*edit*

Petite erreur dans le code, j'ai oublié de fermer la balise [size] :

Code:
[size=9] C'est comme un diamant, si pur,si beau et étincelant qu'il rend aveugle. Si rare que certains le cherche toute leur vie. Si solide qu'aucune tempête ne peut le ravager. Et comme lui Il est éternel..

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Hell A. Gost le Ven 24 Sep 2010 - 14:37

Là sa fait netement mieux mais il y a une marge trop grande :S

Hell A. Gost
Nouveau membre

Féminin
Messages : 7
Inscrit(e) le : 24/09/2010

http://breaking-moon.keuf.net/
Hell A. Gost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Lixyr le Ven 24 Sep 2010 - 14:39

En haut, et en bas, oui je sais, je suis en train d'essayer de chercher comment enlever ça.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Hell A. Gost le Ven 24 Sep 2010 - 14:41

Merciii =)

Hell A. Gost
Nouveau membre

Féminin
Messages : 7
Inscrit(e) le : 24/09/2010

http://breaking-moon.keuf.net/
Hell A. Gost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Lixyr le Ven 24 Sep 2010 - 14:55

Trouvé.

Le problème dans la signature c'est qu'il prend en compte les "netrée" que j'ai fait dans le code pour exposer ça clairement :

Voilà le bon code :

Code:
<table style="text-align: center; width: 100%;" border="0" cellpadding="0" cellspacing="0" class="signature">
  <tr>
      <td><marquee height="20" style="BACKGROUND-COLOR: #000000;">HELL.A GOST, Human Loves Vampire</marquee>
      </td>
  </tr>
  <tr>
      <td style="width: 300px; text-align: center; vertical-align: middle;"><img src="http://www.mediasonyc.com/Upload/images/016thevamp.gif" border="0" alt="" />
      </td>
  </tr>
  <tr>
      <td style="width: 300px; text-align: center; vertical-align: middle;">L'amour... C'est comme un diamant, si pur,si beau et étincelant qu'il rend aveugle. Si rare que certains le cherche toute leur vie. Si solide qu'aucune tempête ne peut le ravager. Et comme lui Il est éternel..
      </td>
  </tr>
</table>

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Hell A. Gost le Ven 24 Sep 2010 - 15:04

Merciiiiiiii sa marcheuuuh =)

Hell A. Gost
Nouveau membre

Féminin
Messages : 7
Inscrit(e) le : 24/09/2010

http://breaking-moon.keuf.net/
Hell A. Gost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite demande de code pour Signature

Message par Lixyr le Ven 24 Sep 2010 - 15:45

^.^

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr 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