Un accueil en onglet
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Un accueil en onglet
Bonsoir,
Je reviens vers vous car je suis sur le pont de laisser tomber de découragement.
Cela fait un moment que je veux installer une page d'accueil en onglet.
J'ai suivi le tuto que j'ai trouver ici, et sa marche plutôt bien j'ai testé est j'ai bien ma page d'accueil avec les onglets SEULEMENT quoi que je fasse ça reste sur le premier onglet, j'ai beau cliqué encore et encore sur le deuxième onglet rien n'y fait. Je désespère vraiment là
Voici le code de la page d'accueil
et celui du CSS
Et je n'ai pas modifié les templates
Est ce que quelqu'un pourrais me dire ou est mon problème
Je reviens vers vous car je suis sur le pont de laisser tomber de découragement.
Cela fait un moment que je veux installer une page d'accueil en onglet.
J'ai suivi le tuto que j'ai trouver ici, et sa marche plutôt bien j'ai testé est j'ai bien ma page d'accueil avec les onglets SEULEMENT quoi que je fasse ça reste sur le premier onglet, j'ai beau cliqué encore et encore sur le deuxième onglet rien n'y fait. Je désespère vraiment là
Voici le code de la page d'accueil
- Code:
<script>function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';</script><div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Généralité</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Crédits et partenaires</li>
</ul>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu"><table
style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle;"><img
style="width: 300px; height: 100px;" alt=""
src="http://img11.hostingpics.net/pics/444325bienvenue4.png"><br>
Once more with feelings est une nouvelle communauté
basée sur le graphisme et l'écriture. Ici vous
pourrez trouvez des tutos, des photoshoots et autres ressource dans vos
graphismes<br>
Mais aussi un endroit ou faire partage votre passion pour
l'écriture</td>
<td>
<div style="text-align: center;"><img
style="width: 186px; height: 100px;" alt=""
src="http://img11.hostingpics.net/pics/128418540516bienvenue4.png"><br>
</div>
<table style="text-align: left; width: 100%;" border="0"
cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td><img alt=""
src="http://img11.hostingpics.net/pics/266977Base154.png"
style="border: 0px solid ; width: 100px; height: 100px;"></td>
<td>
<h1>Lalita </h1>
Administratrice dévoué et fondatrice du forum</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="co_2" class="mon_contenu" style="display: none;"><table
style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center;"><img
style="width: 174px; height: 100px;" alt=""
src="http://img11.hostingpics.net/pics/712653bienvenue42.png"><br>
Version 1 - Les tourments de Wynona <br>
By - Lalita<br>
Codage by - Lalita</td>
<td style="text-align: center;"><span
class="lumiere"><img style="width: 165px; height: 100px;"
alt=""
src="http://img11.hostingpics.net/pics/541163bienvenue43.png"></span><br>
<marquee scrollamount="2" direction="up"
width="200" height="100">
<div style="text-align: center;">Pas pour le moment </div>
</marquee>
<br>
</td>
</tr>
</tbody>
</table>
</div>
</div>
et celui du CSS
- Code:
body {
background-repeat: no-repeat;
}
ul, li{
list-style: none;
}
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #E2E2E0;
background: #070003;
border: 1px solid #6A6A6A;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
}
.mon_onglet:hover{
background: #070003;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #E2E2E0;
background: #070003;
border-top: 1px solid #6A6A6A;
border-right: 1px solid #6A6A6A;
border-left: 1px solid #6A6A6A;
border-bottom: 1px solid #6A6A6A;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
}
.clear{
clear: both;
}
.mon_contenu{
color: #E2E2E0;
background: #070003;
border: 1px solid #6A6A6A;
padding: 10px;
margin: -1px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
}
#mes_contenus, #mes_onglets{
width: 800px;
}
h1
{
font-size: 20px;
COLOR: #E2E2E0;
text align: center
}
h2
{
font-size: 16px;
COLOR:#E2E2E0;
}
a { text-decoration: none; }
a:link
{text-decoration:none;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#69A9B2;
cursor: se-resize;
font-size: 14px;}
a:visited
{text-decoration:none;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#69A9B2;
cursor: se-resize;
font-size: 14px;}
a:active
{text-decoration:none;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#69A9B2;
cursor: se-resize;
font-size: 14px;}
a:hover
{text-decoration:none;
text-transform:uppercase;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#DAB58B;
cursor: se-resize;
font-size: 14px; }
Et je n'ai pas modifié les templates
Est ce que quelqu'un pourrais me dire ou est mon problème
Dernière édition par Lalita18 le Mer 1 Juin 2011 - 18:12, édité 1 fois
Re: Un accueil en onglet
Bonjour,
Il manque un petit bout du script, je l'ai remplacé dans votre message d'accueil, et ça fonctionne sur mon forum test:
Cordialement.
Il manque un petit bout du script, je l'ai remplacé dans votre message d'accueil, et ça fonctionne sur mon forum test:
- Code:
<script type="text/javascript">
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
}
</script><div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Généralité</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Crédits et partenaires</li>
</ul>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu"><table
style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle;"><img
style="width: 300px; height: 100px;" alt=""
src="http://img11.hostingpics.net/pics/444325bienvenue4.png"><br>
Once more with feelings est une nouvelle communauté
basée sur le graphisme et l'écriture. Ici vous
pourrez trouvez des tutos, des photoshoots et autres ressource dans vos
graphismes<br>
Mais aussi un endroit ou faire partage votre passion pour
l'écriture</td>
<td>
<div style="text-align: center;"><img
style="width: 186px; height: 100px;" alt=""
src="http://img11.hostingpics.net/pics/128418540516bienvenue4.png"><br>
</div>
<table style="text-align: left; width: 100%;" border="0"
cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td><img alt=""
src="http://img11.hostingpics.net/pics/266977Base154.png"
style="border: 0px solid ; width: 100px; height: 100px;"></td>
<td>
<h1>Lalita </h1>
Administratrice dévoué et fondatrice du forum</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="co_2" class="mon_contenu" style="display: none;"><table
style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center;"><img
style="width: 174px; height: 100px;" alt=""
src="http://img11.hostingpics.net/pics/712653bienvenue42.png"><br>
Version 1 - Les tourments de Wynona <br>
By - Lalita<br>
Codage by - Lalita</td>
<td style="text-align: center;"><span
class="lumiere"><img style="width: 165px; height: 100px;"
alt=""
src="http://img11.hostingpics.net/pics/541163bienvenue43.png"></span><br>
<marquee scrollamount="2" direction="up"
width="200" height="100">
<div style="text-align: center;">Pas pour le moment </div>
</marquee>
<br>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Cordialement.
Invité- Invité
Re: Un accueil en onglet
Ca maaarccche !!! Merci !!!!
Sujets similaires
» Page d'accueil type onglet
» Page d’accueil et onglet
» Page d'accueil en onglet
» Personnaliser son accueil en onglet.
» Onglet accueil disparu
» Page d’accueil et onglet
» Page d'accueil en onglet
» Personnaliser son accueil en onglet.
» Onglet accueil disparu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum