Onglets sur le logo/image du forum

Bonsoir/Bonjour, je vais demander un truc super dur >.< parceque je suis envieuse et jalouse
de beaucoup de forum comme le votre.
j'aimerais réussir à avoir se menu sur mon logo/image du forum.

Je voudrais avoir les image qui défille avec un liens de dans

http://www.ultimate-adora.com/

est le menu onglets (news, pictures,...) sa m'aiderais beaucoup et qu il soit possitioné
sur l image du forum j'aimerais beaucoups.


Esque c'est réalisable sous forum-actif,??

Euh, avant toutes choses, est ce que tu as essayé toi même ? Genre de mettre ton image dans les templates et avec du javascript ? Ah mais d'ailleurs je crois que les templates n'acceptent plus le javascript, du coup pas sur que ça soit possible. Enfin je vais me renseigner...

Je sais vraiment pas ou je dois mettre les templat pour qu elle s'affiche sur l image de page d'accueil
c'est pour moi un truc qui semple super compliquer !
Pour les images qui défille j'ai réussi en Htlm mais le probleme c est que on ses pas le changer de place ni mettre deux cadres de photos qui défile comme le forum de modél

mon forum de test :
ici

Ok merci de te renseignier ( du javascripte j'ai jamais utiliser ) je suis une amateur >.<""

Bon alors j'ai demandé, et en fait c'est tout simple x) Tu crées une div déjà, tu mets ta bannière en fond de div et ensuite tu crées tes onglets dans la div en question, c'est pas si compliqué en fait !

oui sa semble pas compliquer de la façon que tu viens de l expliquer lol
faudrais déja que je sache comment faire un DIV pour commencer T.T

peux tu me guider stp?

Oui bien sur, une DIV c'est tout bête, c'est une balise Html x). Du coup tu place ta div à laquelle tu auras assigné une "class", laquelle contiendra toutes tes informations de style(CSS). Ce qui donne comment code.

Code:

Dans ton template:

<div class="NOM DE TA CLASS">TES ONGLETS</div>

Et dans ton CSS:

.NOM DE TA CLASS{
tes propriétés CSS
}

Et pouf le tour est joué xD.

donc je fais mon onglets et je les place dans quel template?
General ->...?

ah es tu ne c est pas comment ils ont fait pour qu ils soit transparant sur le logo du forum??

Dans le template overall_header pour ton onglet. Pour que le cadre l'onglet soit transparent ? Utilise background-color: none.

désolé du retard. >.<

Pour la transparance , sa fonctionne mais je n arrive plus a cliker sur les colonnes des onglets
et le contenue ne change pas.
voici mon code :

Code:

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background: none;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border-top: 1px solid #21000E;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: none;
  border: 2px solid #DBB764;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }
background-color: none

Sinon j'ai bien mit mon onglet dans 'overall_header ' mais sa le met tout en haut


il me faudrais l ajuster pour le mettre plus bas et le placer ou je veux.

Pour ton onglet, tu peux l'entourer d'une div et mettre comme fond de la division ta bannière. Il faudra juste ensuite placer dans ton css une image "vide" pour la classe i_mini_icon_index si je me rappel bien.

pour la div c est bien l entouré de ça :

Code:

<div> </div>

Si oui je viens de le faire et rien a changé mes onglets ne fonctionne toujour pas T.T
meme aprés avoir ajouté "i_mini_icon_index " c est depuit que j'ai modifier la partie onglet en mettant des "none" partout dans mon CSS que ça fonctionne plus.

Est ce que je peux avoir ton css actuel (si tu l'as modifié depuis le code précédant) et le code html présent dans ton template s'il te plait ? Et pour les div oui, c'est bien ça, bien que ce serai plutôt le code suivant.

Code:

<DIV style="BACKGROUND: url(LIEN DE L'IMAGE) no-repeat">

En modifiant le "no-repeat" au besoin ^^

mon css :

Code:

/***APPARENCE FORUM***/



body {
background-position: top center;
background-repeat: no-repeat;
background-image: url(http://img821.imageshack.us/img821/9706/hhjfu.png);
}
 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #ffffff;
font-family: Times New Roman;
font-size: 15px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: times new roman;
font-size: 15px;
}

#add-google{ border: 0px dotted #9e9e9e; }

.fond_magique{
    background-image:url('http://img232.imageshack.us/img232/4119/sanstitre21n.png') !important;
}


/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}

.forumline{
background-image:url("http://");
border-bottom: 7px #21000E solid;
border-top: 7px #21000E solid;
border-right: 0px #FFCF67 solid;
border-left: 0px #FFCF67 solid;
}

a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px dashed #ECF0F6;
border-top: 0px dashed #ECF0F6;
-moz-border-radius: 10px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 10px ;
border-left: 0px solid #ECF0F6;
display:block;
}



a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 1px dotted #ffffff;
color:f0f9ee;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

a.forumlink:hover {
text-transform:none;
}


.attachbox dt {
text-transform:none;
}



/***P.A***/

.boxtitle {
background-color: #D2E3D1;
color: #DC394C;
border-bottom: 1px dashed #45407A;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}

.box {
background-color: #F1EFE3;
color: #4E87B2;
border: 0px solid #45407A;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}

.att {
background-color: #F1EFE3;
color: #AD1F31;
border: 0px solid #45407A;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}

.li {
list-style-position: outside;
list-style-type: circle;
}

#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #F1EFE3;
color: #DC394C;
border-bottom: 1px dashed #4E87B2;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}

#subnav A:hover {
background-color: #F1EFE3;
color: #4E87B2;
border-bottom: 1px dashed #DC394C;
text-transform: lowercase;
}



/***DESCRIPTION FORUM***/

#def {
display: block;
background-color: #;
border: 0px dotted #45407A; 
text-align: center;
font-size: 14px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}

.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #;
border-bottom: 0px dotted #4E87B2;
font-size: 0px;
}

.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #;
border-bottom: 0px dotted #DC394C;
font-size: 0px;
}




/***LIENS FORUM***/




.gensmall {
font-size : 12px;
text-transform: .gensmall ;
}

a.gensmall {
font-size : 12px;
text-transform: .gensmall ;
}

a.gensmall:hover{
font-size : 12px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #7d7d7d; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7d7d7d 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: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6; /* vos couleurs et taille de bordures */
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}



/***DIVERS***/

blockquote {
width: 600px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}

.fiche {
width: 610px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}

.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #D18763;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}

.stitre {
border-bottom : 1px solid #942772;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}



/***TITRE TOPICS***/

a.topictitle{
font-variant: capitalize;
color: #000000;
font-size: 15px;
font-face: Trebuchet MS;
}


a.topictitle:visited{
font-variant: capitalize;
color : #23758F;
font-size: 15px;
font-face: Trebuchet MS; }

a.topictitle:hover{
font-variant: capitalize;
color : #45407A;
font-size: 12px;
font-face: Trebuchet MS;
}




/***CITER/CODE/SPOILER***/
.quote{
font-family: Times New Roman;
font-size: 12px;
color: #000000;
background-color: #E1D8CE;
border-top : 2px dotted #45407A;
border-bottom: 2px dotted #45407A;
border-left: 1px dotted #45407A;
border-right: 1px dotted #45407A;
text-align: left;
background-image:url('http://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 12px;
color: #000000;
background-color: #E1D8CE;
border-top : 2px dotted #45407A;
border-bottom: 2px dotted #45407A;
border-left: 1px dotted #45407A;
border-right: 1px dotted #45407A;
text-align: left;
background-image:url('');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}

.spoiler_content, .spoiler_content.hidden {
font-family: Times New Roman;
font-size: 12px;
color: #000000;
background-color: #E1D8CE;
background-color: none
border-top : 2px dotted #45407A;
border-bottom: 2px dotted #45407A;
border-left: 1px dotted #45407A;
border-right: 1px dotted #45407A;
text-align: left;
background-image:url(' ');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}








/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img337.imageshack.us/img337/355/52745179.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#111111;border: 1px #565656 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}






.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #EDDDB9;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.infobulle span img{border: 1px groove;padding: 2px;}

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background: none;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border-top: 1px solid #21000E;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: none;
  border: 2px solid #DBB764;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }

.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:276px;
}





.row1.over span.gensmall
{
display: none
}




a.forumlink:hover {
color: #A4102E;
background-color: #
}














#i_icon_mini_index
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop12.png);
width: 126px;
height: 72px;
}
#i_icon_mini_index:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop13.png);
}





