« Signature codé coupé? »

Sujet: Signature codé coupé? Lun 16 Mar 2015, 00:14

Bonsoir
Alors voila, j'ai un petit problème avec ma signa codé, j'essaie de le mettre dans ma signature mais malheureusement, ça coupe, voila l’aperçu:

Spoiler:

J'ai essayé de redimensionner, rien ne change même si je diminue la largeur, pourtant sur les autres forums, ça marche parfaitement.
J'ai voulu essayé de mettre la signa codée ici et cela marche bien...:

Spoiler:

Voila, je remercie d'avance pour la personne qui va m'aider ^^

Sujet: Re: Signature codé coupé? Mar 17 Mar 2015, 01:18

Peux-tu nous montrer le code avec lequel tu essaies de l'insérer stp ?
Je pense que c'est parce que tu as mis un iframe trop large (supérieur à 600).
Et si ça bug toujours même en changeant l'iframe c'est peut-être que le code de la signature est trop grand.

Bref, si tu pouvais me donner le code iframe que tu rentres ainsi que le code complet de la signature on pourrait y jeter un coup d'oeil Wink

Sujet: Re: Signature codé coupé? Mar 17 Mar 2015, 13:14

Voici le code iframe que j'utilises (le lien est celle de ma signature codée actuelle)

Code:: <iframe src="http://zexal-test.forumactif.fr/h2-kuroshitsuji" width="700px" height="500px" frameborder="0" scrolling="no"></iframe>

Comme je l'ai dit, j'ai essayé de remplacer le lien par celle de ma nouvelle signa codé mis le résultat est coupé, meme si j'essaye de réduire ou augmenter la largeur. Et voici le code en entier:

Code:: <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <title>Signature</title> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /> <script type="text/javascript">
   //
   </script> <style type="text/css">
   .onglet
   {
   display:inline-block;
   margin-left:3px;
   margin-right:5px;
   padding:7px;
   cursor:pointer;
z-index:-99;
   margin-top: -20px;
   }
   .onglet_0
   {
font-variant: small-caps;
border-radius: 10px 0px 0px 10px;
background: #738F5E;
color : #CDD2B0;
z-index:-99;
width:100px;
box-shadow : #45663C 0 0 10px;
   }

   .onglet_1
   {
border-radius: 10px 0px 0px 10px;
font-variant: small-caps;
background-color: #5A914E;
color : #FFFFFF;
z-index:-99;
width:100px;
box-shadow : #45663C 0 0 10px;
}
   .contenu_onglet
   {
display:none;
   }

   .boxtitle
{
font-variant: small-caps;
letter-spacing: 2px;
text-align:center;
font-size:12px;
color: #00a8ff;
display: block;
margin-bottom:-2px;
   text-shadow: 1px 1px 3px #000000;
background-color: #fff;
height: 15px;
width:400px;
z-index:-99;
border-radius: 5px 5px 0px 0px;
box-shadow : #000000 0 0 10px;
}

.Box
{
background-image: url("http://images.forwallpaper.com/files/thumbs/preview/19/197468__texture-green-pattern-texture-green_p.jpg");
font-size:15px;
margin-left:-10px;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
height: 300px;
width: 560px;
color: #fff;
text-shadow: #FFF 0px 0px 2px;
Border-bottom:3px solid #fff;
Border-top:1px solid #fff;
Border-right:3px solid #fff;
Border-left:1px solid #fff;
overflow: auto;
border-radius:10px;
box-shadow : #fff 0 0 15px
overflow: auto;
z-index:99;
}

.credits{
display:block;
font-family:'Times New Roman';
font-size:12px;
color:#5dcfff;
font-variant:small-caps;
position:relative;
left:90px;
color: #11878b;
}

a { text-decoration: none; color: #b32658;}
a:hover { text-decoration: none; color: #cf5a91; }

   </style>
<table>

<tbody>

   <tr>

      <td>

         <center>

            <div class="systeme_onglets">

               <div class="onglets">
                  <span onclick="javascript:change_onglet('1');" id="onglet_1"><strong>N</strong>injaSigna</span><br /><br /> <span onclick="javascript:change_onglet('2');" id="onglet_2" class="onglet_0 onglet"><strong>N</strong>injaKdo</span><br /><br /> <span onclick="javascript:change_onglet('3');" id="onglet_3" class="onglet_0 onglet"><strong>A</strong>rtist<strong>T</strong>eam</span><br /><br /> <span onclick="javascript:change_onglet('4');" id="onglet_4" class="onglet_0 onglet"><strong>L</strong>oveGifs</span><br /><br /><br /><br />
               </div>

            </div>

         </center><br />
      </td>

      <td>

         <div class="contenu_onglets">

            <div id="contenu_onglet_1" class="contenu_onglet">

               <center>
                  <span class="boxtitle"><span style="color: #0000FF;">- It's Ninja Time -</span> </span>
               </center>

               <div class="Box">

                  <center>
                     <img src="http://image.noelshack.com/fichiers/2015/10/1425402214-zexal.png" />
                  </center>

               </div>

            </div>

            <div id="contenu_onglet_2" class="contenu_onglet">

               <center>
                  <span class="boxtitle"> <span style="color: #FF9933;">- It's Ninja Time -</span> </span>
               </center>

               <div class="Box">

                  <center>

                     <div align="center">
                        Merci Chup'
                     </div>
                     <img src="http://image.noelshack.com/fichiers/2014/33/1407796276-bychupv1.png" />
                     <div align="center">
                        Merci Louchita (pour les 3 versions)<img src="http://img15.hostingpics.net/pics/542856zexal2sign.png" />
                     </div>

                     <div align="center">
                        Merci Nevida <img src="http://img15.hostingpics.net/pics/918867zexalovefini.png" />
                     </div><img src="http://img15.hostingpics.net/pics/500453zexallove1.png" />
                     <div align="center">
                        Merci Keylha
                     </div>
                     <img src="http://image.noelshack.com/fichiers/2014/24/1402844201-zexal.png" />
                     <div align="center">

                        <div align="center">
                           Merci Yumiji
                        </div>

                        <div align="center">
                           <img src="http://image.noelshack.com/fichiers/2014/23/1401897253-signa-joker-com-zex.png" />
                        </div>
                        Merci Kamo
                     </div>
                     <img src="http://nsa33.casimages.com/img/2014/06/01/140601105435167982.png" />
                     <div align="center">
                        Merci Asuka pour ce magnifique kit
                     </div>
                     <img src="http://img15.hostingpics.net/pics/425178ZexalLovesigna.png" />
                     <div align="center">
                        Merci Akémi pour ce magnifique kit de mon chéri /sors/
                     </div>
                     <img src="http://getwebb.org/d/d5TLL3Ma" />
                     <div align="center">
                        Merci Gaia
                     </div><img src="http://image.noelshack.com/fichiers/2015/05/1422721570-cadeauzexal.png" />
                     <div align="center">
                        Merci Lizzy
                     </div><img src="http://www.pixenli.com/images/1422/1422641622019780500.jpg" />
                     <div align="center">
                        Et merci aussi aux autres personnes que je n'ai pas pu affiché pour leurs cadeaux et les anciens kits aussi xD
                     </div>

                  </center>

               </div>

            </div>

            <div id="contenu_onglet_3" class="contenu_onglet">

               <center>
                  <span class="boxtitle"> <span style="color: #990099;">- It's Ninja Time -</span></span>
               </center>

               <div class="Box">

                  <center>
                     <a href="http://www.cocktail-graph.com/t10486-adhesion-a-la-team-cocktail-d-art"><span style="color: #c6f4bd;">Rejoignez la team Cocktail d'Art, nous sommes des artistes!</span></a><img src="http://image.noelshack.com/fichiers/2015/08/1424535965-team-art.gif" /> <img src="http://nimga.fr/m/KVoJG.png" /><img src="http://img11.hostingpics.net/pics/208859art.png" />
                  </center>

               </div>

            </div>

            <div id="contenu_onglet_4" class="contenu_onglet">

               <center>
                  <span class="boxtitle"> <span style="color: #FF0000;">- It's Ninja Time -</span> </span>
               </center>

               <div class="Box">

                  <center>
                     <img src="http://image.noelshack.com/fichiers/2015/11/1426382127-shijirikawa.gif" /><img src="http://image.noelshack.com/fichiers/2015/11/1426382135-stokiya.gif" /><img src="http://image.noelshack.com/fichiers/2015/11/1426382130-sittoki.gif" style="width: 250px;" /><img src="http://image.noelshack.com/fichiers/2015/11/1426382228-ssyo.gif" style="width: 250px;" /><img src="http://image.noelshack.com/fichiers/2015/11/1426382131-sshinomiya.gif" style="width: 250px;" /><img src="http://image.noelshack.com/fichiers/2015/11/1426382230-saijima.gif" style="width: 250px;" /><img src="http://image.noelshack.com/fichiers/2015/11/1426382135-sren.gif" /> <img src="http://image.noelshack.com/fichiers/2015/11/1426382027-tumblr-inline-ndrhb2naym1sgmobe.gif" /> <img src="http://image.noelshack.com/fichiers/2015/11/1426382043-tumblr-njseccasgr1rn98vpo1-500.gif" />
                  </center>

               </div>

            </div>

            <div style="margin:5px; position: relative; right: -275px; top: -23px; width: 350px; height:100px;">

               <div class="credits">

                  <div align="left">
                     <span style="color: #000000;">© Codée par Saelya</span>
                  </div>

               </div>

            </div>

         </div>

      </td>
      <script type="text/javascript">
   //
   </script>
   </tr>

</tbody>
</table>

Sujet: Re: Signature codé coupé? Mar 17 Mar 2015, 18:53

Je crois que ta signature est simplement trop large pour le forum :/

Sujet: Re: Signature codé coupé? Mer 18 Mar 2015, 00:29

C'est justement ce qu'on m'a dit sur un autre forum...
J'ai essayé de diminuer un peu la largeur, mais rien ne change. :/

Sujet: Re: Signature codé coupé? Mer 18 Mar 2015, 01:04

Essaie de remplacer la largeur du fond dans le code par une largeur de 460 :

.box {
….
width:560px; <- change pour 460px
….
}

et modifie aussi le code de l'iframe a 600px de largeur.

Sujet: Re: Signature codé coupé? Mer 18 Mar 2015, 21:19

Bah tien, ça marche. Par contre, j'aime pas trop le rendu que ça donne Sad

Si c'est la seule solution, je vais devoir changer de signa codée alors...
Sinon merci de ton aide Eiko, tu peux prendre un point pour ta team.

Sujet: Re: Signature codé coupé? Jeu 19 Mar 2015, 08:36

Ah on gagne des points ici ? xD Merci.

Sinon, peux-tu me montrer le rendu stp et me dire ce que tu n'aimes pas ?
Dans le pire des cas, n'hésite pas à commander une signature codée, ces derniers temps je m'ennuie et tous les codages ont été pris par d'autres codeurs Razz

Sujet: Re: Signature codé coupé? Jeu 19 Mar 2015, 12:55

Dans comment gagner des points, c'est écrit qu'on peut gagner de 1 a 3 points pour l'entraide Smile

En fait, ce que je n'aime pas, c'est que comme la taille est plus petite, ça ''coupe'' la signature, donc tu dois utiliser la scrollbar pour voir la signa ou l'ouvrir dans un nouvel onglet et j'aime pas trop ça ^^'
Le rendu est dans le premier post.

J'avais prévu de passer une commande pour une signa codée Razz

Sujet: Re: Signature codé coupé? Jeu 19 Mar 2015, 15:13

Je jeterai un coup d'oeil sur ton code pour voir s'il est possible de l'aggrandir de manière à virer les scrollbars.
Sinon fais-moi signe quand tu passes une commande Smile

Tu peux même commander dans ma boutique si tu veux ^^

Sujet: Re: Signature codé coupé? Mer 01 Avr 2015, 23:25

Toujours besoin d'aide ?

Sujet: Re: Signature codé coupé? Ven 03 Avr 2015, 22:34

Ah zut, comme j'ai eu une nouvelle signa codée, je ne pense plus avoir besoin d'aide.

Sujet: Re: Signature codé coupé?

» Problème de code?
» Help please ! >.< Signature & code !
» <Typographie> Effet texte coupé
» Nouveau matelot à bord du bateau créatif lié au Graphisme !
» Code de Rp gris

« Signature codé coupé? »

Signature codé coupé?

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Recherche avancée

Page 1 sur 1