Faire des onglets sur la Page d'Acceuil.

[La-Pouic-Team]

Rappel du premier message :

Bonjours,
Je voudrais savoir comment réalisé ceci :

[b2uty]

Mon CSS :

Code:

/***APPARENCE FORUM***/


body {
background-position: top center;
background-repeat: no-repeat;
background-image: url('http://i51.tinypic.com/29w08sg.jpg');
}

 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #F8F5EF;
font-family: Comic Sans MS;
font-size: 15px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #F8F5EF;
font-family: Comic Sans MS;
font-size: 15px;
}

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


/***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: 6px #FFCF67 solid;
border-top: 6px #FFCF67 solid;
border-right: 3px #FFCF67 solid;
border-left: 3px #FFCF67 solid;
}

a.forumlink {
background-color: #transparent;
  text-shadow: #dad0c7 1px 1px 1px;
  background-image: url(' http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png');
color: #989b96;
display: block;
font-family: Courier New;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink:hover{
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png');
color: #f9fced;
display: block;
font-family: Courier New;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
 }


.row1.over span.gensmall { 
display: block;
background-color: #FDF7E4;
border-bottom: 2px dotted #FFEEB5; 
text-align: left;
}

/***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-transform : uppercase;
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: capitalize;
font-weight: bold;
color: #;
border-bottom: 0px dotted #4E87B2;
font-size: 0px;
}

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




/***LIENS FORUM***/

a img { border: none; }

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover{text-transform:uppercase;}


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

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

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(" http://nsa15.casimages.com/img/2010/07/07/100707090745999113.png");
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;
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://nsa15.casimages.com/img/2010/07/07/100707070254421263.png');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}




.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}





/*----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;
background-image: url("http://img10.hostingpics.net/pics/851745u_ilkrft.jpg");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#;
border: 1px #000000 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
height:35px;
padding-right:10px;
padding-left:10px;
padding-bottom:2px;
font-size:11px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
}




a:hover{text-transform:uppercase;}

.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: 10px;
  color: ;
  background: #E3C888;
  border: 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;}

.mon_onglet:hover{
  background:#E3C888;
  -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 : 15px;
  color: ;
  background: #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  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: #E6D1A1;
  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: 130%;
  }


.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:340px;
}

[Lixyr]

Tout ça ce sont des codes que tu peux apprendre.

Pour aller à la ligne :

Code:

<br>

Donc pour passer une ligne tu mets deux

Code:

<br> <br>

ou tu peux aussi mettre

Code:

<br />

pour centrer :

Code:

<center>TON TEXTE</center>

Pour mettre à droite :

Code:

[right]TON TEXTE[/right]

ou

Code:

<div align="right">TON TEXTE</div>

en sachant que dans le champ, si tu mets

Code:

[right]TON TEXTE[/right]

et que enregistres, ça te mettras automatiquement

Code:

<div align="right">TON TEXTE</div>

, mais c'est la même chose.

Pour mettre en gras :

Code:

<b>TON TEXTE</b>

Pour les partenaires, ça dépend ce que tu veux faire exactement.

[La-Pouic-Team]

Pour les partos, Bin normalement je mettait simplement ça par exemple :

Code:

[url=ADRESSE DU SITE][img]http://i20.servimg.com/u/f20/14/40/95/06/bouton15.jpg[/img][/url]

[Lixyr]

Et ben ça c'est bon. Ça t'affiche l'image qui redirige vers le forum quand tu cliques dessus.


Sinon, B3uty, dans ta partie : " .mon_onglet:hover{ "
(je suppose que c'est ça pour tes onglets sur la page d'accueil), essaie de rajouter :

Code:

font-style: normal;

[Invité]

Re,

Mon CSS :

Code:

/***APPARENCE FORUM***/


body {
background-position: top center;
background-repeat: no-repeat;
background-image: url('http://i51.tinypic.com/29w08sg.jpg');
}

 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #F8F5EF;
font-family: Comic Sans MS;
font-size: 15px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #F8F5EF;
font-family: Comic Sans MS;
font-size: 15px;
}

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


