Anonyme
 19853
|  Posté : 13-02-2009 14:00
Citation : Jireck
ton js menu il est dans quel repertoire ?
y'a pas de css ?
Le js est dans modules/!include!/js/menu.js
Et le code du css dans style.css que j'ai modifier.
/* ----------------------------------------------------------------------
1. BASE MINIMUM
---------------------------------------------------------------------- */
body {
margin: 0px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
color: #682B1A;
}
td,tr,div {
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
color: #91847B;
}
form {
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 10px;
color: #682B1A;
}
/* ----------------------------------------------------------------------
2. LIENS - standard
---------------------------------------------------------------------- */
a, a:link {
color: #682B1A;
font-size: 11px;
font-family: Verdana, Helvetica;
text-decoration: none;
cursor: pointer;
}
a:visited {
color: #DBB489;
font-size: 11px;
font-family: Verdana, Helvetica;
text-decoration: none;
}
a:hover {
color: #B07A64;
font-size: 11px;
font-family: Verdana, Helvetica;
text-decoration: none;
/* font-weight: bold;*/
cursor: pointer;
}
a:active {
background-color: transparent;
color: #ff6502;
font-size: 11px;
font-family: Verdana, Helvetica;
text-decoration: none;
}
/* ----------------------------------------------------------------------
2a. LIENS - pour les menu dans les blocs.
---------------------------------------------------------------------- */
a.mainlevel:link, a.mainlevel:visited {
background: transparent !url(!../images/arrow.png) left no-repeat;
width: 100%;
color: #A9705A;
padding-left: 15px;
font-size: 10px;
font-family: Verdana, Helvetica;
text-decoration: none;
}
a.mainlevel:hover {
background: transparent !url(!../images/arrow1.png) left no-repeat;
width: 99%;
height: 16px;
color: #682B1A;
font-size: 10px;
font-family: Verdana, Helvetica;
text-decoration: none;
font-weight: bold;
padding-left: 15px;
}
/* ----------------------------------------------------------------------
2b. LIENS - pour les menu horizontaux.
---------------------------------------------------------------------- */
a.menulink:link, a.menulink:visited {
color: #A9705A;
font-size: 10px;
font-family: Verdana, Helvetica;
text-decoration: none;
}
a.menulink:hover {
color: #ff6502;
font-size: 10px;
font-family: Verdana, Helvetica;
text-decoration: none;
font-weight: bold;
}
/* ----------------------------------------------------------------------
2c. LIENS - de style noir.
=> en général les actions « positives » quand se ne sont pas des boutons
---------------------------------------------------------------------- */
a.noir, a.noir:visited, a.noir:active {
color: #A9705A;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.noir:hover {
color: #682B1A;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
/* ----------------------------------------------------------------------
2d. LIENS - de style rouge.
=> en général les actions de type: annulation, suppression,
---------------------------------------------------------------------- */
.rouge, a.rouge, a.rouge:active {
color: #FF0000;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
a.rouge:visited {
}
a.rouge:hover {
color: #FF0000;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
/* ----------------------------------------------------------------------
2e. LIENS - de style box
---------------------------------------------------------------------- */
a.box, a.box:active, a.box:visited {
background-color: transparent;
color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Helvetica;
text-decoration: none;
}
a.box:hover {
color: #9e5a42;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
text-decoration: underline overline;
font-size: 11px;
}
.BOX BR {
margin: -5px 0px 0px 10px;
}
.BOX UL {
padding: 8px;
margin: -5px 0px 0px 10px;
list-style-type: disc;
}
/* ----------------------------------------------------------------------
2f. LIENS - de style heada
=> administration, téléchargement, annuaire notamment
---------------------------------------------------------------------- */
a.heada, a.heada:visited, a.heada:active {
color: #864732;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
/* ----------------------------------------------------------------------
2g. LIENS - de style ongl
=> fortement utilisé par le CMS
---------------------------------------------------------------------- */
a.ongl {
border-bottom: #C3C2CB 1px solid;
color: #45445B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
a.ongl:visited {
background-color: #dddddd;
color: #45445B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
text-decoration: none;
}
a.ongl:active {
background-color: #dddddd;
color: #45445B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
text-decoration: none;
}
a.ongl:hover {
background-color: #3c6ea0;
font-family: Georgia, "Times New Roman", serif;
font-size: 11px;
font-weight: bold;
color: #FAFAFA;
text-decoration: none;
}
/* ----------------------------------------------------------------------
3. LES STYLES SUR DES BALISES DE BASES
---------------------------------------------------------------------- */
p {
background-color: transparent;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 11px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.4em;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
li {
margin: 0px;
padding-left: 2px;
}
/* ----------------------------------------------------------------------
4. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.aide { /* articles, commentaires notamment */
background-color: transparent;
border-bottom: #C0C0C0 1px solid;
border-left: #C0C0C0 1px solid;
border-right: #C0C0C0 1px solid;
border-top: #C0C0C0 1px solid;
margin: 0px 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.box { /* fortement utilisé avec les tableaux de type HEADER */
background-color: transparent;
color: #4A5768;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
margin-left: 5px;
margin-right: 5px;
font-weight: bold;
}
.boxb { /* Bloc sondage uniquement */
color: #000099;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 9px;
margin-left: 5px;
margin-right: 5px;
}
.boxc { /* administration, articles, commentaires notamment */
background-color: transparent;
color: #C5BF3B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 10px;
margin: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}
.boxmenu { /* Chat */
color: #C5BF3B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
font-weight: bold;
margin-left: 5px;
margin-right: 5px;
}
/* ----------------------------------------------------------------------
5a. LES STYLES SUR LES TABLEAUX
=> Utilisés par la fonction tablos(), permet d’alterner les couleurs des lignes de tableau
---------------------------------------------------------------------- */
.ligna {
background-color: #E0CBBA;
color: #45445B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
text-decoration: none;
}
.lignb {
background-color: #ECE3D7;
color: #45445B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
text-decoration: none;
}
/* ----------------------------------------------------------------------
5b. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.ongl { /* Fortement utilisé pour les <TD> */
border-bottom: #C3C2CB 1px solid;
color: #45445B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.opentable_theme {
border: dotted 1px #773826;
padding: 3 3 3 3;
}
.opentable_theme2 {
background-color: #FAFAFA;
border: dashed 1px #5c6e94;
padding: 3 3 3 3;
}
/* ----------------------------------------------------------------------
5c. LES STYLES SUR LES TABLEAUX
=> Très fortement utilisé pour la grande majorité des entêtes de tableaux
---------------------------------------------------------------------- */
.header {
background-color: #DBB489;
font-family: Georgia, "Times New Roman", serif;
font-size: 11px;
font-weight: bold;
color: #f1f4fb;
text-decoration: none;
}
/* ----------------------------------------------------------------------
6. LIGNE DE SEPARATION (MENU ADMINISTRATION, MENU MEMBRE …)
---------------------------------------------------------------------- */
.separ {
background-image: !url(!../style/ligne.gif);
background-position: right 50%;
background-repeat: repeat-x;
color: #000000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 5px;
height: 5px;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 180px;
padding-top: 0px;
}
.line_h_g {
background: transparent !url(!../images/ligne_h_g.gif) left no-repeat;
}
.line_h_d {
margin-right: 5px;
background: transparent !url(!../images/ligne_h_d.gif) right no-repeat;
}
/* ----------------------------------------------------------------------
7. LES STYLES SUR LES CHAMPS DE FORMULAIRES
---------------------------------------------------------------------- */
.inputa { /* champ de saisie, LNL, moteur de recherche notamment */
background-color: #FDFDFD;
border-top: #864732 2px solid;
border-bottom: #D7B39B 2px solid;
border-left: #864732 2px solid;
border-right: #D7B39B 2px solid;
color: #682B1A;
font-size: 9px;
height: 15px;
vertical-align: middle;
width: 80px;
}
.textbox { /* Champs de formulaire */
width: 95%;
background-color: #FDFDFD;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
color: #682B1A;
font-size: 11px;
font-weight: bold;
text-decoration: none;
border-top: #B07A64 2px groove;
border-left: #B07A64 2px groove;
border-bottom: #682B1A 1px inset;
border-right: #682B1A 1px inset;
}
.textbox_standard { /* Champs de formulaire */
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
background-color: #FDFDFD;
border-bottom: #D7B39B 1px solid;
border-left: #D7B39B 1px solid;
border-right: #D7B39B 1px solid;
border-top: #D7B39B 1px solid;
color: #864732;
font-size: 11px;
}
.bouton_standard { /* Champs de formulaire */
margin-top: 3px;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
cursor: pointer;
background-color: #FDFDFD;
color: #682B1A;
font-size: 11px;
font-weight: bold;
text-decoration: none;
border-top: #D7B39B 2px solid;
border-bottom: #864732 2px solid;
border-left: #D7B39B 2px solid;
border-right: #864732 2px solid;
}
.titboxc { /* administration, commentaires, téléchargement notamment */
background-color: transparent;
color: #9e5a42;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
font-weight: bold;
}
.titboxcont { /* bloc administrateur, bloc message à un membre notamment */
background-color: transparent;
color: #C5BF3B;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
font-size: 11px;
font-weight: bold;
}
.titre { /* Administration */
background-color: transparent;
color: #C5BF3B;
font-size: 10px;
FONT-WEIGHT: bold;
font-family: Georgia, "Times New Roman", serif;
}
.titrea { /* sondages, commentaires, critiques, sections notamment */
background-color: transparent;
color: #682B1A;
font-family: Georgia, "Times New Roman", serif;
font-size: 15px;
font-weight: bold;
letter-spacing : 1px;
text-indent : 1px;
padding &nbs p;: 2px;
}
.titreb { /* sondages */
background-color: transparent;
color: #91533D;
font-family: Georgia, "Times New Roman", serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.titrec { /* bloc de Chat */
background-color: transparent;
color: #D5B199;
font-family: Georgia, "Times New Roman", serif;
font-size: 11px;
text-decoration: none;
}
.titre1 {
width:565px;
height:20px;
background: #3c6ea0 !url(!"../images/fond_titre.gif") repeat;
text-align:left;
}
.titre1 h2 {
font-weight: bold; color: #000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
padding-top:2px;
padding-bottom:0px;
padding-left:22px;
margin:0;
}
/* ----------------------------------------------------------------------
8. LES STYLES SUR LES BLOCS (gauche & droite)
---------------------------------------------------------------------- */
.bloc_l_head {
padding-top:2px;
}
.bloc-l-fond {
background-color: #E0DFBB;
border-left: 1px ridge #A0654F;
background-position: top left;
background-repeat: repeat-y;
border-top: 1px inset #999999;
border-right: 1px outset #999999;
}
.bloc-r-fond {
background-image: !url(!../images/v_bloc_r.gif);
background-position: top right;
background-repeat: repeat-y;
padding-right: 3px;
}
div#bloc_left {
background-color: #E0DFBB;
padding-top: 3px;
padding-left: 5px;
padding-right: 7px;
}
div#bloc_right {
background-color: transparent;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 2px;
border-right: 1px inset #999999;
}
.bloc_l_titre {
width: 100%;
height: 21px;
background: #D9B6A0 !url(!../images/bloc_title.jpg) repeat-x top left ;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
color: #682B1A;
font-size: 11px;
font-weight: bold;
border-bottom: 1px #D9B6A0 inset;
}
.bloc_r_titre {
width: 100%;
height: 21px;
background-color: #ECE3D7;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
color: #682B1A;
font-size: 11px;
font-weight: bold;
border-bottom: 1px #D9B6A0 inset;
}
.bloc_l_corps {
background-color: #ECE3D7;
padding-top:5px;
padding-left:5px;
border-bottom: 3px #D9B6A0 inset;
}
.bloc_r_corps {
width: 100%;
background-color: #F7F3EE;
padding-left:5px;
}
/* ----------------------------------------------------------------------
10. STATS - Jireck' work
---------------------------------------------------------------------- */
.graph {
position: relative; /* IE is dumb */
width: 200px;
border: 1px solid #708090;
padding: 2px;
}
.graph .bar {
display: block;
position: relative;
background: #682B1A;
text-align: center;
color: #FFFFFF;
height: 1em;
line-height: 1em;
}
.graph .bar span { position: absolute; left: 1em; }
/* ----------------------------------------------------------------------
10. THEME
---------------------------------------------------------------------- */
.top_header {
background: transparent !url(!../images/fond_header.gif) no-repeat top center ;
}
.bottom_footer {
background: transparent !url(!../images/fond_footer.gif) no-repeat top center ;
padding-top: 5px;
}
.border_left {
border-left: 1px inset #912600;
background-color: transparent;
background-image: !url(!../images/v_bloc_r.gif);
background-position: top left;
background-repeat: repeat-y;
}
.border_right {
border-right: 1px outset #912600;
background-color: transparent;
background-image: !url(!../images/v_bloc_l.gif);
background-position: top right;
background-repeat: repeat-y;
}
#editorial {
margin-bottom: 30px;
}
#editorial_logo{
background-image: !url(!'../images/editorial.gif');
height: 24px;
margin: 5px 0px 0px 0px;
width: 112px;
}
#editorial span {
display: none;
}
.navigation_top
{
height: 23px;
background-color: transparent;
background-image: !url(!../images/bar_menu_bottom.gif);
background-position: bottom;
background-repeat: repeat-x;
}
.navigation_bottom
{
height: 23px;
background-color: transparent;
background-image: !url(!../images/bar_menu_top.gif);
background-position: bottom;
background-repeat: repeat-x;
}
div#box_article, div#box_poll {
background-color: #E0DFBB;
width: 150px;
float: right;
margin-bottom: 5px;
text-align: left;
display: block;
margin-right: 3px;
}
div#box_poll {
float: left;
}
div#box_article h3, div#box_poll h3 {
color: #404040;
font-weight: bold;
text-align: center;
font-size: 12px;
margin: 0px;
height: 23px;
line-height: 25px;
}
div#box_article ul, div#box_poll ul {
margin: 0; padding: 0;
}
div#box_article .bottom, div#box_poll .bottom {
width: 150px;
height: 11px;
}
div#box_article ul li, div#box_poll ul li {
padding-left: 20px;
list-style-type: none;
}
div#box_article .bloc_content1, div#box_poll .bloc_content1 {
padding-left: 4px;
padding-right: 4px;
}
div#box_article .bloc_content1 p, div#box_poll .bloc_content1 p {
margin-top: 5px;
}
div#box_article .bloc_content1 br {
margin: -5px 0px 0px 0px;
}
div#box_article .bloc_content1 .noir {
margin-left: 4px;
padding-bottom: 2px;
font-size: 11px;
list-style: disc;
display: list-item;
}
div#box_article .bloc_content2, div#box_poll .bloc_content2 {
height: 5px;
background: #A9705A;
}
div#box_article .boxc, div#box_poll .boxc {
background: #ECE3D7;
color: #A9705A;
font-size: 11px;
margin: 0px 0px;
}
div.bloc_title1{
background: !url(!'../images/bloc_title.jpg') center bottom no-repeat;
text-align: center;
}
/* Début menu flottant */
#ancre_menu{vertical-align:top;padding:5px 5px 0 0;margin:0}
/* liens */
.mh a,.vg a,.vd a{display lock;margin:0;padding:2px 5px;
text-decoration:none;line-height:1.1em;cursor:default}
.titre a{background-color 071641;colorffffff} /*fond et lettre*/
.titre a:hover,.titre a:active,.titre a:focus{background-color64B9CC;color071641} /* Fond sur le passage de la souris*/
.titre .suivi{background-color31527B} /* couleur du suivi */
/* avec url */
.lien a{background-color071641;colorffffff;font-weight:normal;cursor:pointer;cursor:hand/*IE5.0*/} /* fond non visité suivant */
.lien a:visited{colorF8F3F1;font-style:italic} /* Font de liens visités */
.lien a:hover,.lien a:active,.lien a:focus{
background-color68BAD0;color071641;border:2px inset;padding:0 3px;} /* Fond et lettres au passage de la souris */
/* flèches */
.fh,.fl{font-size:80%}
.fl{position:absolute}
/* 1er niveau : */
.mh li,.vd li,.vg li{display:inline;} /* bug IE */
.mh li{float:left;}
.mh{;height:1.35em}
.vg,.vg ul,.mh,.mh ul,.vd,.vd ul{position:absolute;margin:0;padding:0;
border:2px outset #071641; z-index:9} /* Couleur de la bordure */
.vd{text-align:right;right:1.3em}/* marge du body de general.css reportée */
/* 2éme niveau et suivants */
.mh li li{float:none;}
.vg ul,.mh ul,.vd ul{visibility:hidden;}
.mh ul{margin-top:.4em}
.vg ul,.mh ul ul{margin:-1.5em 0 0 -3px;}
.vd ul{margin:-1.5em -3px 0 0;}
/* corps remplace body en ouverture de menu */
corps{margin:0 auto;}
/* fin menu flottant */
|
