Signature codée problématique

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

Résolu Signature codée problématique

Message par Sylphika le Jeu 8 Aoû 2013 - 15:10

Bonjour je poste ce sujet car j'ai rencontrée un problème avec mon code html pour ma signature que je ne comprends pas. Le code en lui même ne contient pas d'erreur, je peux l'ouvrir à partir de mon fichier .html mais sur le forum le code ne marche pas.
Je débute en codage donc je ne sais pas vraiment si le problème vient de moi ou non.
Le problème que cela me fait quand je met le code sur le forum est que seule mes images et le nom de mes onlget s'affiche ainsi que deux " // " au début et à la fin du code.

Spoiler:

Merci d'avance si vous trouvé le problème :C


Dernière édition par Sylphika le Jeu 8 Aoû 2013 - 16:49, édité 1 fois

Sylphika
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 08/08/2013

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

Résolu Re: Signature codée problématique

Message par Self le Jeu 8 Aoû 2013 - 15:15

Bonjour et bienvenue sur le Forum des forums Sylphika .

Pourriez vous fournir le code Html de la signature s'il vous plait ?

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature codée problématique

Message par Sylphika le Jeu 8 Aoû 2013 - 15:22

Merci pour la bienvenue :3

Oui voici le code.

Spoiler:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<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,

.onglet_0 {display:inline-block;

         width: 150px;

         background: #d5bea2;

         margin:auto;

         margin-bottom: -1px;

         padding:3px;

         border:1px solid black;

         border-top: 4px solid black;

         border-radius: 10px 10px 0 0;

         font-family : BROKEN GHOST;

         letter-spacing: 3px;

         text-align: center;

         -webkit-transition: 300ms;

         -moz-transition: 300ms;

         transition: 300ms;

}



.onglet:hover {background: #e7dac9

     }

.contenu_onglet{ font-size : 14px ;

         background: #d5bea2;

         border-radius : 20px;

         border: 1px solid #000000;

         border-left: 6px solid black;

         border-right: 6px solid black;

         box-shadow: 0 0 10px black, inset 0 0 10px black;

         padding: 10px;                

         display:none;

         height : 270px;

         width : 600px;

         overflow : auto;

         color: #c7c1be;

         text-shadow : 1px 1px 0px black;

}

     .cadre { border-radius: 10px;

         background: rgba(0, 0, 0, 0.3);

         width: 400px;

         height: 187px;

         float: right;

         text-align: left;

         padding: 5px;

         box-shadow: 0 0 10px #c77142, inset 0 0 5px black;

         overflow : auto;

}

.contact {border: 1px solid black;

         border-left: 3px solid black;

         border-right: 3px solid black;

         background: rgba(238, 120, 55, 0.6);

         padding: 5px;

         margin-top: 10px;

         color: black

}

     a {color: black;

         text-decoration: none;

         text-shadow: none;

         font-weight:bold;

     }

</style>

</head>

   <body>

       <div class="onglets">

<center><span class="onglet_0 onglet" id="onglet_1er" onmouseover="javascript:change_onglet('1er');">SIGNATURE</span>

<span class="onglet_0 onglet" id="onglet_2eme" onmouseover="javascript:change_onglet('2eme');">CADEAUX</span>


</center>

       </div>

         <center> <div class="contenu_onglet" id="contenu_onglet_1er">

<img src="http://img11.hostingpics.net/pics/969583KitsuneSign.jpg" alt=""><br/></div>

         <center> <div class="contenu_onglet" id="contenu_onglet_2eme">

             <img src="http://img11.hostingpics.net/pics/28481587V3.jpg"/><br/>

             
</div>

        <script type="text/javascript">

       //<!--

               var anc_onglet = '1er';

               change_onglet(anc_onglet);

       //-->

       </script>            

</body>

</html>

Sylphika
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 08/08/2013

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

Résolu Re: Signature codée problématique

Message par Self le Jeu 8 Aoû 2013 - 16:00

Bonjour Smile .

Deux solutions s'offre à vous :

Right Vous mettez votre signature en tant que page html de votre forum et passer par un Iframe.

ou

Right Vous séparer votre code en trois en mettant le javascript dans la gestion des codes javascript , le CSS dans la feuille de style CSS et le html dans votre signature.

A vous de me dire la quelle préfereriez vous ?

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature codée problématique

Message par Sylphika le Jeu 8 Aoû 2013 - 16:18

Bien vu que je débute dans tout ça je préférerais choisir la solution la plus simple, mais je ne sais pas laquelle des deux donc :(

Edit : J'avais déjà mis ma signature en page html du forum je me souviens, mais je ne sais pas comment passé par un Iframe.

Sylphika
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 08/08/2013

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

Résolu Re: Signature codée problématique

Message par Self le Jeu 8 Aoû 2013 - 16:35

La plus simple est d'aller dans:

Arrow Panneau d'administration
Arrow Modules
Arrow HTML & JAVASCRIPT
Arrow Gestion des pages HTML
----
Right cliquez sur le bouton "créer une nouvelle page HTML"
Right Coller y votre code
Right :enreg: 
----
Right cliquez de nouveau sur Gestion des pages HTML
Right cliquez ensuite sur à coté de la page que vous venez de crée
Right Dans la barre d'adresse prenez la partie du lien surligné qu'on retrouvera dans l'Iframe
----
Right Placé le code de l'Iframe dans la signature comme cela:
<Iframe width="615px" height="280px" frameborder="0" src="/h1-ma-page-html"></Iframe>
Warning J'ai écris en rouge le lien surligné que l'on retrouve ici Wink .

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature codée problématique

Message par Sylphika le Jeu 8 Aoû 2013 - 16:40

Merci beaucoup de votre aide ma signature apparaît enfin normalement, je n'aurait meêm pas pensée que c'était aussi simple. Very Happy

Sylphika
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 08/08/2013

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

Résolu Re: Signature codée problématique

Message par Sylphika le Jeu 8 Aoû 2013 - 16:49

Voilà.

Merci beaucoup. :3

Sylphika
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 08/08/2013

http://happyface.forumactif.org/forum
Sylphika 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