AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Signature codée

    Mario
    Mario
    MasculinAge : 23Messages : 183

    le Mer 13 Juil 2011 - 16:53

    Bonjour, bonjour :DD

    Je vous présente une signature codée que vous pourrez mettre dans vos forums (seulement si l'administrateur à autorisé l’éditeur HTML).

    Le code à modifier selon vos goûts :

    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-32" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    .footer-sign { /* Barre au bas de la signature */
      background-color: #COULEUR;
      -moz-border-radius:0px 0px Xpx Xpx; /* Arrondissement des bordures */
      padding-left: 5px; /* Ajustement */
      padding-right: 5px; /* Ajustement */
    }

    .footer-link { /* Liens */
      color: #COULEUR; /* Couleur du texte */
      font-variant: small-caps; /* Variante: petites majuscules */
      text-decoration: none !important; /* ?viter le soulignement des lien */
      margin-right: 20px; /* Ajustement */
      font-size: 12px; /* Taille du texte */
      font-family:"Arial", Arial, Helvetica, sans-serif;
    }

    .footer-link:hover { /* Liens survol?s */
      color: #COULEUR; /* Couleur du texte */
      text-shadow: 0px 1px 3px #COULEUR; /* FF3.5+, Opera 9+, Saf1+, Chrome */
    }
     
    .top-sign { /* Barre en haut de la signature */
      background-color: #COULEUR; /* Couleur du fond */
      -moz-border-radius:Xpx Xpx 0px 0px; /* Arrondissement des bordures */
      padding-left: 5px; /* Ajustement */
      padding-right: 5px; /* Ajustement */
    }

    .small-caps { font-variant: small-caps ;}

    .contour {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 6px #1F1F1F;
    -webkit-box-shadow: 0px 0px 6px #1F1F1F;
    box-shadow: 0px 0px 6px #1F1F1F;
    background-color: #000;
    }
    -->
    </style></head>

    <center><body>
    <table width="400" border="0" cellspacing="0" cellpadding="0" class="contour">
      <tr>
     
        <td><div class="top-sign"><marquee><font size="2"><span style="color: #COULEUR; font-family:Trebuchet MS;">VOTRE TEXTE</span></font></marquee></div></td>
      </tr>

      <tr>

        <td width="400"><center><img src="URL_DE_VOTRE_IMG" border="0"/></center></td>
      </tr>

      <tr>
     
        <td><div class="footer-sign"><center><a href="URL" target="_blank" class="footer-link">BLABLA</a><a href="URL" target="_blank" class="footer-link">BLABLA</a><a href="URL" target="_blank" class="footer-link">BLABLA</a></center></div></td>

      </tr>
    </table>
    </body></center>
    </html>

    Remplacez tous les X, BLABLA, etc.

    Ensuite hébergez votre signature (celle sous format ".html") sur Archive-Host

    ensuite dans votre signature mettez ceci :
    Code:
    <iframe src="URL_DE_LA_SIGNATURE" style="height: 200px; width: 500px; margin-top:-25px; background:transparent;" frameborder="no"; scrolling="no"></iframe>


    Voilà :DD



    Signature codée Lbgsign Signature codée Mario
    The Beginner
    The Beginner
    MasculinAge : 22Messages : 34

    le Ven 15 Juil 2011 - 6:34

    Merci ça me sera bien utile.
    Woo
    Woo
    FémininAge : 28Messages : 143

    le Jeu 21 Juil 2011 - 23:26

      Merci beaucoup ! Je galérai à en faire une malgré les nombreux tutoriels. Le tien a la qualité d'être simple et compréhensif ! Encore merci nwn



    Signature codée 619075SignatureMukurocopie
    Mario
    Mario
    MasculinAge : 23Messages : 183

    le Jeu 21 Juil 2011 - 23:56

    Il n'y a pas de quoi ^.^



    Signature codée Lbgsign Signature codée Mario
    Rosalie Hale
    Rosalie Hale
    FémininAge : 26Messages : 185

    le Jeu 4 Aoû 2011 - 3:21

    on pourrais avoir un apercu s'il te plais?
    Saki Mimo-Chan
    Saki Mimo-Chan
    FémininAge : 22Messages : 6

    le Jeu 11 Aoû 2011 - 10:10

    Bonjour et désolée de te déranger =/
    J'ai du mal à comprendre ce qu'il faut remplacer et à quoi correspond les choses entre " * ", merci pour ton aide Wink



    Signature codée Sans_t18
    Natsumi Hinata
    Natsumi Hinata
    FémininAge : 26Messages : 110

    le Dim 18 Sep 2011 - 16:21

    Bonjour à toi ^^

    J'ai essayé de tester en fait, mais absolument rien ne s'affiche, mis appart un message me disant que ma signature est trop longue. Aussi, ton hébergeur d'image nécessite un abonnement apparemment, n'en aurais tu pas un gratuit ? Merci d'avance.
    Skyleen
    Skyleen
    FémininAge : 27Messages : 476

    le Jeu 19 Juil 2012 - 11:36

    Merci ♥



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    P'tit loup
    P'tit loup
    MasculinAge : 37Messages : 447

    le Ven 28 Sep 2012 - 13:56

    Effectivement, ce serait chouette d'avoir un aperçu, qu'on sache au moins à quoi doit ressembler le résultat. ^^"



    Signature codée 30xivrd
    Dalao`
    Dalao`
    FémininAge : 21Messages : 26

    le Sam 29 Sep 2012 - 19:19

    @Saki Mimo-Chan a écrit:Bonjour et désolée de te déranger =/
    J'ai du mal à comprendre ce qu'il faut remplacer et à quoi correspond les choses entre " * ", merci pour ton aide ;)


        Je dois avouer que moi aussi je ne comprend pas trop ^^'



    Signature codée Ghjk_b10
    Tine
    Tine
    FémininAge : 21Messages : 37

    le Ven 27 Sep 2013 - 16:49

    Merci mais, pourrions-nous avoir un petit aperçu ?
    Shangwi'
    Shangwi'
    FémininAge : 20Messages : 31

    le Ven 25 Oct 2013 - 11:11

    Merci !!



    Signature codée 130330112046640194
    Elysia
    Elysia
    FémininAge : 20Messages : 139

    le Mer 8 Avr 2015 - 22:50

    Un grand merci à toi, tu m'as permis de comprendre comment j'allais mettre mon code en iframe. :)
    Perse
    Perse
    FémininAge : 20Messages : 33

    le Dim 25 Déc 2016 - 23:18

    Merci beaucoup :)
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2085

    le Mer 28 Déc 2016 - 10:18

    Merci pour le partage !
    Contenu sponsorisé


      La date/heure actuelle est Dim 17 Nov 2019 - 16:34