N'oubliez pas que vous pouvez voter toutes les deux heures sur les cinq Topsites pour le forum !
Rappel : Chaque RP doit au minimum faire 15 lignes, soit 1400 caractères espaces non compris minimum.

Partagez | 
 

 Syracoti Sign' en libre service.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Nouveau
avatar
Informations
Messages : 96
Rang : C

Message(#) 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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.facebook.com/yuhi.yuki
Nouveau
avatar
Informations
Messages : 476
Rang : A

Message(#) 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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Syracoti Sign' en libre service.

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Shinobi no Hattan :: Archives :: SnH Legacy :: Espace HRP :: Espace Détente :: Graphisme-