/***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: 6px #FFCF67 solid;
border-top: 6px #FFCF67 solid;
border-right: 3px #FFCF67 solid;
border-left: 3px #FFCF67 solid;
}

a.forumlink {
background-color: #transparent;
  text-shadow: #dad0c7 1px 1px 1px;
  background-image: url(' http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png');
color: #989b96;
display: block;
font-family: Courier New;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink:hover{
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png');
color: #f9fced;
display: block;
font-family: Courier New;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
 }


.row1.over span.gensmall { 
display: block;
background-color: #FDF7E4;
border-bottom: 2px dotted #FFEEB5; 
text-align: left;
}

/***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-transform : uppercase;
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: capitalize;
font-weight: bold;
color: #;
border-bottom: 0px dotted #4E87B2;
font-size: 0px;
}

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




/***LIENS FORUM***/

a img { border: none; }

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover{text-transform:uppercase;}


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

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

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(" http://nsa15.casimages.com/img/2010/07/07/100707090745999113.png");
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;
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://nsa15.casimages.com/img/2010/07/07/100707070254421263.png');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}




.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}





/*----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;
background-image: url("http://img10.hostingpics.net/pics/851745u_ilkrft.jpg");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#;
border: 1px #000000 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
height:35px;
padding-right:10px;
padding-left:10px;
padding-bottom:2px;
font-size:11px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
}




a:hover{text-transform:uppercase;}

.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: 10px;
  color: ;
  background: #E3C888;
  border: 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;}

.mon_onglet:hover{
  background:#E3C888;
  -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 : 15px;
  color: ;
  background: #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  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: #E6D1A1;
  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: 130%;
  }


.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:340px;
}

Dans "mon-onglet-selected", vous avez mis une marge de 15 px alors que dans "mon onglet" elle est de 10px, cela peut expliquer le décalage.

Pour les partenaires c'est pas bien compliqué! ( juste un coup de main à prendre :

Code:

<a href="url_du_site target="blank"><img src="lien_de_l'image" /></a>

Cordialement.

[La-Pouic-Team]

Whaa c'est génial ce truc >.< ( Je débarque ... >.<)
Heum ... Et pour l'italique et les couleur ?

Par contre, ya un truc que je comprend pas, je n'arrive pas à centrer mes infobulle et pourtant j'ai l'impression que il y a bien les align center au bon endroit etc ...

Le code du 1er onglet :

Code:

<div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0">
</div>
<br/><div style="text-align: center;">
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;

</a>
<span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">

<font size="3"><span style="font-weight: bold;"></span></font></a>
<table><tbody><tr>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;
</div>
<span><div class="tstaff" align="center"><b>LÉHANA</b><br /><br />


<font size="2">Fondatrice<br />

Représentante de la volonté</font><br /><br />


<img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=3"><br /><br />

<font size="2">♥ La contacter ♥</font></a>
</div></span></div></td><br />

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"></div>
<span><div class="tstaff" align="center"><b>AMBRE</b><br /><br />


<font size="2">Fondatrice<br />

Représente de la force&nbsp;</font><br/><br/>
<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=1"><br />

<br /><font size="2">♥ La contacter ♥</font></a></div></span></div></td><br />

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"></div>
<span><div class="tstaff" align="center"><b>ALIZÉE</b><br /><br />


<font size="2">Fondatrice<br/>
Représentante de la sagesse.<br />
& Designeuse Officiel.<br /></font><br />


<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=2"><br /><br />

<font size="2">♥ La contacter ♥</font></a></div></span></div></td></tr></tbody><br /></table>

<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font>
<p style="text-align: center;"><span class="postlink">
<font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></span>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
<font size="3"><span style="font-weight: bold;">
</span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr>
<td class="montablo2">
ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a><br />

Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra<br />

Design by Alizée,

&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.

</td></tr></tbody></table>
</div>

[Invité]

Re,

C'est le tableau qu'il faut centrer pour centrer les infobulles donc il faut trouver le <table> et ajouter align="center" :

Code:

<div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><br /><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0"><br /></div>
<br/><div style="text-align: center;">
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
<br /></a>
<span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank"><br />
<font size="3"><span style="font-weight: bold;"></span></font></a>
<table align="center"><tbody><tr>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;<br /></div>
<span><div class="tstaff" align="center">LÉHANA<br /><br />
<font size="2">Fondatrice<br />
Représentante de la volonté</font><br /><br />
<img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=3"><br />
<font size="2">? La contacter ?</font></a><br /></div></span></div></td>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"></div>
<span><div class="tstaff" align="center">AMBRE<br /><br />
<font size="2">Fondatrice<br />
Représente de la force&nbsp;</font><br/><br/>
<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=1"><br />
<font size="2">? La contacter ?</font></a></div></span></div></td>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"></div>
<span><div class="tstaff" align="center">ALIZÉE<br /><br />
<font size="2">Fondatrice<br/>
Représentante de la sagesse.&amp;<br />
Designeuse Officiel.&amp;</font><br /><br />
<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=2"><br />
<font size="2">? La contacter ?</font></a></div></span></div></td></tr></tbody></table>

<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font>
<p style="text-align: center;"><span class="postlink">
<font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></span>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
<font size="3"><span style="font-weight: bold;"><br /></span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr>
<td class="montablo2"><br />ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a><br />
Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra<br />
Design by Alizée,<br />
&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.<br />
</td></tr></tbody></table>
</div>

[Lixyr]

Parce que ce sont des images que tu veux centrer.
Mets ça :

Code:

<center><img src="URL DE TES IMAGES" border="0" alt="" /></center>

à chaque fois que tu as une image.
ou pour le tableau

Code:

<table style="text-align: center;">

ou

Code:

 <td style="text-align: center;">

si tu veux que ça ne se fasse que dans une cellule et non pas pour tout le tableau.

Sinon tu vas dans ton css, partie " .mon_onglet { "

Code:

      text-align: center;

Normalement ça marche avec les images, puisque c'est un code que j'utilise pour mes tableaux et je mets des images en titre.
Sinon, si ça ne marche pas, il se peut que la largeur de ton onglet soit trop petit.
Italique c'est

Code:

<i>TON TEXTE </i>

Couleur :

Code:

[color=TA COULEUR]TON TEXTE[/color]

ou

Code:

[color=#LE NUMERO DE TA COULEUR]TON TEXTE[/color]

[La-Pouic-Team]

Whaaaaa merci beaucoup *.*
Tout marche hyper bien là ( Oulaaaa ça va pas durééé, je vais VITE enregistrer avant qu'il arrive un malheur xDD )

Je n'ai plus de question ou de problème pour l'instant ( Oui ... Je suis une vrai chieuse je sais ...) merci beaucoup beaucoup beaucoup [...] pour TOUT. ( & Pour votre immense patience face à une attardé mentale comme moi >.<)

[Lixyr]

On a toutes débuté avant de savoir ça. ^^ Il faut juste beaucoup de patience, et surtout de la Pratique. ^^
Tu devrais garder ces codes quelque part, dans un bloc note ou je ne sais où.

[Invité]

Pas de soucis,

C'était un plaisir de t'aider, et cela m'a permis d'apprendre aussi pas mal de choses .

Amicalement.

[La-Pouic-Team]

Re, ( Merci ♥)
(Olalala j'ai honte, déja une autre question :$ Chieuse professionnelle, ya pas à dire ...LOL)
* Boulette est de retour *
En faite j'aimerai que CB s'affiche quelque soit l'onget qu'on selectionne, qu'on puisse passé de l'un à l'autre, sans que tout foire ( Le premier onglet marche normalement, mais le dernier, dans les partenaire ne s'ouvre pas du tout ... )
Je ne peux pas avoir la CB lattérale quelque soit l'onglet sélectionné ?

Code:


<script src="http://pmsc.free.fr/J04/10918133120.js" type="text/javascript" /></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"> Nos partenaires</li></ul><div class="clear"><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

<br /><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0"><br /></div>
<br/><div style="text-align: center;">
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
<br /></a>
<span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank"><br />
<font size="3"><span style="font-weight: bold;"></span></font></a>
<table align="center"><tbody><tr>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;<br /></div>
<span><div class="tstaff" align="center">LÉHANA<br /><br />
<font size="2">Fondatrice<br />
Représentante de la volonté</font><br /><br />
<img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=3"><br />
<font size="2">? La contacter ?</font></a><br /></div></span></div></td>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"></div>
<span><div class="tstaff" align="center">AMBRE<br /><br />
<font size="2">Fondatrice<br />
Représente de la force&nbsp;</font><br/><br/>
<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=1"><br />
<font size="2">? La contacter ?</font></a></div></span></div></td>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"></div>
<span><div class="tstaff" align="center">ALIZÉE<br /><br />
<font size="2">Fondatrice<br/>
Représentante de la sagesse.&amp;<br />
Designeuse Officiel.&amp;</font><br /><br />
<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=2"><br />
<font size="2">? La contacter ?</font></a></div></span></div></td></tr></tbody></table>

<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font>
<p style="text-align: center;"><span class="postlink">
<font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></span>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
<font size="3"><span style="font-weight: bold;"><br /></span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr>
<td class="montablo2"><br />ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a><br />
Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra<br />
Design by Alizée,<br />
&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.<br />
</td></tr></tbody></table>
</div>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table><div style="text-align: center;">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>

</div><div style="text-align: center;"><img src="http://img7.hostingpics.net/pics/652302contexte_2.png" border="0" alt="" />

</div></div><div id="co_3" class="mon_contenu" style="display: none;"></a>

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

<table cellspacing="8"><tbody><tr>
<td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br /><br />

</div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br />

Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br />

Ensemble, nous créerons cette histoire, et l'écrirons.<br />

Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.



</div></td>
<td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:
</font></div><br />

• Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br /><br />

• Deux place de Medium sont libres. <br/>

• Trois place d’Infirmier sont libres. (En tout)<br />

• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)<br />

• Cinq pégase, cinq licorne et deux. <br />

• Trois dragons sont disponible.<br />

• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~> <a href="http://unites-by-the-fate.forumactif.com/reglement-et-histoire-du-forum-f3/les-roles-t17.htm">Voir rôles</a>)<br />
Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.

</td>
<td><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
</a>

</div></td></tr></tbody></table></div><div id="co_4" class="mon_contenu" style="display: none;">

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">
</span></font></p>
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<span style="text-decoration: underline;">
<span class="postbody"></span></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a></div><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" border="0"></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a>
<a class="postlink" href="http://http//roilion-liveyourlife.forumactif.org/forum.htm" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/roi_li10.png" border="0"></a>
<a class="postlink" href="http://lgdc-new.forumactif.com/forum.htm" target="_blank">
<img alt="" src="http://i27.servimg.com/u/f27/15/57/33/70/22006310.png" border="0"></a>

<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" border="0"></a>
<a class="postlink" href="http://paysage-onirique.skyrock.com/" target="_blank">
<img alt="" src="http://i21.servimg.com/u/f21/15/21/20/69/bouton10.jpg" border="0"></a>
<a class="postlink" href="http://twilight--story.forumactif.org/" target="_blank">
<img alt="" src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" border="0"></a>
<a href="http://irreversible.purforum.com/forum.htm" class="postlink" target="_blank">
<img src="http://img841.imageshack.us/img841/8486/boutonpubcopy.png" border="0" alt="" /></a>

<a class="postlink" href="http://narnialand.superforum.fr/" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/2nbyl210.jpg" border="0"></a>
<a class="postlink" href="http://malediction-new-life.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://nsa15.casimages.com/img/2010/06/06/100606062837164972.jpg" border="0"></a>
<a class="postlink" href="http://the-rebirth-of-the-w.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://i36.servimg.com/u/f36/15/06/61/49/the-re10.gif" border="0"></a><br/>
<a class="postlink" href="http://instants-magiques.forumactif.com/" target="_blank">
<img alt="" src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" border="0"></a>
<a class="postlink" href="http://bound-by-the-magic.forumactif.com/" target="_blank">
<img alt="" src="http://img10.hostingpics.net/pics/359307bouton.jpg" border="0"></a>
<a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank">
<img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" alt="" border="0"></a></div></div>
<table style="z-index: 10000; position: fixed; background-color: rgb(255, 255, 255); bottom: 50px; left: 0px;"><tbody><tr>
<td><iframe style="width: 800px; display: none; height: 400px;" id="chatboxpop" marginheight="0" src="/chatbox/chatbox.forum?page=front&" marginwidth="0" frameborder="0" scrolling="no"></iframe>
</td>
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

[Lixyr]

Je ne vois pas où sont tes onglets sur le forum, du coup j'ai du mal à suivre ce que tu demandes.

[Invité]

Re,
Normalement cette fois , il n'y a plus de fautes ... j'espère

Code:

<script src="http://pmsc.free.fr/J04/10918133120.js" type="text/javascript" /></script>
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"> Nos partenaires</li>
</div></ul>
        <div class="clear"> <div id="mes_contenus"><div id="co_1" class="mon_contenu">
<br /><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0"><br /></div>
<br/>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;<br /></a>
<span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank"><br />
<font size="3"><span style="font-weight: bold;"></span></font></a>

<table align="center">
<tbody>
<tr>
<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;<br />
</div>
<span><div class="tstaff" align="center">LÉHANA<br /><br />
<font size="2">Fondatrice<br />
Représentante de la volonté</font><br /><br />
<img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=3"><br />
<font size="2">? La contacter ?</font>
</a><br />
</div>
</span>
</div>
</td>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"></div>
<span><div class="tstaff" align="center">AMBRE<br /><br />
<font size="2">Fondatrice<br />
Représente de la force&nbsp;</font><br/><br/>
<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0"><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=1"><br />
<font size="2">? La contacter ?</font>
</a>
</div>
</span>
</div>
</td>

<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0" />
</div>
<span><div class="tstaff" align="center">ALIZÉE<br /><br />
<font size="2">Fondatrice<br/>
Représentante de la sagesse.&amp;<br />
Designeuse Officiel.&amp;</font><br /><br />
<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0" /><br /><br />
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=2"><br />
<font size="2">? La contacter ?</font>
</a>
</div>
</span>
</div>
</td>
</tr>
</tbody>
</table>

<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font>
<p style="text-align: center;"><span class="postlink">
<font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></span>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
<font size="3"><span style="font-weight: bold;"><br /></span></font></a></font></p>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr>
<td class="montablo2"><br />ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a><br />
Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra<br />
Design by Alizée,<br />
&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.<br />
</td></tr></tbody></table></div>
<div id="co_2" class="mon_contenu" style="display: none;"><div style="text-align: center;">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>
</div><div style="text-align: center;">
<img src="http://img7.hostingpics.net/pics/652302contexte_2.png" border="0" alt="" />
</div>
</div><div id="co_3" class="mon_contenu" style="display: none;">

<table cellspacing="8"><tbody><tr>
<td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br /><br />

</div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br />

Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br />

Ensemble, nous créerons cette histoire, et l'écrirons.<br />

Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.



</div></td>
<td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:
</font></div><br />

• Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br /><br />

• Deux place de Medium sont libres. <br/>

• Trois place d’Infirmier sont libres. (En tout)<br />

• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)<br />

• Cinq pégase, cinq licorne et deux. <br />

• Trois dragons sont disponible.<br />

• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~> <a href="http://unites-by-the-fate.forumactif.com/reglement-et-histoire-du-forum-f3/les-roles-t17.htm">Voir rôles</a>)<br />
Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.

</td>
<td><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
</a>

</div></td></tr></tbody></table></div><div id="co_4" class="mon_contenu" style="display: none;">
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">
</span></font></p>
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<span style="text-decoration: underline;">
<span class="postbody"></span></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a></div><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" border="0"></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a>
<a class="postlink" href="http://http//roilion-liveyourlife.forumactif.org/forum.htm" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/roi_li10.png" border="0"></a>
<a class="postlink" href="http://lgdc-new.forumactif.com/forum.htm" target="_blank">
<img alt="" src="http://i27.servimg.com/u/f27/15/57/33/70/22006310.png" border="0"></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" border="0"></a>
<a class="postlink" href="http://paysage-onirique.skyrock.com/" target="_blank">
<img alt="" src="http://i21.servimg.com/u/f21/15/21/20/69/bouton10.jpg" border="0"></a>
<a class="postlink" href="http://twilight--story.forumactif.org/" target="_blank">
<img alt="" src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" border="0"></a>
<a href="http://irreversible.purforum.com/forum.htm" class="postlink" target="_blank">
<img src="http://img841.imageshack.us/img841/8486/boutonpubcopy.png" border="0" alt="" /></a>
<a class="postlink" href="http://narnialand.superforum.fr/" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/2nbyl210.jpg" border="0"></a>
<a class="postlink" href="http://malediction-new-life.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://nsa15.casimages.com/img/2010/06/06/100606062837164972.jpg" border="0"></a>
<a class="postlink" href="http://the-rebirth-of-the-w.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://i36.servimg.com/u/f36/15/06/61/49/the-re10.gif" border="0"></a><br/>
<a class="postlink" href="http://instants-magiques.forumactif.com/" target="_blank">
<img alt="" src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" border="0"></a>
<a class="postlink" href="http://bound-by-the-magic.forumactif.com/" target="_blank">
<img alt="" src="http://img10.hostingpics.net/pics/359307bouton.jpg" border="0"></a>
<a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank">
<img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" alt="" border="0"></a></div></div></div></div></div><br/>

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
        <tr>
        <td>
        <iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
        <img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

[b2uty]

Merci ça fonctionne ,
une dérnier question et je vous laisse tranquille.

Comment on fait pour mettre les onglets l'un endessous de l'autre.?

[Invité]

Bonjour,

J'ai réussi a positionner les onglets les uns en dessous des autres, en enlevant "float:left;" partout où il se trouve dans le CSS . Par contre ça laisse le contenu en dessous de tous les onglets.
Si vous voulez mettre le contenu à coté des onglets, il doit falloir modifier toute la structure, et je n'ai pas la moindre idée de comment faire .

Cordialement.

[Lixyr]

Peut-être en mettant un Float:right quelque part, si elle met ses onglets à gauche.

[b2uty]

J'ai un petit probleme, il a de l espace qui se met automatiquement
j'ai regarder partout et je n'arrive pas à le retirais.
Il veux pas se coller au bord gauche de ma page généralité.

se qu'on voit en bleu sur l image c'est l espace que j'aimerais retiré si ses possible.

[Lixyr]

Retire les Margin que tu as dans ton css pour les onglets.
Normalement (j'ai bien dit "normalement", ça devrait être bon)

[b2uty]

non sava pas, ça déforme tout les onglet et contenus.
C est pas grave, merci comeme.
Je vais finalement pas l utiliser j'arrive à rien =$

[Lixyr]

Tu as remis le margin, alors ?
Essaie avec un

Code:

margin-left: 1px;

C'est bizarre, chez nous ça marche très bien. : x

[La-Pouic-Team]

Bonsoir,
Non ça n'a pas marché, mais bon je vais laissé comme ça, c'est déja bien comme ça
Mais j'ai de nouvelle idée en tête ( Oui ... je suis une vrai emmerdeuse hein ? Oui, je sais ... Mais après tout le site est là pour ça ... non ? :$:$:$)
Hummmmm ... j'ai retrouver plus ou moins ce qui ressemblait à ce que je vous avait demander un fois Isolde, je voudrais savoir comme faire le même type de staff :
http://narnialand.superforum.fr/

Ensuite, j'ai lus comment modifier le qui est en ligne en template ... Mais je n'ai rien compris >.< j'aimerais faire des onglet entre la PA et la catégorie, comme ici:
http://beginning-of-magic.forumactif.org/forum.htm
Sauf qu'il faut passé par les template je pense ... Non ? Donc du coup faudrait peut-être que ej comprenne comment faire le qui est en ligne ... Je vais relire les explications >.< Puis si j'ai toujours rien compris, je vous dirais là ou je plante ...

[Lixyr]

Bon b3uty, j'ai essayé sur mon forum de test, il semble qu'on ne puisse pas enlever la marge à gauche.
Ensuite, pour que le texte s'affiche à droite, il s'affiche toujours en bas, même s'il s'aligne à droite, donc pour cette partie je ne peux pas aider.

j'ai mis les onglets à gauche en mettant un "text-align: left;" dans les onglets .mon_onglet { et .mon_onglet_selected {

pour le reste, j'ai retiré les padding et margin, ça m'a rien déformé.

Pour ce qui est de placer le texte à droite des onglets, il faudra demander à quelqu'un de plus compétent que moi.


__________________________

La-Pouic-Team, est-ce que tu as trouvé le sujet où ils parlent d'afficher les catgéories en onglet ??
Je l'ai suivi mais malheureusement je ne le trouve pas. ...

Ensuite, pour ton QEEL faudrait que tu demandes ce que tu veux, mais il me semble que tu dois ouvrir un autre sujet.


*edit* tient j'ai trouvé un tuto pour l'affichage des catégories en onglet : ici.

[La-Pouic-Team]

Bonsoir,
Je me demandais, à quoi servent les balise <div></div> & Comment mettre un texte en couleur, le barrer et lui mettre une taille différente ? ( Whaaaa 4 question en une phrase xD )
Pour le Qui est en ligne OK ( On verra si j'en crée un autre ... J'aime bien resté sur les même sujet, mais je comprend, je met le foutoir, mais j'ai tellement de questions à poser et d'idées en tête, que quand je crée un sujet je pose tout à la fois x))
Pour le QEEL, ça n'a pourtant pas l'air trop compliqué ... bref je vais voir !
Merci pour tout
PS : Vous ne savez pas comment faire pour ce genre de staff ?

[Lixyr]

Quel genre de staff ?


Les div sont des balises de type block, elles te permettent d'insérer une classe ou un style.
C'est très utile pour insérer ce que tu mets dans ton css.

Pour mettre un texte en couleur :

Code:

<font color="TA COULEUR">TON TEXTE</font>

Pour barrer :

Code:

[strike]TON TEXTE[/strike]

Pour la taille :

Code:

[size=VALEUR]TON TEXTE[/size]

[La-Pouic-Team]

Le staff comme pour le site là ... Narnialand je crois. ( Dans un message plus haut)
Pour les templates, pour avoir View Source il faut forcément avoir mozilla 3.0 ou 3.6 ? Parce que je n'arrive pas à trouver pour ma version ... Et est ce qu'on est obliger d'utiliser View Source ? ( Oui, je sais ... Après cette réponse je créerait un autre sujet, si je n'y arrive toujours pas )

[Lixyr]

Tes templates, tu les trouves dans Le Panneau >> Affichage, et tout en bas >> template >> général >>et pour le QEEL c'est >> index_body qu'il faut changer.
Et ton QEEL tu es sous Phpbb2 c'est tout ce qu'il faut pour changer le Qeel. Et être sous Firefox pour bien voir les modif. It's all.
Pour ça, je te laisse ouvrir un autre sujet, et demander très clairement ce que tu veux, avec le lien vers narnialand.

Pour les info bulle dans l'avatar d 'ailleurs, je te laisse aller voir dans le topic en dessous, j'ai fini par trouver. x)

[La-Pouic-Team]

L'infobulle dans l'avatar ? Whaaaaat ? >.< * Bienvenue chez Pauline Paumé >.< *

[Lixyr]

Je me suis trompée de personne, ne cherche pas, là c'est moi qui suis paumée. x)

(d'ailleurs n'oublie pas de mettre le sujet en résolu , si je puis me permettre. )

[La-Pouic-Team]

OK, je vais le faire alors ( En faite j'hésitais pour les onglet par templates, mais finalement je vais attendre de modifier le qui est en ligne d'abord ^^')

MERCI A TOUS ( Pour votre immense patience fasse à une paumé et une fille un peu folle sur les bords ... ♥ Pour votre aide, & Tous le travail que vous avez fourni pour moi ... Alors que moi j'étais totalement larguer >.< Bravo (Y) * Hélas pour vous, je crois que je n'ai toujours pas finit de vous embêté ... Dans d'autre sujet ^^' * Merci pour tout )