Le deal à ne pas rater :
Enceinte portable JBL Clip 4 Bluetooth Noir à 29€
29 €
Voir le deal

-Codage- Au secours, j'ai trop de cadeaux !

Eelis
Qu'est-ce qui est jaune et qui traverse les murs ?
Personnages : Al, Sydonia, Even, Dylan et Al'
Messages : 3254
Date d'inscription : 10/06/2012
Eelis
Lun 3 Sep - 20:02


Coucou o/

Face à l'invasion de cadeaux qui sévit actuellement dans l'Esquisse, certains dessinateurs se retrouvent comblés de présents et doivent faire face. Malheureusement, forumactif est vil ; il impose une limite de caractères aux signatures, comment faire dans ce cas ?

Pas de panique, il y a une solution. Tout d'abord, quelques pré-requis ;
▬ Pouvoir héberger des pages HTML. Si vous êtes admin sur un forum, ceci est inclus dans le panneau d'administration, partie "Modules."
▬ Avoir un minimum de connaissances en HTML ; ici, le BBCode ne fonctionnera pas, les accents non plus. (sinon, je ferai un tout petit tutoriel pour vous apprendre les bases du codage)

S'ils vous manque l'une de ces deux choses, vous pouvez toujours passer commande !

Pour les autres, suivez-moi, c'est par ici. Le tutoriel se divisera en trois étapes. D'abord l'explication, puis la création de la page - c'est juste un truc tout fait à personnaliser - et enfin le code pour rajouter ça dans une signature !

I. On doit faire quoiiiii ?


Pour contrecarrer le vil forumactif, il va falloir créer la signature ailleurs. Sur ce ailleurs il n'y a aucun limite et les possibilités de personnalisation sont d'ailleurs plus vastes. (par ex, on peut faire des onglets :3) Bref, dans la signature, il suffira "d'appeler" le ailleurs sur lequel nous avons fait la signature. En l'appelant, on la fait venir ici. C'est comme inviter quelqu'un, en fait ; s'il vivait à la maison il prendrait trop de place alors on le fait vivre ailleurs et on l'invite chez soi à boire le thé !

II. Une page HTML toute faite


Voici le code, à mettre dans un nouvelle page HTML o/

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>Ma signature trop cool</title>


<script language="javascript" src="http://secateur-insomniaque.secret-story2.net/10876.js"></script>
<style type="text/css">

/* Links */

/* a:link,a:active,a:visited {
    color : #f567a9;
    text-decoration: none;
    }
 */
a:link{
    color: #56BDF9;
    text-decoration: none;
    }
a:visited{
    color: #56BDF9;
    text-decoration: none;
    }
a:active{
    color: #56BDF9;
    text-decoration: none; }
a:hover{
    text-decoration: none;
    color : #56BDF9;
    }

.cadre{
height: 300px;
overflow: auto;
text-align: center;
align: center;
width: 620px;
border: 3px dotted dimgray;
font-family: verdana;
font-size: 12px;
}


      </style>
 

</head>

<body>
      <div class="cadre">

Ici le contenu. On oublie pas d'utiliser <br /> pour sauter une ligne.

Pour rajouter une image, voici le code :
<img src="LIEN_IMAGE" />
À noter que [url][/url] ne marche PAS !
</div>



</body>
</html>

J'ai mis un semblant de réglage, pour que vous ayez une "base". Le résultat sera le même que pour la signature d'Arvalis. Bien sûr, le contenu est à votre guise, tout comme le CSS, n'hésitez pas à me demander ici pour avoir quelque chose de plus élaboré !
Petite traduction :
height => hauteur
width => largeur
border => bordure
Le reste est très parlant !



III. Maintenant, je veux l'appeler dans ma signature !


Voilà un code que vous devrez mettre dans votre signature :
Code:
<iframe src="LIEN_PAGE_HTML" name="main" width="LARGEUR" height="HAUTEUR" scrolling="no" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>

Si vous n'avez pas modifié le code que je vous ai passé, ça devrait donner :
Code:
<iframe src="LIEN_PAGE_HTML" name="main" width="650" height="320" scrolling="no" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>

(je mets un peu plus que ce que j'ai écrit, au cas où ça dépasse)

IV. Epilogue


C'était un tutoriel très rapide pour vous expliquer comment faire. Si vous avez des questions ou des améliorations à proposer, vous pouvez bien entendu poster à la suite !
Et, bien sûr, on a le droit de proposer ses codes :3




(Merci à Ara' pour la super signature ♥)

Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum