Tableau

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tableau

Message par carousse Ven 21 Sep 2012 - 14:24

Bonjour,

J'au un forum test le tableau à onglet marche bien http://testcarousse.fr-bb.com/

J'ai copier coller sur mon autre forum, mais comme j'ai deja un CSS est ce que par hasard il ne cause pas un probleme car mon code ne marche pas qu'est ce que j'ai fait encore comme erreur

Code:
/* css de base NE PAS EFFACER */

body
{
background-image: url(http://i35.servimg.com/u/f35/12/75/86/48/12412.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #365F7D;
background-attachment: scroll !important;
}

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

#i_logo
{
height: 950px;
}

#i_icon_mini_index
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/660385accueilnor.png);
}
#i_icon_mini_index:hover
{
background: url(http://img15.hostingpics.net/pics/506714accueiltouch.png);
}

#i_icon_mini_faq
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/129484FAQ.png);
}
#i_icon_mini_faq:hover
{
background: url(http://img15.hostingpics.net/pics/989888faqtouch.png);
}

#i_icon_mini_search
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/745319search.png);
}
#i_icon_mini_search:hover
{
background: url(http://img15.hostingpics.net/pics/202947searchtouch.png);
}

#i_icon_mini_members
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/567321membres.png);
}
#i_icon_mini_members:hover
{
background: url(http://img15.hostingpics.net/pics/541492membrestouch.png);
}

#i_icon_mini_groups
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/487748groupes.png);
}
#i_icon_mini_groups:hover
{
background: url(http://img15.hostingpics.net/pics/333654groupestouch.png);
}

#i_icon_mini_profile
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/417059profil.png);
}
#i_icon_mini_profile:hover
{
background: url(http://img15.hostingpics.net/pics/600409profiltouch.png);
}

#i_icon_mini_message
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/743496message.png);
}
#i_icon_mini_message:hover
{
background: url(http://img15.hostingpics.net/pics/585901messagetouch.png);
}

#i_icon_mini_new_message
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/846718neeeeewmessage.png);
}

#i_icon_mini_logout
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/464675Off.png);
}
#i_icon_mini_logout:hover
{
background: url(http://img15.hostingpics.net/pics/333122Offtouch.png);
}

#i_icon_mini_register
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/484698rejoindretouch.png);
}

#i_icon_mini_login
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/45890035On.png);
}
#i_icon_mini_login:hover
{
background: url(http://img15.hostingpics.net/pics/402099Ontouch.png);
}


#page-body
{
margin-top: 150px;
background-color: #d2edff;
border-top: 5px solid #081d18;
border-bottom: 5px solid #081d18;
border-left: 1px solid #081d18;
border-right: 1px solid #081d18;
box-shadow: 0px 0px 5px #081d18;
-moz-box-shadow: 0px 0px 5px #081d18;
-o-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}

.bodylinewidth
{
width: 980px;
margin: auto;
}

.forumline
{
width: 95%;
margin-left: auto;
margin-right: auto;
background: url(http://i35.servimg.com/u/f35/12/75/86/48/fond10.png) top left no-repeat #365F7D;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 20px;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #292222;
-moz-box-shadow: 0px 0px 4px #292222;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
}

table
{
width: 95%;
margin: auto;
}


.secondarytitle
{
letter-spacing: 2px;
font-family: courier;
font-variant: small-caps;
text-shadow: 1px 1px 0px #000000;
}

a.forumlink
{
display: block;
border-left: 5px solid #84969b;
border-bottom: 1px solid #84969b;
padding-left: 10px;
margin-left: 10px;
font-size: 24px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.forumlink:hover
{
display: block;
border-left: 5px solid #c2e9f4;
border-bottom: 1px solid #c2e9f4;
font-style: italic;
padding-left: 100px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}



#page-footer
{
height: 180px;
background: url() bottom center no-repeat;
margin-bottom: -40px;
}

#page-footer a
{
font-size: 10px;
}





#qeel1
{
width: 850px;
margin-left: auto;
margin-right: auto;
height: 500px;
}
.onglet1, .onglet2, .onglet3
{
display: inline-block;
width: 120px;
height: 30px;
margin-left: 20px;
background: #d2edff;
border-top: 1px solid #1d1f1d;
border-left: 1px solid #1d1f1d;
border-right: 1px solid #1d1f1d;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-align: center;
}
.onglet1:hover, .onglet2:hover, .onglet3:hover
{
background: url(http://img4.hostingpics.net/pics/516061fondonglet.png) top repeat #365F7D;
}
.onglet1 a, .onglet2 a, .onglet3 a
{
display: block;
padding-top: 6px;
font-weight: bold;
text-decoration: none !important;
}
.onglet1 a:hover, .onglet2 a:hover, .onglet3 a:hover
{
color: #d7c99c !important;
text-shadow: 1px 1px 0px #282223;
}
.contenu
{
display: block;
height: 300px;
background: url(http://img4.hostingpics.net/pics/518598qeelfond4.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
}
#contenu1, #contenu2, #contenu3
{
display: none;
}
#qeel1:target #contenu1
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img4.hostingpics.net/pics/176231qeelfond1.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
#qeel2:target #contenu2
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img11.hostingpics.net/pics/882912qeelfond5.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
#qeel3:target #contenu3
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img4.hostingpics.net/pics/337749qeelfond3.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
.qeel_content
{
width: 400px;
height: 260px;
overflow: auto;
margin: 10px;
padding: 6px;
font-size: 11px;
background: #d2edff;
border-top: 5px solid #28282a;
border-bottom: 5px solid #28282a;
border-left: 1px solid #28282a;
border-right: 1px solid #28282a;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}
.qeel_content a
{
text-decoration: none !important;
}






.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}


/* Pour le selectionner les continu */

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* intituler chat */

#chatbox_header .cattitle strong {
display : none;
}
#chatbox_header .cattitle:before {
content : "La Grande Salle";
}

/* page à onglets */

/* .systab .tab => les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #d2edff;
  border: 1px solid #000;
  cursor: pointer;
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
  background: #b8efa1;
  color: #487f31;
  border-color: #487f31;
}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
  color: #ccc;
  background: #333;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #000;
  background: #d2edff;
  border: 1px solid #000;
  padding: 10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;
}


Dernière édition par carousse le Ven 21 Sep 2012 - 17:01, édité 1 fois
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau

Message par Anzu Ven 21 Sep 2012 - 16:37


Bonjour,

Sur le forum où les onglets fonctionnent, avez vous quelque chose dans la description du forum ? (qui commencerait par exemple par: <script type ) => Général > Forum > Configuration > Description

Pour vos onglets, vérifiez que vous avez bien toute la css, et les codes javascript associés.

Cordialement
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau

Message par carousse Ven 21 Sep 2012 - 17:00

Le problème à était reglé quand j'ai supp les cachés et autres merci quand même
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum