Problème avec ma PA

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

Résolu Problème avec ma PA

Message par Tica le Mar 18 Juin 2013 - 16:05

Bonjour Smile 
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:

Avec le HTML :


Avec le code Javascript :

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?


Dernière édition par Tica le Lun 24 Juin 2013 - 19:04, édité 1 fois

Tica
Nouveau membre

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

http://les-descendants.forumgratuit.be/
Tica a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma PA

Message par Ayael le Mar 18 Juin 2013 - 17:34

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 ?)

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma PA

Message par Tica le Mar 18 Juin 2013 - 17:39

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

Voilà Smile

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]


Dernière édition par Tica le Lun 24 Juin 2013 - 16:54, édité 1 fois

Tica
Nouveau membre

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

http://les-descendants.forumgratuit.be/
Tica a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma PA

Message par Tica le Lun 24 Juin 2013 - 16:53

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

Tica
Nouveau membre

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

http://les-descendants.forumgratuit.be/
Tica a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma PA

Message par MasDan le Lun 24 Juin 2013 - 18:11

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.

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

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

Résolu Re: Problème avec ma PA

Message par Tica le Lun 24 Juin 2013 - 18:13

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
Nouveau membre

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

http://les-descendants.forumgratuit.be/
Tica a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma PA

Message par Tica le Lun 24 Juin 2013 - 19:01

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

Tica
Nouveau membre

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

http://les-descendants.forumgratuit.be/
Tica 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