Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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
avatar

Chacha
Modéractif
Modéractif

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

https://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