Problème avec ma PA

[Tica]

Bonjour  
Je viens de créer un forum (http://les-descendants.forumgratuit.be/) et un ami m'a codé une PA, seulement voilà, sur son propre forum, elle fonctionne à merveille, mais sur le mien j'ai ceci :

Spoiler:

Le HTML et le CSS sont activés, je n'ai pas modifié de templates, on ne comprend rien et on rame dessus depuis hier. Une idée du problème?

[Ayael]

C'est comme si vous aviez copié le template entier dans la PA^^" Tu es sûre que vous avez mis le bon code dans l'encadré ?
(Pourrez-t-on voir le code html copier ?)

[Tica]

Ben j'ai mit les deux seuls codes qu'il m'a donné...

Voilà

Code:


[color=#943043][font=David]<div id="pafocus_head"></div><div id="pafocus_body"><div id="pafocus"><div class="pafocus_onglet1" tabindex="0">Actualité<div class="pafocus_contenu1"><div class="pafocus_contenu">Contenu 1</div>[/font][/color][color=#943043][font=David][/font][/color]
[color=#943043][font=David]</div></div><div class="pafocus_onglet2" tabindex="0">A savoir<div class="pafocus_contenu2"><div class="pafocus_contenu">Contenu 2</div>[/font][/color][color=#943043][font=David][/font][/color]
[color=#943043][font=David]</div></div>  <div class="pafocus_onglet3" tabindex="0">Les suprêmes<div class="pafocus_contenu3"><div class="pafocus_contenu">Contenu 3</div>[/font][/color][color=#943043][font=David][/font][/color]
[color=#943043][font=David]</div></div><div class="pafocus_contenu4"><div class="pafocus_contenu">Contenu défaut</div></div>[/font][/color][color=#943043][font=David][/font][/color]
[color=#943043][font=David]</div>[/font][/color][color=#943043][font=David][/font][/color]
[color=#943043][font=David]</div><div id="pafocus_foot"></div>[/font][/color][color=#943043][font=David][/font][/color]


Code:


[color=#943043][font=David]/* PA ONGLETS LATERAUX ONCLIC EN FOCUS */[/font][/color]
[color=#943043][font=David]
[/font][/color]
[color=#943043][font=David]#pafocus_head[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  width: 980px;[/font][/color]
[color=#943043][font=David]  height: 151px;[/font][/color]
[color=#943043][font=David]  background: url(http://img4.hostingpics.net/pics/661356head2.png) no-repeat;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David]#pafocus_body[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  width: 980px;[/font][/color]
[color=#943043][font=David]  height: 350px;[/font][/color]
[color=#943043][font=David]  background: url(http://img4.hostingpics.net/pics/327834body4.png) no-repeat;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David]#pafocus_foot[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  width: 980px;[/font][/color]
[color=#943043][font=David]  height: 95px;[/font][/color]
[color=#943043][font=David]  background: url(http://img4.hostingpics.net/pics/958927footer.png) no-repeat;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David]
[/font][/color]
[color=#943043][font=David]#pafocus[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  padding-top: 20px;[/font][/color]
[color=#943043][font=David]  padding-bottom: 20px;[/font][/color]
[color=#943043][font=David]  text-align: right;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_onglet1[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  width: 150px;[/font][/color]
[color=#943043][font=David]  height: 20px;[/font][/color]
[color=#943043][font=David]  padding: 4px;[/font][/color]
[color=#943043][font=David]  margin-left: 0;[/font][/color]
[color=#943043][font=David]  margin-bottom: 10px;[/font][/color]
[color=#943043][font=David]  background: #dbb8db;[/font][/color]
[color=#943043][font=David]  border: 1px solid #a87ba9;[/font][/color]
[color=#943043][font=David]  box-shadow: 0px 0px 4px #493b32;[/font][/color]
[color=#943043][font=David]  -moz-box-shadow: 0px 0px 4px #493b32;[/font][/color]
[color=#943043][font=David]  -o-box-shadow: 0px 0px 4px #493b32;[/font][/color]
[color=#943043][font=David]  -htm-box-shadow: 0px 0px 4px #493b32;[/font][/color]
[color=#943043][font=David]  -webkit-box-shadow: 0px 0px 4px #493b32;[/font][/color]
[color=#943043][font=David]  font-weight: bold;[/font][/color]
[color=#943043][font=David]  color: #000000;[/font][/color]
[color=#943043][font=David]  text-shadow: 1px 1px 0px #a87ba9;[/font][/color]
[color=#943043][font=David]  text-align: center;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_onglet2[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  width: 150px;[/font][/color]
[color=#943043][font=David]  height: 20px;[/font][/color]
[color=#943043][font=David]  padding: 4px;[/font][/color]
[color=#943043][font=David]  margin-left: 0;[/font][/color]
[color=#943043][font=David]  margin-bottom: 10px;[/font][/color]
[color=#943043][font=David]  background: #aca4ce;[/font][/color]
[color=#943043][font=David]  border: 1px solid #8479b1;[/font][/color]
[color=#943043][font=David]  box-shadow: 0px 0px 4px #605750;[/font][/color]
[color=#943043][font=David]  -moz-box-shadow: 0px 0px 4px #605750;[/font][/color]
[color=#943043][font=David]  -o-box-shadow: 0px 0px 4px #605750;[/font][/color]
[color=#943043][font=David]  -htm-box-shadow: 0px 0px 4px #605750;[/font][/color]
[color=#943043][font=David]  -webkit-box-shadow: 0px 0px 4px #605750;[/font][/color]
[color=#943043][font=David]  font-weight: bold;[/font][/color]
[color=#943043][font=David]  color: #FFFFFF;[/font][/color]
[color=#943043][font=David]  text-shadow: 1px 1px 0px #8479b1;[/font][/color]
[color=#943043][font=David]  text-align: center;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_onglet3[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  width: 150px;[/font][/color]
[color=#943043][font=David]  height: 20px;[/font][/color]
[color=#943043][font=David]  padding: 4px;[/font][/color]
[color=#943043][font=David]  margin-left: 0;[/font][/color]
[color=#943043][font=David]  background: #bac59e;[/font][/color]
[color=#943043][font=David]  border: 1px solid #93a072;[/font][/color]
[color=#943043][font=David]  box-shadow: 0px 0px 4px #3a372d;[/font][/color]
[color=#943043][font=David]  -moz-box-shadow: 0px 0px 4px #3a372d;[/font][/color]
[color=#943043][font=David]  -o-box-shadow: 0px 0px 4px #3a372d;[/font][/color]
[color=#943043][font=David]  -htm-box-shadow: 0px 0px 4px #3a372d;[/font][/color]
[color=#943043][font=David]  -webkit-box-shadow: 0px 0px 4px #3a372d;[/font][/color]
[color=#943043][font=David]  font-weight: bold;[/font][/color]
[color=#943043][font=David]  color: #000000;[/font][/color]
[color=#943043][font=David]  text-shadow: 1px 1px 0px #93a072;[/font][/color]
[color=#943043][font=David]  text-align: center;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_onglet1:hover, .pafocus_onglet2:hover, .pafocus_onglet3:hover[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  margin-left: 20px;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_contenu1[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  position: absolute;[/font][/color]
[color=#943043][font=David]  z-index: 1;[/font][/color]
[color=#943043][font=David]  width: 700px;[/font][/color]
[color=#943043][font=David]  height: 340px;[/font][/color]
[color=#943043][font=David]  overflow: auto;[/font][/color]
[color=#943043][font=David]  margin-left: 200px;[/font][/color]
[color=#943043][font=David]  margin-top: -40px;[/font][/color]
[color=#943043][font=David]  background: #e6e6e6;[/font][/color]
[color=#943043][font=David]  border: 1px  solid #f5f4ee;[/font][/color]
[color=#943043][font=David]  box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -moz-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -o-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -htm-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -webkit-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]  opacity: 0;[/font][/color]
[color=#943043][font=David]  -moz-opacity: 0;[/font][/color]
[color=#943043][font=David]  -khtml-opacity: 0;[/font][/color]
[color=#943043][font=David]  filter: alpha(opacity=0); [/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_contenu2[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  position: absolute;[/font][/color]
[color=#943043][font=David]  z-index: 2;[/font][/color]
[color=#943043][font=David]  width: 700px;[/font][/color]
[color=#943043][font=David]  height: 340px;[/font][/color]
[color=#943043][font=David]  overflow: auto;[/font][/color]
[color=#943043][font=David]  margin-left: 200px;[/font][/color]
[color=#943043][font=David]  margin-top: -80px;[/font][/color]
[color=#943043][font=David]  background: #e6e6e6;[/font][/color]
[color=#943043][font=David]  border: 1px  solid #f5f4ee;[/font][/color]
[color=#943043][font=David]  box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -moz-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -o-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -htm-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -webkit-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]  opacity: 0;[/font][/color]
[color=#943043][font=David]  -moz-opacity: 0;[/font][/color]
[color=#943043][font=David]  -khtml-opacity: 0;[/font][/color]
[color=#943043][font=David]  filter: alpha(opacity=0); [/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_contenu3[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  position: absolute;[/font][/color]
[color=#943043][font=David]  z-index: 3;[/font][/color]
[color=#943043][font=David]  width: 700px;[/font][/color]
[color=#943043][font=David]  height: 340px;[/font][/color]
[color=#943043][font=David]  overflow: auto;[/font][/color]
[color=#943043][font=David]  margin-left: 200px;[/font][/color]
[color=#943043][font=David]  margin-top: -120px;[/font][/color]
[color=#943043][font=David]  background: #e6e6e6;[/font][/color]
[color=#943043][font=David]  border: 1px  solid #f5f4ee;[/font][/color]
[color=#943043][font=David]  box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -moz-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -o-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -htm-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -webkit-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]  opacity: 0;[/font][/color]
[color=#943043][font=David]  -moz-opacity: 0;[/font][/color]
[color=#943043][font=David]  -khtml-opacity: 0;[/font][/color]
[color=#943043][font=David]  filter: alpha(opacity=0); [/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_contenu4[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  position: absolute;[/font][/color]
[color=#943043][font=David]  z-index: 4;[/font][/color]
[color=#943043][font=David]  width: 700px;[/font][/color]
[color=#943043][font=David]  height: 340px;[/font][/color]
[color=#943043][font=David]  overflow: auto;[/font][/color]
[color=#943043][font=David]  margin-left: 204px;[/font][/color]
[color=#943043][font=David]  margin-top: -133px;[/font][/color]
[color=#943043][font=David]  background: #e6e6e6;[/font][/color]
[color=#943043][font=David]  border: 1px  solid #f5f4ee;[/font][/color]
[color=#943043][font=David]  box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -moz-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -o-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -htm-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]  -webkit-box-shadow: 0px 0px 4px #38342d;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_contenu[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  padding: 4px;[/font][/color]
[color=#943043][font=David]  color: #74685d;[/font][/color]
[color=#943043][font=David]  font-size: 11px;[/font][/color]
[color=#943043][font=David]  text-shadow: 1px 1px 0px #f7f6f0;[/font][/color]
[color=#943043][font=David]  text-align: justify;[/font][/color]
[color=#943043][font=David]  font-weight: normal;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_onglet1:hover .pafocus_contenu1, .pafocus_onglet2:hover .pafocus_contenu2,[/font][/color]
[color=#943043][font=David].pafocus_onglet3:hover .pafocus_contenu3[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  margin-left: 180px;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David].pafocus_onglet1:focus .pafocus_contenu1, .pafocus_onglet2:focus .pafocus_contenu2,[/font][/color]
[color=#943043][font=David].pafocus_onglet3:focus .pafocus_contenu3[/font][/color]
[color=#943043][font=David]{[/font][/color]
[color=#943043][font=David]  z-index: 10;[/font][/color]
[color=#943043][font=David]  transition: 1s;[/font][/color]
[color=#943043][font=David]  -moz-transition: 1s;[/font][/color]
[color=#943043][font=David]  -o-transition: 1s;[/font][/color]
[color=#943043][font=David]  -htm-transition: 1s;[/font][/color]
[color=#943043][font=David]  -webkit-transition: 1s;[/font][/color]
[color=#943043][font=David]  opacity: 1;[/font][/color]
[color=#943043][font=David]  -moz-opacity: 1;[/font][/color]
[color=#943043][font=David]  -khtml-opacity: 1;[/font][/color]
[color=#943043][font=David]  filter: alpha(opacity=100); [/font][/color]
[color=#943043][font=David]}[/font][/color]
[color=#943043][font=David]

[Tica]

UP s'il-vous-plait j'y arrives toujours pas, j'ai tout essayé 

[MasDan]

Bonjour,

Vous parlez dans votre premier message de Html et Javascript.

Par contre, les codes publiés sont du Html et du css.

Le premier code publié (boîte code) est du HTML  (débute par «[c olor=#943043][f ont=David]<div id="pafocus_head"></div><div»).

Le deuxième code publié est du CSS (débute par «[c olor=#943043][f ont=David]/* PA ONGLETS LATERAUX ONCLIC EN FOCUS */[/font][/color]»).

Et surtout vous enlevez tout le code entre crochet [], crochet inclus.[/font][/color].

Dans le panneau d'administration, les pages HTML se trouvent sous l'onglet modules, boîtes à gauche tout en bas (html & javascript / Gestion des pages html). Pour le code CSS, toujours dans le panneau d'administration, sous l'onglet affichage, images et couleur, couleurs; choisir l'onglet Feuille de style CSS et y ajouter votre code.

Les crochet, c'est du bbcode. C'est utiliser dans les messages du forum seulement.

P.S. des blancs ont volontairement été inséré pour déactiver le BBCode dans ce message.

[Tica]

Okiii merci ^^ Il m'a dit que c'était du javascript... 
Tant pis je vais essayer comme vous avez dit et je vous tiens au courant.
Merci beaucoup *-*

EDIT : A la base, il n'y a pas les BBcodes, donc c'est pas ça qui cloche non plus et ça ne marche toujours pas. (Les BBcodes, je sais pas pourquoi ni comment ils se sont rajoutés mais ça me fait ça chaque fois que je mets en [ code] )

[Tica]

Désolée du double post mais...
J'ai réussiiiiiiiiiiiiiiiii *-* En fait c'était tout con, mon ami m'envoyait les codes un par un donc j'avais pas pensé à les mettre tous les deux, et pour le CSS, à chaque fois je retirais le code de base xD
Bref, merci beaucoup de votre aide *-*