#i_icon_mini_members
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi12.png);
width: 146px;
height: 72px;
}
#i_icon_mini_members:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi13.png);
}


#i_icon_mini_groups
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop14.png);
width: 126px;
height: 72px;
}
#i_icon_mini_groups:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop15.png);
}



#i_icon_mini_profile
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop16.png);
width: 126px;
height: 72px;
}
#i_icon_mini_profile:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop17.png);
}



#i_icon_mini_message
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi14.png);
width: 146px;
height: 72px;
}
#i_icon_mini_message:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi15.png);
}



#i_icon_mini_new_message
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi14.png);
width: 146px;
height: 72px;
}
#i_icon_mini_new_message:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi15.png);
}



#i_icon_mini_logout
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/710.png);
width: 146px;
height: 72px;
}
#i_icon_mini_logout:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi16.png);
}



#i_icon_mini_login
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop18.png);
width: 126px;
height: 72px;
}
#i_icon_mini_login:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/cv_cop19.png);
}





#i_icon_mini_register
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi17.png);
width: 146px;
height: 72px;
}
#i_icon_mini_register:hover
{
background-image: url(http://i60.servimg.com/u/f60/15/20/15/24/7_copi18.png);
}





#i_mini_icon_index
{
background-image: url(http://2img.net/i/fa/empty.gif);
width: 146px;
height: 72px;
}
#i_icon_mini_new_message:hover
{
background-image: url(http://2img.net/i/fa/empty.gif);
}



/* Profil Masqué */
.profilmasque
{
background-color: #couleur;
border: 1px solid #couleur;
font-family: century gothic;
font-size: 12px;
letter-spacing: 1px;
}

je panse qu il a pas mal de choses inutile dans mon css >.< dsl
html :

Code:


var banner = new Array(); banner.push('http://img155.imageshack.us/img155/9732/64855474.png'); banner.push('http://img560.imageshack.us/img560/4522/75406985.png'); banner.push('http://img155.imageshack.us/img155/9732/64855474.png'); var liens = new Array(); liens.push('http://cubeast-fr.forumactif.com/reglement-annonces-f4/a-lire-regles-du-forum-t1.htm'); liens.push('http://cubeast-fr.forumactif.com/sujets-officiels-f37/lights-on-again-4rd-album-t809.htm#18232?sid=dcc6bfc70d7dbbda22f5491145920435'); liens.push('http://www.youtube.com/user/b2utysubz?feature=mhum'); function changeban() { var i= Math.floor(Math.random()*banner.length); jQuery('#dia-rea').attr('href',liens[i]); jQuery('#dia-rea img').attr('src',banner[i]); } changeban(); setInterval("changeban();",1500);

Hello,

au passage, qu'en est-il de ton autre demande ici, où tu n'as pas donné de nouvelles depuis longtemps ? Est-ce résolu ou bien... ? Pour savoir si on peut la considérer comme "terminée". ^^

Plop ! Euh donc on va reprendre depuis le début si tu veux bien xD. Les codes Html et CSS que tu viens de fournir sont ceux actuellement présent sur ton forum test, c'est ça ? Est ce que je pourrait avoir le lien vers ce forum s'il te plait ? Et aussi une rapide explication sur le moyen que tu as utilisé pour tes onglets parce que je me suis un peu perdu la je dois t'avouer x').

Les codes Html et CSS que tu viens de fournir sont ceux actuellement présent sur ton forum test, c'est ça ?

oui

Le forum en question :
http://kpop123.forumactif.com/forum.htm
mes onglet j'ai reprit de là -> Clik

Onglets :

Code:

<script src="http://pmsc.free.fr/J04/10912150254.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Onglet 1</li>
        <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 2</li>
        <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 3</li>
        <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 4</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">Mon contenu 1</div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></ul>

CSS partie Onglet :

Code:


ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background: none;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border-top: 1px solid #21000E;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: none;
  border: 2px solid #DBB764;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }

up T.T

up
s'il vous plait aider moi a réaliser celà
sa fait longtemps que j'ai envie de savoir pouvoir le faire T.T

Désolé, j'ai pas été vraiment présent ces deux trois derniers jours ^^' Je me penche d'avantage sur ton problème d'ici vendredi je pense, je pourrais pas faire avant par contre...

Petite question tu avais mis deux fois le système d'onglet sur ton forum et la je le vois plus ou alors sur ta page d'accueil c'est aussi un système d'onglet? M'enfin aucun des boutons ne marchent donc je sais pas ><.
Mais si tu utilise le même système sa ne marchera pas, les classes doivent être modifié pour pas qu'elles interfèrent entres elles (compliquer cet phrase :o).
Si tu veux pas t'embêter à modifier toute les classes dans la partie Codag'actif tu as deux tuto sur le qeel et la page d'accueil en onglet prend le code de l'un deux pour le haut de ton forum et l'autre pour la page d'accueil (si tu veux mettre des onglets sur ta page d'accueil) les classes ont déjà étaient modifiés.

Si je suis à l'ouest zap tout sa xD, je laisse Lucky s'occuper de toi x).

Merci à vous.

Sui' a écrit:ou alors sur ta page d'accueil c'est aussi un système d'onglet?

Oui mais je sais pas se que j'ai fais mes onglets ne fonctionne plus
surement acose de mon CSS

"Codag'actif" ses dans les templates?

J'ai pas trop comprit avec mon qeel ! dsl T.T je relis plusieur fois mais je vois pas
ou je dois le placer

Code:


/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img337.imageshack.us/img337/355/52745179.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#111111;border: 1px #565656 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Non aucun rapport avec ton qeel et ton template ^^.

Sur ce forum y'a deux tutoriels à onglet (un pour un qeel à onglet et un autre pour une page d'accueil en onglet) et la partie codag'actif c'est la partie tutoriel sur ce forum ^^".

Ton système d'onglet ne marche surement pas car tu as utiliser le même css (les même class donc), c'est pour sa qu'il marche pas.
Si tu veux qu'il marche il te faut utiliser le même système d'onglet mais avec des class différente et je te disais qu'au lieu de refaire les class toi même et de perdre du temps à le faire tu n'avais qu'à utiliser les classes et codes des deux tuto du forum pour le tien.

Par exemple pour ta page d'accueil tu prend le tuto de la page d'accueil en onglet et pour ton système d'onglet sur la bannière tu utilise les codes du qeel mais faudra pas suivre le tutoriel puisqu'il concerne le qeel.

Enfin moi je me comprends mais à mon avis tu vas rien pigé >< je te laisse avec lucky luke x).

J'ai suivi tout tes tuto il a que celui de la page d'accueil qui a fonctionner
mais sans cadre :


c'est surement parceque je suis sous explorer
pour le QEEL quand je met :

Code:

<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- END disable_viewonline -->

Mon QEEL disparait totalment il est plus là meme aprés avoir mit le CSS

edite :
AH juste vous avez dit que il fallait pas le mettre sinon il aura un bugg

pourquoi je trouve sa si dure alor que vos tuto sembler super simple mais chez moi sa donne rien. T.T

Tu manque quand même de quelque base niveau codage je pense que tu devrais pas te lancer dans des codes complexes comme celui que tu cherche à faire enfin bon il te 99% du code du site que je cite dans le tuto tu t'es arrêter au html mais à la balise ouverte hors c'est la balise qui ferme dont je parlais, remplace ton code par ça:

Code:

<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Un système d'onglet en javascript</title>
    <script type="text/javascript">
        //<!--
                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>
<body>
        <div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Quoi</span>
            <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Qui</span>
            <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Pourquoi</span>
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_quoi">
                <h1>Quoi?</h1>
                Un simple système d'onglet utilisant les technologies:<br />
                <ul>
                    <li>(X)html</li>
                    <li>CSS</li>
                    <li>Javascript</li>
                </ul>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_qui">
                <h1>Qui?</h1>
                C'est un script réalisé par Ybouane,<br />
                Webmaster du site <a href="http://www.supportduweb.com/">http://www.supportduweb.com/</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                <h1>Pourquoi?</h1>
                Pour simplifier la navigation et la diviser en parties
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</html>

<!-- END disable_viewonline -->

Et dans ton css tu place celui que je met dans le tuto donc celui-ci:

Code:

.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }

Désolé j'aurai du relire, j'ai déja changer plein de code sur mon forum
mais ses toujours avec l'aide de forumactif qui donne pratiquement tout déja fait
donc j'apprend pas grand choses. >.<

Voila pour le QEEL il est mintenant là mais pas avec le résultat final que vous montrez
sur votre tuto.