Aides Code Signatures

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Aides Code Signatures

Message par dddddddddddd le Ven 27 Déc 2013 - 10:18

Bonjour à vous,

J'ai un problème avec les codes d'une signature, à chaque fois que je modifie ne serait-ce qu'un seul mot, le code se déforme et m'oblige à recommencer la mise en place des images et d'autres.

Lien de la signature terminé : http://forum-manga-connu.forumsgratuits.com/h2-aoaoaoaoaooa

Lien après modification : http://fairytail.forumn.org/h28-fkf444444f

Même si je c/c simplement le code, le problème de déformation persiste.

Si quelqu'un pourrait m'aider, cela m'arrangera assez. =)

Bonne journée.


Dernière édition par dddddddddddd le Ven 27 Déc 2013 - 12:52, édité 1 fois

dddddddddddd
*

Messages : 41
Inscrit(e) le : 19/01/2013

http://inazumaelevenforum.great-forum.com
dddddddddddd a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Aides Code Signatures

Message par dddddddddddd le Ven 27 Déc 2013 - 11:43

Je viens de retirer toute les balises "<br /> mais le probleème persiste ... ( http://fairytail.forumn.org/h31-tbbtt )


dddddddddddd
*

Messages : 41
Inscrit(e) le : 19/01/2013

http://inazumaelevenforum.great-forum.com
dddddddddddd a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Aides Code Signatures

Message par dddddddddddd le Ven 27 Déc 2013 - 11:48

