AccueilGroupesMembresRechercherFAQS'enregistrerConnexion

Partagez | 
Upload image
 

 Une signature originale

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

Shahenn Farzam



Je suis un voyageur sur
Mythologia... j'en ai de la chance!


Shahenn Farzam


Carnet de voyage
PV PV:
Une signature originale 9088814b3c9c567b30bbarresante_0112/12Une signature originale 6633524b3c9de95c261barrevide_02  (12/12)
PM PM:
Une signature originale 7864594b3c9ddd5a924magie_0145/45Une signature originale 6633524b3c9de95c261barrevide_02  (45/45)
Expérience:
Une signature originale 7864594b3c9ddd5a924magie_012/50Une signature originale 6633524b3c9de95c261barrevide_02  (2/50)


Une signature originale Vide

Upload image
MessageSujet: Une signature originale   Une signature originale I_icon_minitimeJeu 1 Juil - 0:37
Vous l'avez peut-être remarqué, la signature de certains membres est bizarre et infaisable avec du BB code ... Et bien si ça vous intéresse, je peux vous expliquer comment faire :D
Je vais distinguer deux cas: les administrateurs de forum et les autres.


Commençons par les autres!


C'est tout simple! Bon, ça devrait être simple...
Tout d'abord, vous devez ouvrir un nouveau fichier avec le bloc note. Pourquoi lui? Parce que c'est le seul qui ne prend pas en compte les code HTML et CSS sur la page, vous pourrez donc y mettre les codes que vous voulez, ils resteront là !
Soit, vous vous y connaissez un peu en codage soit, vous copiez/collez ceci et vous le modifiez à votre guise!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--

.header-sign /*Barre en haut de la signature */
{  background-color: #294752;
  -moz-border-radius:5px 5px 0px 0px; /
  padding-left: 10px;
  padding-right: 10px;
}

 .footer-sign  /* Barre au bas de la signature */
{  background-color: #294752;
  -moz-border-radius:0px 0px 5px 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.header-link  /* Liens du haut*/
{  color:    #64d1d1;
  font-variant: small-caps;
  text-decoration: none ;
  font-size: 12px;
}

.header-link:hover  /* Liens du haut survolés */
{  color:    #DAF9FA;
  text-transform: uppercase;
}

.header-link:before  /* Ajout du symbole avant le lien */
{  content: " ♥️ ";   
  margin-left: 3px;
  margin-right: 3px;
}

.header-link:hover:before  /* Modification du symbole avant le lien survolé */
{  content: " ♦️ ";   
  margin-left: 3px;
  margin-right: 3px;
}

.header-link:after  /*  Ajout du symbole après le lien */
{  content: " ♥️ ";   
  margin-left: 3px;
  margin-right: 3px;
}

.header-link:hover:after  /* Modification du symbole après le lien survolé */
{  content: " ♦️ ";   
  margin-left: 3px;
  margin-right: 3px;
}

.footer-link  /* Liens du bas*/
{  color:  #64d1d1;
  font-variant: small-caps;
  text-decoration: none;
  font-size: 12px;
}

.footer-link:hover  /* Liens du bas survolés */
{  color:#DAF9FA;
  text-transform: uppercase;
}

.footer-link:before  /* Ajout du symbole avant le lien */
{  content: " ♣️ ";   
  margin-left: 2px;
  margin-right: 2px;
}

.footer-link:hover:before  /* Modification du symbole avant le lien survolé */
{  content: " ♠️ ";   
  margin-left: 2px;
  margin-right: 2px;
}

.footer-link:after  /*  Ajout du symbole après le lien */
{  content: " ♣️ ";   
  margin-left: 2px;
  margin-right: 2px;
}

.footer-link:hover:after  /* Modification du symbole après le lien survolé */
{  content: " ♠️ ";   
  margin-left: 2px;
  margin-right: 2px;
}

-->
</style></head>
<body>
<table width="450" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div class="header-sign"><center>
<a href="LIEN 1" target="_blank" class="footer-link">NOM LIEN 1</a>
</center></div></td>
  </tr>
  <tr>
    <td width="450"><img src="URL DE L'IMAGE" width="LARGEUR DE L'IMAGE (en pixel)" height="HAUTEUR DE L'IMAGE (en pixel)" /></td>
  </tr>
  <tr>
    <td><div class="footer-sign"><center>
<a href="LIEN2" target="_blank" class="footer-link"> NOM LIEN 2 </a>
</center></div></td>
  </tr>
</table>
</body>
</html>

Ce qui donne ceci:

http://www.mythologia.org/Annuska-h2.htm


Pour les explications, vous pouvez les voir notées directement sur le code (traduit du russe, mon français étant plus qu'hasardeux, si il y a un truc de bizarre, n'hésitez pas à me le faire remarquer ;) ) mais si vous avez des questions, vous pouvez me les poser à la suite de ce message :D

Bien, une fois que vous avez votre document, n'oubliez pas d'enregistrer, accessoirement, ça peut servir puis, vous devez vous créer un compte sur archive-host.com ... pourquoi celui là? Parce que c'est gratuit, simple et efficace (effet pub)
Vous importez votre document, notez l'adresse et voilà! Vous n'avez plus qu'à la mettre dans votre signature comme ceci:

Code:
<iframe src="ADRESSE DU DOC" style="height: 160px; width: 450px; background:transparent;" frameborder="no"; scrolling="no"></iframe>

Un peu d'anglais? height --> hauteur et width--> largeur
La hauteur et la largeur correspondent à celle de votre signature, image et bandes comprises. Vous pouvez cafouiller des tailles jusqu'à trouver celle qui vous convient!

Bien, passons maintenant aux administrateurs de forum!


Pour vous, c'est bien plus simple: dans le panneau d'administration MODULE => GESTION DES PAGES HTML , vous avez directement la possibilité de creer vos pages sans hébergement :)

Donc, vous créez une nouvelle page HTML et y insérez le code de votre signature, le même que pour les autres.
Puis vous enregistrez et, vous n'avez plus qu'à récupérer l'adresse , que vous voyez sous le nom de "url du lien" ... et puis voilà!
Vous n'avez plus qu'à mettre dans votre signature :

Code:
<iframe src="ADRESSE DU DOC" style="height: 160px; width: 450px; background:transparent;" frameborder="no"; scrolling="no"></iframe>

Voiulou! Si vous avez des question, n'hésitez pas, je ne mords pas ;)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Une signature originale

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Upload images
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mythologia :: 
L'Extérieur

 :: 
Astuces!
-
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit