Petite demande de code pour Signature

[Hell A. Gost]

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 =)

[Lixyr]

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>

[Hell A. Gost]

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

[Lixyr]

Tu as mis quoi exactement ?

[Hell A. Gost]

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>

[Lixyr]

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

[Hell A. Gost]

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

Spoiler:

[Lixyr]

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

[Hell A. Gost]

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

[Lixyr]

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

[Hell A. Gost]

Merciii =)

[Lixyr]

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>

[Hell A. Gost]

Merciiiiiiii sa marcheuuuh =)

[Lixyr]

^.^