AccueilFAQRechercherMembresGroupesS'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

    Partagez
    Mario
    MasculinAge : 20Messages : 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



    The Beginner
    MasculinAge : 19Messages : 34

    le Ven 15 Juil 2011 - 6:34

    Merci ça me sera bien utile.
    Woo
    FémininAge : 25Messages : 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



    Mario
    MasculinAge : 20Messages : 183

    le Jeu 21 Juil 2011 - 23:56

    Il n'y a pas de quoi ^.^



    Rosalie Hale
    FémininAge : 23Messages : 185

    le Jeu 4 Aoû 2011 - 3:21

    on pourrais avoir un apercu s'il te plais?
    Saki Mimo-Chan
    FémininAge : 19Messages : 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



    Natsumi Hinata
    FémininAge : 24Messages : 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
    FémininAge : 24Messages : 476

    le Jeu 19 Juil 2012 - 11:36

    Merci ♥



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    P'tit loup
    MasculinAge : 34Messages : 423

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



    Dalao`
    FémininAge : 18Messages : 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 ^^'



    Tine
    FémininAge : 18Messages : 37

    le Ven 27 Sep 2013 - 16:49

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

    le Ven 25 Oct 2013 - 11:11

    Merci !!



    Elysia
    FémininAge : 17Messages : 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. :)
    Contenu sponsorisé

    Aujourd'hui à 13:40


      La date/heure actuelle est Sam 10 Déc 2016 - 13:40