kun
{ Membre }
Messages : 53
| Bonsoir Amis de CSS . Alors voila je me suis lancé dans la création de ma PA avec onglets . Ambitieux ? un peu x) . Enfin bref , après des heures de travail acharné , j'ai reussis a faire un truc qui me plait bien . Le probleme c'est que le code marche sur mon forum test .. mais pas sur mon forum principal X__x . Je ne vois pas ou peut être le probleme je vous montre screen & code plus bas . - Spoiler:
Voici les screens pris sur mon forum de TEST , comme vous pouvez le voir , tout marche niquel .
- Spoiler:
Et voici ce que ca me donne sur mon forum principal .. assez embêtant ^^
Voici mon CSS : - Spoiler:
.onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; cursor:pointer; font-family: Casual, sans-serif; background-color : #00000; color : #4088ff; border:2px solid #FFFFFF; } .onglet_0 { font-family: Casual, sans-serif; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background-color : #0380ff; color : #f8fff8; border:2px solid #000000; } .onglet_1 { padding-bottom:4px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; font-family: Casual, sans-serif; background-color : #0028d2; color : #f8fff8; border:2px solid #000000; } .contenu_onglet { margin-left:3px; margin-right:3px; padding:3px; display:none; -moz-border-radius: 14px; -webkit-border-radius: 14px width: 900px; font-family: Casual, sans-serif; background-color : #ffffff; color : #000000; border:2px solid #000000; }
strong { font-family:Trebuchet MS; /*police du texte*/ letter-spacing:1px; /*espace entre les lettres*/ }
a.imginfo { position: relative; color: #COULEUR; text-decoration: none; border-bottom: VALEURpx #COUELUR solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ }
a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ }
a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: VALEURpx; /* on positionne notre infobulle */ left: VALEURpx; background: white; color: #COULEUR; padding: VALEURpx; border-left: VALEURpx solid #COULEUR; border-right: VALEURpx solid #COULEUR; border-top: VALEURpx solid #COULEUR; border-bottom: VALEURpx solid #COULEUR; }
et mon HTML : - Code:
-
<br><div class="onglets"> <span class="onglet_0 onglet" id="onglet_new" onclick="javascript:change_onglet('new');">Bienvenue</span> <span class="onglet_0 onglet" id="onglet_Annonces" onclick="javascript:change_onglet('Annonces');">Annonces du Moment</span> <span class="onglet_0 onglet" id="onglet_rp" onclick="javascript:change_onglet('rp');">Calendrier Simulation</span> <span class="onglet_0 onglet" id="onglet_partenaire" onclick="javascript:change_onglet('partenaire');">Championnats</span> <span class="onglet_0 onglet" id="onglet_Staff" onclick="javascript:change_onglet('Staff');">Le Staff</span> </div>
<div class="contenu_onglets"><div style="text-align: justify;"> </div><div style="font-family: Trebuchet MS;" class="contenu_onglet" id="contenu_onglet_new"><div class="boite"><div style="text-align: justify;"><div style="text-align: center;"> </div><blockquote><div align="justify"><div style="text-align: center;"><span style="font-size: 20px; line-height: normal;"></span><b> <img src="http://i22.servimg.com/u/f22/15/32/90/37/bienve10.png" alt="" border="0"> </b><br></div><b> Bienvenue sur Manager PES {USERNAME} . MPES est un forum de simulation , axé sur le dernier opus de Konami , qui te permettra de prendre le contrôle d'un club et de le mettre au sommet . Ouvert depuis le 18 novembre , Manager PES est un forum qui dure et qui se base sur une bonne humeur constante . Aprés une saison pleine ornée de succès , la saison deux est lancée , choisis un club parmis les clubs disponibles et part a la conquête du championnat national de ton équipe . Mais Aussi , les coupes européenes ou les meilleurs coachs de la saison passé s'affronte pour devenir LE meilleur club du forum en remportant un trophée . Tu pourras aussi prétendre au titre de champion En dehors de la simulation , Tu pourras , t'amuser dans la partie jeux , participer aux différentes activités , comme secret Story , N'oubliez pas les paroles , et une Story façon Manager PES . N'oublie pas de donné ton avis sur l'actualité Footballistique , sur les sondages journaliers , tu peux également participer aux différents Jeux . Bon jeu parmi nous !</b></div></blockquote></div> </div></div>
<div class="contenu_onglet" id="contenu_onglet_Annonces"><b><font face="Trebuchet MS">22/09 : <strong style="color: Red;">Everton </strong>, <strong style="color: Red;">Benfica </strong>ou encore la <strong style="color: Red;">Lazio de Rome </strong>sont libres ! Demandez votre club favoris après vos <strong><span style="color: Red;">35</span> </strong>messages <a style="font-style: italic;" href="http://www.managerpes.com/demande-d-equipe-f115/" class="postlink" target="_blank">ici </a><span style="font-style: italic;"> </span>.</font></b></div>
<b> </b><div style="text-align: center; font-family: Trebuchet MS;" class="contenu_onglet" id="contenu_onglet_rp"><b> <img src="http://i22.servimg.com/u/f22/15/32/90/37/calend10.png" alt="" border="0"><br><br> <span><marquee behavior="scroll" direction="up" scrollamount="1" height="60"><div style="margin: auto; text-align: center; width: 100%;"><font face="Trebuchet MS"><font color="blue">→ 4eme Journée de L'europa League </font></font> <font face="Trebuchet MS"><font color="green"><br>→ 10eme Journée des Championnats</font></font> <font face="Trebuchet MS"><font color="red"><br>→ 2eme Journée des Équipes Nationales<br> </font></font><font face="Trebuchet MS"><font color="blue">→ 5eme Journée de L'Europa League</font></font> <font face="Trebuchet MS"><font color="green"><br>→ 11eme Journée des championnats</font></font> <font face="Trebuchet MS"><font color="green"><br>→ 12eme Journée des Championnats <br></font></font> <font face="Trebuchet MS"><font color="red">→ 3eme Journée des Équipes Nationales <span style="font-size: 9px; line-height: normal;"><font face="Trebuchet MS"><br><a href="http://www.managerpes.com/annonces-f23/calendrier-simulation-t8643.htm" class="postlink" target="_blank">Calendrier Complet</a></font></span></font></font>
</div></marquee></span>
</b></div>
<b> </b><div class="contenu_onglet" id="contenu_onglet_partenaire"><div style="margin: auto; text-align: center; width: 100%;"><a href="http://www.managerpes.com/ligue-1-f16/" class="postlink" target="_blank"><img src="http://img189.imageshack.us/img189/2527/75800987.png" alt="" border="0"></a><a href="http://i66.servimg.com/u/f66/13/76/47/32/1-010.png" class="postlink" target="_blank"><img src="http://i66.servimg.com/u/f66/13/76/47/32/1-010.png" alt="" border="0"></a><a href="http://www.managerpes.com/serie-a-f28/" class="postlink" target="_blank"><img src="http://i66.servimg.com/u/f66/13/76/47/32/2-210.png" alt="" border="0"></a><a href="http://www.managerpes.com/liga-bbva-f29/" class="postlink" target="_blank"><img src="http://i66.servimg.com/u/f66/13/76/47/32/2-110.png" alt="" border="0"></a><a href="http://i66.servimg.com/u/f66/13/76/47/32/2-010.png" class="postlink" target="_blank"> <img src="http://i66.servimg.com/u/f66/13/76/47/32/2-010.png" alt="" border="0"></a><br> <span style="font-size: 9px; line-height: normal;"><font face="Trebuchet MS"><a href="http://www.managerpes.com/simulations-c4/" class="postlink" target="_blank">| Toutes les compétitions | </a></font></span></div></div>
<b> </b><div class="contenu_onglet" id="contenu_onglet_Staff"><b><a class="imginfo"> <img src="http://i22.servimg.com/u/f22/15/32/90/37/mino10.png"> <span> <table border="0" cellpadding="1" cellspacing="1" width="125"><tbody> <tr> <td style="text-align: center;"> <font size="1"> Mino , le Fondateur .<br> </font> </td> </tr> <tr> <td style="text-align: center;"> <a class="imginfo"> <img src="http://managerpes.forum2ouf.com/users/1111/10/01/02/avatars/1-75.jpg"> </a> </td> </tr> <tr> <td style="text-align: center;"> <font size="1"> <a href="http://managerpes.forum2ouf.com/messagerie-f91/messagerie--mino--t2710.htm" class="postlink" target="_blank">Voir sa Messagerie.</a><br><br> </font> </td> </tr> </tbody></table> </span> </a> <a class="imginfo"> <img src="http://i22.servimg.com/u/f22/15/32/90/37/iz10.png"> <span> <table border="0" cellpadding="1" cellspacing="1" width="125"><tbody> <tr> <td style="text-align: center;"> <font size="1"> Kun , l'Admin Monégasque .<br> </font> </td> </tr> <tr> <td style="text-align: center;"> <a class="imginfo"> <img src="http://i22.servimg.com/u/f22/15/32/90/37/ozil10.png"> </a> </td> </tr> <tr> <td style="text-align: center;"> <font size="1"> <a href="http://www.managerpes.com/messagerie-f91/messagerie-de-kun-t6696.htm" class="postlink" target="_blank">Voir sa Messagerie.</a><br><br> </font> </td> </tr> </tbody></table> </span> </a> <a class="imginfo"> <img src="http://i22.servimg.com/u/f22/15/32/90/37/gf10.png"> <span> <table border="0" cellpadding="1" cellspacing="1" width="125"><tbody> <tr> <td style="text-align: center;"> <font size="1"> Lucho , l'Admin Fan de Kun .<br> </font> </td> </tr> <tr> <td style="text-align: center;"> <a class="imginfo"> <img src="http://img155.imageshack.us/img155/7786/gourcuff1.png"> </a> </td> </tr> <tr> <td style="text-align: center;"> <font size="1"> <a href="http://managerpes.forum2ouf.com/messagerie-f91/lucho-l-admin-fan-de-kun-t6712.htm" class="postlink" target="_blank">Voir sa Messagerie.</a><br><br> </font> </td> </tr> </tbody></table> </span> </a> </b></div> <b> </b></div> <script type="text/javascript"> //<!-- var anc_onglet = 'new'; change_onglet(anc_onglet); //--> </script>
Si quelqu'un pourrait m'aider .. <3 |
Dernière édition par kun le Jeu 23 Sep 2010, 16:10, édité 1 fois | |
|
Radimir
{ Membre actif }
Messages : 459
| Hum en premier lieu , je te conseillerai de voir ce que tu aurais pu modifier sur ton forum test et oublié de faire sur ton forum principal , le code de la page en entier , la chatbox ou autre. Tu as peut être oublié de publier un template qui sait.
Si après vérification et que les modifications s'avère être similaire et le résultat different , essaye de nous fournir si possible le template que tu as modifié pour les onglets [L'Index box je crois ?] | | |
|
Kimy
{ Membre actif }
Messages : 1190
| Bonsoir =) Tu as bien pensé à mettre le script correspondant dans le template overall_header ? | | |
|
kun
{ Membre }
Messages : 53
| Bonjour et tout d'abord merci a vous deux d'avoir pris le temps de répondre En effet ,n'étant qu'administrateur sur le forum principal , je n'ai pas accès au template , néanmoins , je n'ai aucun souvenir d'avoir touché aux template ( j'ai fais la methode avec la Page HTML ) =) | | |
|
Pips'up
{ Membre }
Messages : 21
| Bonjour ! (:
As-tu bien pensé de mettre l'adresse de ta page HTLM entre balise script, comme ceci : - Code:
-
<script language="javascript" src="adresse de ta page html script onglet"></script> dans la description du forum ? Car j'ai fait la même chose que toi sur mon forum, et j'avais oublié de faire ça ^_^ Sinon, ben je ne sais pas alors :/ | | |
|
Kimy
{ Membre actif }
Messages : 1190
| kun > Si tu n'as rien mis dans les templates et que ton code HTML est seulement ce que tu nous as montré c'est normal que cela ne marche pas car tu as oublié de mettre le script. | | |
|
kun
{ Membre }
Messages : 53
| J'ai trouvé mon erreur ! J'avais mis mon script dans le Favicom et non dans la description du forum :p . Donc voila , Resolué | | |
|
Radimir
{ Membre actif }
Messages : 459
| Eh bien , toujours la petite erreur qu'on oublie x).
Bonne soirée. | | |
|