Informations Messages : 96 Rang : C
| (#) Sujet: Syracoti Sign' en libre service. Ven 1 Fév 2013 - 19:34 | |
| Bonjour à tous. Si je viens vous parler à travers ce post, c'est parce que j'ai décidé de vous faire cadeau du codage de ma signature en libre service. Par conséquent je vais vous donner tous les codes à posséder pour pouvoir la mettre en ligne. Mais pas que, je vous propose également de l'héberger moi-même à travers un forum fait pour l'occasion ou, si vous ne savez pas quoi compléter dans le code, la faire pour vous.
Dans un premier temps voici mon rendu final, et donc ce que vous allez pouvoir avoir.
Donc tout d'abord voici le premier code à avoir: (Je peux vous rajouter de nouveaux onglets si vous le désirez)
- Code:
-
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Signature NOM PRENOM</title> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script>
<style type="text/css"> .onglet { margin-bottom:-10px; display:inline-block; margin-left:0px; margin-right:0px; padding-left:5px; padding-right:5px; top:-5px; } .onglet_0 { margin-bottom:-10px; font-family: Casual, sans-serif; color : #f14f72; border-radius: 20px; }
.onglet_1 { margin-bottom:-10px; font-family: Casual, sans-serif; color : #f14f72; border-radius: 20px; }
.box { background-color : #cabaad ; border-radius: 50px; border: 2px solid #987e6a; width:500px; height:250px; font-size:12px; text-shadow: 0px 0px 1px #fff; overflow: auto; padding:5px; color:#fff; }
.title { font-size: 20px; text-shadow: 0px 0px 2px #474747; font-family:georgia; color:#474747; top: -1px; { .i {color:#000; font-style:italic; font-size:20px;}
.contenu_onglet { text-shadow: 0px 0px 1px #2f461a; margin-left:4px; margin-right:4px; padding:4px; display:none; width: 500px; height:220px; font-family: Casual, sans-serif; background-color : #none; color:#525252; }
</style> </head> <body> <center> <div div="systeme_onglets" width="50%"><div class="onglets"> <div class="onglet_1 onglet" id="onglet_1" onclick="javascript: change_onglet('1');" style="margin-left :10px;"><div class="title"><img src="http://i48.servimg.com/u/f48/16/88/54/29/accuei11.png"></div> </div><div class="onglet_0 onglet" id="onglet_2" onclick="javascript:change_onglet('2');"> <div class="title"><img src="http://i48.servimg.com/u/f48/16/88/54/29/profil13.png"></div> </div><div class="onglet_0 onglet" id="onglet_3" onclick="javascript:change_onglet('3');"> <div class="title"><img src="http://i13.servimg.com/u/f13/16/74/72/43/diagra12.png"></div> </div> </div> <div class="contenu_onglet">
<div style="display: none; overflow:auto;" id="contenu_onglet_1"> <div class="box"><center>
<br><br>CITATION PERSONNAGE<img src="LIEN IMAGE SIGNATURE" /><br>CITATION PERSONNAGE 2<br><br><font size=1>Signature codée par Syracoti</font></center></div></div>
<div style="display: none;overflow:auto;" id="contenu_onglet_2"> <div class="box"><center><br><img src="LIEN IMAGE VILLAGE/ORGANISATION"><br> <img src="LIEN IMAGE SIGNATURE 2"> </center><br>Missions : S.0 - A.0 - B.0 - C.0 - D.0</div></div>
<div style="display: none;overflow:auto;" id="contenu_onglet_3"> <div class="box"><center> <img src="LIEN IMAGE DIAGRAMME"> </center> </div></div>
</div></div></body>
<script type="text/javascript"> //<!-- var anc_onglet = '1'; change_onglet(anc_onglet); //--> </script> </center></html> Je ne vous demanderez qu'une chose, ne pas enlever cette phrase: "Signature codée par Syracoti"
Dernière Etape:
Une fois votre signature hébergée il vous suffira de remplir et de copier coller le code ci-dessous dans "Signature" dans le Profil.
- Code:
-
<center><iframe src="LIEN SIGNATURE HEBERGEE" frameborder="0" width="550" height="325" scrolling="no" allowTransparency="true" ></iframe></center> Et voilà, vous avez toutes les clés en main. Maintenant, pour ceux qui feront cette signature, partagez là à la suite de ce topic en mettant le deuxième code dans le message pour qu'elle ne se perde pas au cas où vous seriez amener à quitter le forum.
Pour ceux qui veulent mon aide (graphisme, codage, hébergement...) pour cette signature, merci de me contacter par MP.
Cordialement Kaede. |
|
Informations Messages : 476 Rang : A
| (#) Sujet: Re: Syracoti Sign' en libre service. Mar 5 Fév 2013 - 20:55 | |
| C'est très sympa de ta part ! Même si ce n'est pas de mon goût o/
PS: Je déplace le sujet dans un sous-forum plus idoine. |
|