CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Onglet ne s'affichants pas... | |
| Etoile Nocturne
{ Membre }
Messages : 66
| salut, voilà ,j'ai un forum de RPG équin , ayant besoins d'une ressource HTLM , j'ai trouver mon bonheur et des gens pouvant prendre mes commandes sur le forum . Bref , le problème n'est pas la.. L'on m'a fait une page d'accueil , sur un de forum test , tout est nikel , mais sur le mien..
cliquez , c'est mon forum , et regardez par vous même
La largeur et de 70%...
Même le créateur de la PA , ne sais pas d'ou sa viens..
Si vous pouviez m'éclairez avec un allogène sur le problème..
Merci d'avance et bonne journée! |
Dernière édition par Etoile Nocturne le Lun 14 Fév 2011, 06:32, édité 1 fois | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hi ^^
Pour aller plus vite, voici les codes :
- Code:
-
<table width="700" align="center" cellspacing="3" class="tableau">
<tr> <td align="center"> <h2 class="navig">Navigation</h2> <div class="navigation"> <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a> <a href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer" class="a2">Comment bien s'intégrer</a> <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a> </div> </td> </tr>
<tr border="0"> <td colspan="3" align="center" valign="center"> <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0"> </td> </tr>
<tr> <td class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1"> <h2 class="navig">Partenaires</h2>
<p> ______________________________________
<marquee> <a href=" http://esprits-sauvages.forumgratuit.org/"><img src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> </marquee>
_____________________________________
<br/>
Place libre </p> </td> <td> <div class="onglets"> <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">News</span> <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Concept</span> <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Statistiques</span> <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Staff</span> </div> <div class="contenu_onglets"> <!-- ONGLET DES NEWS --> <div class="contenu_onglet" id="contenu_onglet_quoi"> <!-- CONTENU ONGLET --> <h1>News</h1> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU CONCEPT --> <div class="contenu_onglet" id="contenu_onglet_qui"> <!-- CONTENU ONGLET --> <h1>Concept</h1> Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DES STATS --> <div class="contenu_onglet" id="contenu_onglet_pourquoi"> <!-- CONTENU ONGLET --> <h1>Statistiques</h1> "But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. ?" <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU STAFF --> <div class="contenu_onglet" id="contenu_onglet_staff"> <!-- CONTENU ONGLET --> <h1>Staff</h1>
<table align="center" border="0" height="240px"> <tr> <td class="mini-avatar" cellspacing="0" id="lien" valign="top"> <div class="infobulle"> <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0"> <span> <div class="staff"> <strong style="color:#fff;">Fondateur</strong>
<a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a> </div> </span> </div> </td> </tr> </table> <!-- FIN CONTENU ONGLET --> </div> </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS --> <!-- SCRIPT IMPORTANT, NE PAS TOUCHER --> <script type="text/javascript"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> <!-- FIN DU SCRIPT --> </td> </tr> <tr height="20"> <td colspan="2" align="center" class="copy">Page codée par M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour Petits Esprits</td></tr> </table> Et le CSS
- Code:
-
.onglet{ color: #fff; background-color:000; display:inline-block; margin-left:10px; margin-right:0px; margin-bottom:-3px; margin-top:5px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; letter-spacing:-1px; font-size:13px; font-style:normal; width: 75px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border:1px dashed #a6a6a6; }
.contenu_onglet{ background-color:000; margin-top:0px; margin-bottom:5px; margin-right:2px; margin-left:2px; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; font-size:12px; font-style:normal; display:none; height:250px; width:400px; overflow:auto; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border:1px dashed #a6a6a6; text-align:justify; color:#ffffff; }
.box1{ background-color: #000; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border:1px dashed #a6a6a6; box-shadow: 2px 2px 2px #fff; -webkit-box-shadow: 2px 2px 0 #a6a6a6; -moz-box-shadow: 2px 2px 0 #a6a6a6; color: #fff; font-size: 14px; text-shadow: 2px 2px 2px #fff; text-align: top;}
.lien { background-color: #000; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border:1px dashed #a6a6a6; box-shadow: 2px 2px 2px #fff; color: #fff; font-size: 14px; text-shadow: 2px 2px 2px #fff; text-align: top;}
.tableau { background-color: #000; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border:1px dashed #a6a6a6;}
.navig { font-size: 12px; background-color: #000; padding: 5px; -moz-border-radius: 4px 4px 4px; -webkit-border-radius: 4px 4px 4px; border: 4px; color: #fff; text-align: center; margin: 5px; -webkit-box-shadow: 0px 0px 2px 2px #a6a6a6; -moz-box-shadow: 0px 0px 2px 2px#a6a6a6;
}
.navigation { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #000; font-size: 12px; height: 20px; width: 400px; margin: 5px; padding: 3px; line-height:34px; -webkit-box-shadow: 2px 2px 0 #a6a6a6; -moz-box-shadow: 2px 2px 0 #a6a6a6; padding-top: 1px;
}
.a2 { height: 50px; background-color: #a6a6a6; width: 100%; color: #000; text-align:center; border: 2px solid #e5e4eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:7px; }
.a2:hover {
background-color: #c0bcd1; color: #fff; letter-spacing: 1px; margin: 3px; border: 3px solid #e5e4eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.infobulle{ position: relative; z-index: 0; padding-top:3px; padding-left:3px; }
.infobulle:hover{ background-color: transparent; z-index: 50; }
.infobulle span{ position: absolute; background-color:#000000; padding: 5px; left: -1000px; visibility: hidden; color: #FFFFFF; text-decoration: none; text-align: center; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border:4px solid #a6a6a6; }
.infobulle span img{ border: 1px groove; padding: 2px; }
.infobulle:hover span{ visibility: visible; top: 5px; left: 25px; /*position where enlarged image should offset horizontally */ width: 160px }
.copy{ -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border:1px dashed #a6a6a6; color: #fff; letter-spacing: 3px; } | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| Merci , j'avais oublier les codes aussi...... | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Coucou! Remplace ta PA par : - Code:
-
<table width="100%" align="center" cellspacing="3" class="tableau">
<tr> <td align="center"> <h2 class="navig">Navigation</h2> <div class="navigation"> <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a> <a href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer" class="a2">Comment bien s'intégrer</a> <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a> </div> </td> </tr>
<tr border="0"> <td colspan="3" align="center" valign="center"> <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0"> </td> </tr>
<tr> <td class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1"> <h2 class="navig">Partenaires</h2>
<p> ______________________________________
<marquee> <a href=" http://esprits-sauvages.forumgratuit.org/"><img src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> </marquee>
_____________________________________
<br/>
Place libre </p> </td> <td> <div class="onglets"> <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">News</span> <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Concept</span> <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Statistiques</span> <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Staff</span> </div> <div class="contenu_onglets"> <!-- ONGLET DES NEWS --> <div class="contenu_onglet" id="contenu_onglet_quoi"> <!-- CONTENU ONGLET --> <h1>News</h1> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU CONCEPT --> <div class="contenu_onglet" id="contenu_onglet_qui"> <!-- CONTENU ONGLET --> <h1>Concept</h1> Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DES STATS --> <div class="contenu_onglet" id="contenu_onglet_pourquoi"> <!-- CONTENU ONGLET --> <h1>Statistiques</h1> "But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. ?" <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU STAFF --> <div class="contenu_onglet" id="contenu_onglet_staff"> <!-- CONTENU ONGLET --> <h1>Staff</h1>
<table align="center" border="0" height="240px"> <tr> <td class="mini-avatar" cellspacing="0" id="lien" valign="top"> <div class="infobulle"> <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0"> <span> <div class="staff"> <strong style="color:#fff;">Fondateur</strong>
<a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a> </div> </span> </div> </td> </tr> </table> <!-- FIN CONTENU ONGLET --> </div> </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS --> <!-- SCRIPT IMPORTANT, NE PAS TOUCHER --> <script type="text/javascript"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> <!-- FIN DU SCRIPT --> </td> </tr> <tr height="20"> <td colspan="2" align="center" class="copy">Page codée par M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour Petits Esprits</td></tr> </table> Voilà. | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| C'est mieux , mais toujours rien pour mes petits onglets..... Mais merci... | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Et comme ça ? - Code:
-
<table width="100%" align="center" cellspacing="3" class="tableau">
<tr> <td align="center"> <h2 class="navig">Navigation</h2> <div class="navigation"> <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a> <a href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer" class="a2">Comment bien s'intégrer</a> <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a> </div> </td> </tr>
<tr border="0"> <td colspan="3" align="center" valign="center"> <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0"> </td> </tr>
<tr> <td class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1"> <h2 class="navig">Partenaires</h2>
<p> ______________________________________
<marquee> <a href=" http://esprits-sauvages.forumgratuit.org/"><img src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> </marquee>
_____________________________________
<br/>
Place libre </p> </td> <td> <div class="onglets"> <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">News</span> <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Concept</span> <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Statistiques</span> <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Staff</span> </div> <div class="contenu_onglets"> <!-- ONGLET DES NEWS --> <div class="contenu_onglet" id="contenu_onglet_quoi"> <!-- CONTENU ONGLET --> <h1>News</h1> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU CONCEPT --> <div class="contenu_onglet" id="contenu_onglet_qui"> <!-- CONTENU ONGLET --> <h1>Concept</h1> Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DES STATS --> <div class="contenu_onglet" id="contenu_onglet_pourquoi"> <!-- CONTENU ONGLET --> <h1>Statistiques</h1> "But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. ?" <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU STAFF --> <div class="contenu_onglet" id="contenu_onglet_staff"> <!-- CONTENU ONGLET --> <h1>Staff</h1>
<table align="center" border="0" height="240px"> <tr> <td class="mini-avatar" cellspacing="0" id="lien" valign="top"> <div class="infobulle"> <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0"> <span> <div class="staff"> <strong style="color:#fff;">Fondateur</strong>
<a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a> </div> </span> </div> </td> </tr> </table> <!-- FIN CONTENU ONGLET --> </div> </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS --> <!-- SCRIPT IMPORTANT, NE PAS TOUCHER --> //<!-- var anc_onglet = '1'; change_onglet(anc_onglet); //--> //<!-- 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; } //--> <!-- FIN DU SCRIPT --> </td> </tr> <tr height="20"> <td colspan="2" align="center" class="copy">Page codée par M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour Petits Esprits</td></tr> </table> Il manquait un autre script. | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| toujours rien | | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hari', ça ne peut pas venir de son forum? Parce que le script et tout le code marche parfaitement chez moi en plus Lostmindy avait corrigé quelques lacunes ô.o | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| Je ne sais pas , peut être un template qui beug ou autre non? | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Non, ça ne vient pas de chez son forum. La Page d'Accueil de fonctionne pas sur mon site non plus :
http://cssactif.free.fr/aide/qeelmurtagh.html | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| Beiin mince alors.... Sa viens d'ou? Car , ce n'est pas urgent ... Mais , je vous laisse le temps de voire.. car , je ce code me pose une colle....... | | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Ô.o pourtant ça marche sur le mien >< http://test.forumcanada.org/ | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| Arf.. Vous me narguez avec la PA qui marche que sur le votre xD | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Non mais c'est bon, il y avait plein d'erreurs, je viens de tout recorriger. T'es sûr que quelqu'un été repassé derrière toi ? ôO - Code:
-
<table width="100%" align="center" cellspacing="3" class="tableau">
<tr> <td align="center"> <h2 class="navig">Navigation</h2> <div class="navigation"> <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a> <a href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer" class="a2">Comment bien s'intégrer</a> <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a> </div> </td> </tr>
<tr border="0"> <td colspan="3" align="center" valign="center"> <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0"> </td> </tr>
<tr> <td class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1"> <h2 class="navig">Partenaires</h2>
<p> ______________________________________
<marquee> <a href=" http://esprits-sauvages.forumgratuit.org/"><img src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a> </marquee>
_____________________________________
<br/>
Place libre </p> </td> <td> <div class="onglets"> <span class="onglet_1 onglet" id="onglet_1" onclick="javascript:change_onglet('1');">News</span> <span class="onglet_0 onglet" id="onglet_2" onclick="javascript:change_onglet('2');">Concept</span> <span class="onglet_0 onglet" id="onglet_3" onclick="javascript:change_onglet('3');">Statistiques</span> <span class="onglet_0 onglet" id="onglet_4" onclick="javascript:change_onglet('4');">Staff</span> </div> <div class="contenu_onglets"> <!-- ONGLET DES NEWS --> <div class="contenu_onglet" id="contenu_onglet_1" style="display:block;"> <!-- CONTENU ONGLET --> <h1>News</h1> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU CONCEPT --> <div class="contenu_onglet" id="contenu_onglet_2" style="display: none;"> <!-- CONTENU ONGLET --> <h1>Concept</h1> Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DES STATS --> <div class="contenu_onglet" id="contenu_onglet_3"> <!-- CONTENU ONGLET --> <h1>Statistiques</h1> "But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. ?" <!-- FIN CONTENU ONGLET --> </div> <!-- ONGLET DU STAFF --> <div class="contenu_onglet" id="contenu_onglet_4"> <!-- CONTENU ONGLET --> <h1>Staff</h1>
<table align="center" border="0" height="240px"> <tr> <td class="mini-avatar" cellspacing="0" id="lien" valign="top"> <div class="infobulle"> <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0"> <span> <div class="staff"> <strong style="color:#fff;">Fondateur</strong>
<a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a> </div> </span> </div> </td> </tr> </table> <!-- FIN CONTENU ONGLET --> </div> </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS --> </td> </tr> <tr height="20"> <td colspan="2" align="center" class="copy">Page codée par M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour Petits Esprits</td></tr> </table>
<script type="text/javascript"> //<!-- var anc_onglet = '1'; change_onglet(anc_onglet); //--> //<!-- 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> | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| Yeah ! merci ,tous marche , c'est nikel! Comment vous faites pour corriger aussi vite?:p:p | | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Nan je trouve cela juste bizarre xD Hari' Oui Lostmindy l'a corrigé avant que je le poste ^^'' |
Dernière édition par Massive8despair le Lun 14 Fév 2011, 06:14, édité 1 fois | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Ben, en même temps, je suis codeur référent --' Donc, c'est un peu normal que je corrige vite xDD Bon, ben tant que ça marche, tant mieux & Sinon, je sais pas si ta remarqué mais la PA s'est agrandi en largeur (100%). C'est ce que tu souhaiter ou pas? :/ | | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| ok , bah c'est résolu , merci à vous deux!
100% sa veux dire? oui , c'est parfait comme sa , car sinon , sa fait trop petit:p:p | | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| 100% = la largeur de la PA Bon bah si tout est nickel etc, n'oublies pas de cocher l'icône résolu dans les deux sujets
| | |
| | | Etoile Nocturne
{ Membre }
Messages : 66
| n'est i lpas possible, de mettre la même taille pour la page d'accueil que sur le forum de test svp? car en regardant bien , je vois qu'il y a une gros blan à droite=( | | |
| | | Contenu sponsorisé
| | | | | Onglet ne s'affichants pas... | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|