[i]Voici les codes en libres service :

Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Signature Hitsu</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:5px;
                margin-right:10px;
                padding-left:10px;
                padding-right:10px;
                cursor:pointer;
                top:-5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
        }
        .onglet_0
        {
                margin-bottom:-10px;
                font-family: Casual, sans-serif;
color : #808080;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        }
        .onglet_1
        {
                margin-bottom:-10px;
font-family: Casual, sans-serif;
color : #808080;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        }

  
      .box
{
background-image : URL("http://s4.noelshack.com/uploads/images/10330681038579_patten.png");
background-color : #ececec ;
-webkit-border-radius: 15px ;
-moz-border-radius: 15px ;
border-radius: 15px ;
width:500px;
height:175px;
font-size:12px;
text-shadow: 0px 0px 1px #2f461a;
overflow: auto;
padding:5px;
color:#525252;
border: dashed #aaaaaa 2px;
}
      .title
{
 margin-left:-30px;
                margin-right:5px;
                padding-left:10px;
                padding-right:10px;
font-family:'Times New Roman';
font-variant: small-caps;
font-size:25px;
color:#aaaaaa;
text-align:center;
text-shadow:0px 0px 4px #808080;
padding-top:-1px;
Background-color : #ececec;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
{
        
        .i
{color:#000;
font-style:italic;
font-size:14px;}


        .contenu_onglet
        {
text-shadow: 0px 0px 1px #2f461a;
margin-left:4px;
margin-right:4px;
padding:4px;
display:none;
width: 500px;
height:175px;
font-family: Casual, sans-serif;
background-color : #none;
color:#ececec;
        }


        </style>
</head>
<body>
        <div class="systeme_onglets" width="50%">
<div class="onglets">
<span class="onglet_1 onglet" id="onglet_1" onmouseover="javascript:
change_onglet('1');" style="margin-left :90px;"><div class="title"> Signature </div> </span>
            <span class="onglet_0 onglet" id="onglet_2" onmouseover="javascript:change_onglet('2');"> <div class="title"> For me </div></span>
            <span class="onglet_0 onglet" id="onglet_3" onmouseover="javascript:change_onglet('3');"> <div class="title">  Pikachu's </div></span>  </div>

            <div class="contenu_onglet">

            <div style="display: none; overflow:auto;" id="contenu_onglet_1"> <div class="box" style="padding-top: 25px;"><center>
<img src="http://nsa22.casimages.com/img/2011/12/19/11121908105047635.png">

 </div></div>

            <div style="display: none;overflow:auto;" id="contenu_onglet_2">
              <div class="box"><center>

<img src="http://data.imagup.com/12/1138273169.png"> <br> <img src="http://nsa22.casimages.com/img/2012/01/01/120101053529337382.png">


 </div></div>
      
            
            <div id="contenu_onglet_3"style="display: none;overflow:auto;">
              <div class="box"><center>

Ton blabla

</div></div>
            
            
 </div></div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = '1';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</html>

Et mon code :

Code:
 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Signature Codée</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:5px;
                margin-right:10px;
                padding-left:10px;
                padding-right:10px;
                cursor:pointer;
                top:-5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
        }
        .onglet_0
        {
                margin-bottom:-10px;
                font-family: Casual, sans-serif;
color : #808080;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        }
        .onglet_1
        {
                margin-bottom:-10px;
font-family: Casual, sans-serif;
color : #808080;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        }

  
      .box
{
background-image : URL("http://s4.noelshack.com/uploads/images/10330681038579_patten.png");
background-color : #ececec ;
-webkit-border-radius: 15px ;
-moz-border-radius: 15px ;
border-radius: 15px ;
width:500px;
height:175px;
font-size:12px;
text-shadow: 0px 0px 1px #2f461a;
overflow: auto;
padding:5px;
color:#525252;
border: dashed #aaaaaa 2px;
}
      .title
{
 margin-left:-30px;
                margin-right:5px;
                padding-left:10px;
                padding-right:10px;
font-family:'Times New Roman';
font-variant: small-caps;
font-size:25px;
color:#aaaaaa;
text-align:center;
text-shadow:0px 0px 4px #808080;
padding-top:-1px;
Background-color : #ececec;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
{
        
        .i
{color:#000;
font-style:italic;
font-size:14px;}


        .contenu_onglet
        {
text-shadow: 0px 0px 1px #2f461a;
margin-left:4px;
margin-right:4px;
padding:4px;
display:none;
width: 500px;
height:175px;
font-family: Casual, sans-serif;
background-color : #none;
color:#ececec;
        }


        </style>
<div style="width: 50%;" class="systeme_onglets">
   <div class="onglets"><span style="margin-left :90px;" onmouseover="javascript:
change_onglet('1');" id="onglet_1" class="onglet_1 onglet"></span>
      <div style="margin-left: 90px;" class="title">
          Signature
      </div><span style="margin-left :90px;" onmouseover="javascript:
change_onglet('1');" id="onglet_1" class="onglet_1 onglet"> </span> <span onmouseover="javascript:change_onglet('2');" id="onglet_2" class="onglet_0 onglet"> </span>
      <div style="" class="title">
          For me
      </div><span onmouseover="javascript:change_onglet('2');" id="onglet_2" class="onglet_0 onglet"></span> <span onmouseover="javascript:change_onglet('3');" id="onglet_3" class="onglet_0 onglet"> </span>
      <div style="" class="title">
          Autres
      </div><span onmouseover="javascript:change_onglet('3');" id="onglet_3" class="onglet_0 onglet"></span>
   </div>
   
   <div class="contenu_onglet">
      
      <div id="contenu_onglet_1" style="display: none; overflow:auto;">
         
         <div style="padding-top: 25px;" class="box">
            <center><img src="http://imageshack.us/a/img24/2617/p3cj.png" />
            </center>
         </div>
      </div>
      
      <div id="contenu_onglet_2" style="display: none;overflow:auto;">
         
         <div class="box">
            <center>
                <br /> <img src="http://zupimages.net/up/13/52/z8eu.png" /> <br /> <img src="http://zupimages.net/up/13/52/k6i3.png" /> <br /> <img src="http://zupimages.net/up/3/1479739646.png" /> <br /> <img src="http://zupimages.net/up/13/52/9hw1.png" /> <br /> <img src="hhttp://zupimages.net/up/13/52/jlfc.png" />
            </center>
         </div>
      </div>
      
      <div style="display: none;overflow:auto;" id="contenu_onglet_3">
         
         <div class="box">
            <center>
               <div style="text-align: center;border-radius: 100px;width: 400px;color:#967BAD;font-size: 25px; line-height: normal;font-family:georgia;  text-shadow: 1px 1px 0px white;">
                   Les loups, créatures mystérieuses et majestueuses, domineront le monde!
               </div>
               
            </center><br /> <img src="http://zupimages.net/up/3/1911536217.gif" />
         </div>
      </div>
      
   </div>
</div>
 <script type="text/javascript">
        //<!--
                var anc_onglet = '1';
                change_onglet(anc_onglet);
        //-->
        </script>

dddddddddddd
*

Messages : 41
Inscrit(e) le : 19/01/2013

http://inazumaelevenforum.great-forum.com
dddddddddddd a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Aides Code Signatures

Message par Serang le Ven 27 Déc 2013 - 11:57

Hello,

C'est encore ta tendre aideuse Smile
J'ai transféré ton code sur l'original et celui-ci marche.

=>

Code:
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Signature Hitsu</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:5px;
                        margin-right:10px;
                        padding-left:10px;
                        padding-right:10px;
                        cursor:pointer;
                        top:-5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
                }
                .onglet_0
                {
                        margin-bottom:-10px;
                        font-family: Casual, sans-serif;
        color : #808080;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
                }
                .onglet_1
                {
                        margin-bottom:-10px;
        font-family: Casual, sans-serif;
        color : #808080;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
                }
       
         
              .box
        {
        background-image : URL("http://s4.noelshack.com/uploads/images/10330681038579_patten.png");
        background-color : #ececec ;
        -webkit-border-radius: 15px ;
        -moz-border-radius: 15px ;
        border-radius: 15px ;
        width:500px;
        height:175px;
        font-size:12px;
        text-shadow: 0px 0px 1px #2f461a;
        overflow: auto;
        padding:5px;
        color:#525252;
        border: dashed #aaaaaa 2px;
        }
              .title
        {
        margin-left:-30px;
                        margin-right:5px;
                        padding-left:10px;
                        padding-right:10px;
        font-family:'Times New Roman';
        font-variant: small-caps;
        font-size:25px;
        color:#aaaaaa;
        text-align:center;
        text-shadow:0px 0px 4px #808080;
        padding-top:-1px;
        Background-color : #ececec;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        {
               
                .i
        {color:#000;
        font-style:italic;
        font-size:14px;}
       
       
                .contenu_onglet
                {
        text-shadow: 0px 0px 1px #2f461a;
        margin-left:4px;
        margin-right:4px;
        padding:4px;
        display:none;
        width: 500px;
        height:175px;
        font-family: Casual, sans-serif;
        background-color : #none;
        color:#ececec;
                }
       
       
                </style>
        </head>
        <body>
                <div class="systeme_onglets" width="50%">
        <div class="onglets">
        <span class="onglet_1 onglet" id="onglet_1" onmouseover="javascript:
        change_onglet('1');" style="margin-left :90px;"><div class="title"> Signature </div> </span>
                    <span class="onglet_0 onglet" id="onglet_2" onmouseover="javascript:change_onglet('2');"> <div class="title"> For me </div></span>
                    <span class="onglet_0 onglet" id="onglet_3" onmouseover="javascript:change_onglet('3');"> <div class="title">  Pikachu's </div></span>  </div>
       
                    <div class="contenu_onglet">
       
                    <div style="display: none; overflow:auto;" id="contenu_onglet_1"> <div class="box" style="padding-top: 25px;"><center>
        <img src="http://imageshack.us/a/img24/2617/p3cj.png" />
       
        </div></div>
       
                    <div style="display: none;overflow:auto;" id="contenu_onglet_2">
                      <div class="box"><center>
       
        <img src="http://zupimages.net/up/13/52/z8eu.png" /> <br /> <img src="http://zupimages.net/up/13/52/k6i3.png" /> <br /> <img src="http://zupimages.net/up/3/1479739646.png" /> <br /> <img src="http://zupimages.net/up/13/52/9hw1.png" /> <br /> <img src="hhttp://zupimages.net/up/13/52/jlfc.png" />
       
       
        </div></div>
             
                   
                    <div id="contenu_onglet_3"style="display: none;overflow:auto;">
                      <div class="box">
       
        <div style="text-align: center;border-radius: 100px;width: 400px;color:#967BAD;font-size: 25px; line-height: normal;font-family:georgia;  text-shadow: 1px 1px 0px white;">
                  Les loups, créatures mystérieuses et majestueuses, domineront le monde!
              </div>
             
            <br /> <img src="http://zupimages.net/up/3/1911536217.gif" />
       
        </div></div>
                   
                   
        </div></div>
            <script type="text/javascript">
                //<!--
                        var anc_onglet = '1';
                        change_onglet(anc_onglet);
                //-->
                </script>
        </body>
        </html>

Je t'informe que la source de tes problèmes venait de =>

Code:
<center></center>

A l'avenir je vous conseille de ne plus les utilisés sur votre signatures.
Test s'il vous plait si cela fonctionne.

Cordialement

Serang
****

Masculin
Messages : 321
Inscrit(e) le : 09/04/2007

http://www.forumaide.tk/
Serang a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aides Code Signatures

Message par dddddddddddd le Ven 27 Déc 2013 - 12:00

C'est parfait, merci infiniment de votre aide (Précieuse!)

Bonne journée à vous et à looker. (Merci encore. =)

dddddddddddd
*

Messages : 41
Inscrit(e) le : 19/01/2013

http://inazumaelevenforum.great-forum.com
dddddddddddd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aides Code Signatures

Message par Chacha le Ven 27 Déc 2013 - 12:35

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49821
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum