Modifier sous menus
Espartero79
-
Espartero79 -
Espartero79 -
Bonjour,
Je souhaite modifier l'apparence de mes sous menus qui pour l'instant ont la même apparence que mes menus lorsqu'ils apparaissent. J'aimerais savoir ou est-ce que je dois modifer quelque chose dans le css.
Voici l'allure de mon template et le css de ce template :
/* ----- Main Layout Elements ----- */
body {
background: #3d3d3d;
text-align: center;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
font-family: Arial, Verdana, sans-serif;
}
#container {
width: 980px;
font-size: 12px;
margin: 0 auto;
text-align: left;
clear: both;
margin-top: 10px;
background-color: #ffffff;
}
#header {
width: 980px;
height: 166px;
margin: 0 auto;
clear: both;
}
#headerinside {
width: 980px;
background-image: url('../images/bg-header.jpg');
margin: 0 auto;
height: 138px;
text-align: left;
clear: both;
}
#leftsidebar {
float: left;
width: 20%;
overflow: hidden;
padding-bottom: 10px;
}
#main {
float: left;
width: 78%;
overflow: hidden;
padding-bottom: 10px;
}
#rightsidebar {
float: left;
width: 2%;
overflow: hidden;
padding-bottom: 10px;
}
#footer {
margin: 0 auto;
width: 980px;
clear: both;
text-align: center;
font-size: 10px;
padding-top: 10px;
color: #ffffff;
background-color: #000000;
}
#footer a {
color: #ffff99;
}
a, a:visited {
color: #790878;
}
a:hover {
color: #b00000;
}
#searchForm {
padding-top: 10px;
}
/* ----- Top Menu ----- */
#topmenu {
background-image: url('../images/top-header.jpg');
padding-top: 5px;
margin: 0 auto;
height: 23px;
text-align: center;
clear: both;
}
#topmenu .moduletable {
border: 0;
padding: 0;
margin: 0 auto;
}
#topmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#topmenu li {
display: inline;
margin: 0;
padding: 0;
border-right: 1px solid #333333;
}
#topmenu a, #topmenu a:visited {
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
color: #000000;
text-decoration: none;
border-left: 1px solid #333333;
}
#topmenu a:hover {
text-decoration: underline;
color: #f5ff50;
}
/* ----- Left Sidebar Elements ----- */
#leftsidebar ul {
margin: 0px;
padding-left: 20px;
padding-top: 5px;
}
#leftsidebar ul li {
margin: 0px;
padding: 0px;
list-style-type: square;
}
#leftsidebar ul li a {
text-decoration: none;
color: #333333;
}
#leftsidebar ul li a:hover {
text-decoration: underline;
}
#leftsidebar h3 {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
height: 11px;
font-size: 10px;
font-family: verdana, arial;
color: #ffffff;
text-align: center;
background-image: url('../images/modtop.jpg');
}
#leftsidebar .moduletable {
background-color: #eeeeee;
color: #000000;
}
#user4 .moduletable {
background-color: #ffffff;
color: #000000;
}
/* ----- Sidebar Buttons ----- */
#leftsidebar .moduletable_menu {
margin-bottom: 10px;
background-color: #111111;
color: #333333;
padding: 0;
}
#leftsidebar .moduletable_menu ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#leftsidebar .moduletable_menu ul li {
list-style: none;
margin: 0;
}
#leftsidebar .moduletable_menu ul li a {
display: block;
padding: 2px 1px 2px 5px;
background-image: url('../images/bbg.jpg');
background-color: #440243;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #leftsidebar .moduletable_menu li a {
width: auto;
}
#leftsidebar .moduletable_menu li a:hover {
background-color: #c40101;
background-image: url('../images/bbgo.jpg');
color: #ffffff;
}
/* ----- Right Sidebar Elements ----- */
#rightsidebar .moduletable, #rightsidebar .moduletable_text {
background-color: #fafafa;
color: #000000;
margin-bottom: 10px;
border: 1px solid #bababa;
}
#rightsidebar .moduletable h3, #rightsidebar .moduletable_text h3 {
margin: 0px;
padding-top: 2px;
padding-bottom: 4px;
height: 11px;
font-size: 10px;
font-family: verdana, arial;
color: #ffffff;
text-align: center;
background-color: #000000;
}
#rightsidebar p, .bannergroup_text {
margin-top: 0px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
/* Additional markups */
.pagenavcounter, .pagenav {
font-size: 10px;
}
.contenttoc {
padding: 5px;
}
div.componentheading { /* Component heading */
font-size: 16px;
border-bottom: 1px solid #777777;
font-weight: bold;
margin-top: 10px;
border-bottom: 1px solid #cccccc;
}
td.contentheading { /* Post titles/headings */
font-size: 16px;
font-weight: bold;
clear: both;
padding-top: 10px;
text-decoration: underline;
}
table.contentpaneopen { /* Table wrapping posts */
margin: 0;
padding: 0;
}
#form-login-remember { /* Small 'remember me?' text in login form */
font-size: 12px;
padding-bottom: 5px;
}
#form-login {
text-align: center;
}
#form-login-username, #form-login-password, #form-login-remember {
text-align: left;
font-size: 11px;
padding-left: 10px;
margin: 0;
}
#form-login ul {
text-align: left;
}
fieldset.input {
border: 0;
}
#form-login #form-login-remember {
text-align: center;
}
form {
margin:0;
}
td.sectiontableentry1 { /* Alternating rows for polls */
background-color: #ffffff;
}
td.sectiontableentry2 { /* Alternating rows for polls */
background-color: #f9f9f9;
}
.button {
background-color: #ddecf3;
font-size: 10px;
font-family: verdana, arial;
border-top: 1px solid #e7f7ff;
border-left: 1px solid #cde4ef;
border-bottom: 1px solid #000000;
border-right: 1px solid #245167;
}
.buttonheading img {
border: none;
margin: 0;
padding: 0;
}
span.small { /* Small text underneath post title, i.e. 'Written by...' */
font-size: 10px;
margin: 0;
padding: 0;
}
td.createdate { /* Small date under post titles */
font-size: 10px;
text-align: left;
color: #999999;
}
td.modifydate { /* The 'Last Updated' date under posts/modules. */
font-size: 10px;
text-align: right;
font-style: italic;
}
a.readon { /* The 'Read More...' link under posts/modules. */
font-size: 10px;
float: right;
text-align: right;
}
td.article_column {
padding-right: 10px;
}
table.pollstableborder {
text-align: left;
width: 100%;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
span.breadcrumbs {
font-size: 10px;
color: #666666;
}
.crumbbg {
background-color: #fff0fe;
}
div.bannerheader {
font-size: 10px;
}
Lien vers mon template : https://www.cjoint.com/?fmjP70xkgS
Merci beaucoup à celui ou celle qui prendra un peu de son temps pour m'aider
Je souhaite modifier l'apparence de mes sous menus qui pour l'instant ont la même apparence que mes menus lorsqu'ils apparaissent. J'aimerais savoir ou est-ce que je dois modifer quelque chose dans le css.
Voici l'allure de mon template et le css de ce template :
/* ----- Main Layout Elements ----- */
body {
background: #3d3d3d;
text-align: center;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
font-family: Arial, Verdana, sans-serif;
}
#container {
width: 980px;
font-size: 12px;
margin: 0 auto;
text-align: left;
clear: both;
margin-top: 10px;
background-color: #ffffff;
}
#header {
width: 980px;
height: 166px;
margin: 0 auto;
clear: both;
}
#headerinside {
width: 980px;
background-image: url('../images/bg-header.jpg');
margin: 0 auto;
height: 138px;
text-align: left;
clear: both;
}
#leftsidebar {
float: left;
width: 20%;
overflow: hidden;
padding-bottom: 10px;
}
#main {
float: left;
width: 78%;
overflow: hidden;
padding-bottom: 10px;
}
#rightsidebar {
float: left;
width: 2%;
overflow: hidden;
padding-bottom: 10px;
}
#footer {
margin: 0 auto;
width: 980px;
clear: both;
text-align: center;
font-size: 10px;
padding-top: 10px;
color: #ffffff;
background-color: #000000;
}
#footer a {
color: #ffff99;
}
a, a:visited {
color: #790878;
}
a:hover {
color: #b00000;
}
#searchForm {
padding-top: 10px;
}
/* ----- Top Menu ----- */
#topmenu {
background-image: url('../images/top-header.jpg');
padding-top: 5px;
margin: 0 auto;
height: 23px;
text-align: center;
clear: both;
}
#topmenu .moduletable {
border: 0;
padding: 0;
margin: 0 auto;
}
#topmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#topmenu li {
display: inline;
margin: 0;
padding: 0;
border-right: 1px solid #333333;
}
#topmenu a, #topmenu a:visited {
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
color: #000000;
text-decoration: none;
border-left: 1px solid #333333;
}
#topmenu a:hover {
text-decoration: underline;
color: #f5ff50;
}
/* ----- Left Sidebar Elements ----- */
#leftsidebar ul {
margin: 0px;
padding-left: 20px;
padding-top: 5px;
}
#leftsidebar ul li {
margin: 0px;
padding: 0px;
list-style-type: square;
}
#leftsidebar ul li a {
text-decoration: none;
color: #333333;
}
#leftsidebar ul li a:hover {
text-decoration: underline;
}
#leftsidebar h3 {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
height: 11px;
font-size: 10px;
font-family: verdana, arial;
color: #ffffff;
text-align: center;
background-image: url('../images/modtop.jpg');
}
#leftsidebar .moduletable {
background-color: #eeeeee;
color: #000000;
}
#user4 .moduletable {
background-color: #ffffff;
color: #000000;
}
/* ----- Sidebar Buttons ----- */
#leftsidebar .moduletable_menu {
margin-bottom: 10px;
background-color: #111111;
color: #333333;
padding: 0;
}
#leftsidebar .moduletable_menu ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#leftsidebar .moduletable_menu ul li {
list-style: none;
margin: 0;
}
#leftsidebar .moduletable_menu ul li a {
display: block;
padding: 2px 1px 2px 5px;
background-image: url('../images/bbg.jpg');
background-color: #440243;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #leftsidebar .moduletable_menu li a {
width: auto;
}
#leftsidebar .moduletable_menu li a:hover {
background-color: #c40101;
background-image: url('../images/bbgo.jpg');
color: #ffffff;
}
/* ----- Right Sidebar Elements ----- */
#rightsidebar .moduletable, #rightsidebar .moduletable_text {
background-color: #fafafa;
color: #000000;
margin-bottom: 10px;
border: 1px solid #bababa;
}
#rightsidebar .moduletable h3, #rightsidebar .moduletable_text h3 {
margin: 0px;
padding-top: 2px;
padding-bottom: 4px;
height: 11px;
font-size: 10px;
font-family: verdana, arial;
color: #ffffff;
text-align: center;
background-color: #000000;
}
#rightsidebar p, .bannergroup_text {
margin-top: 0px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
/* Additional markups */
.pagenavcounter, .pagenav {
font-size: 10px;
}
.contenttoc {
padding: 5px;
}
div.componentheading { /* Component heading */
font-size: 16px;
border-bottom: 1px solid #777777;
font-weight: bold;
margin-top: 10px;
border-bottom: 1px solid #cccccc;
}
td.contentheading { /* Post titles/headings */
font-size: 16px;
font-weight: bold;
clear: both;
padding-top: 10px;
text-decoration: underline;
}
table.contentpaneopen { /* Table wrapping posts */
margin: 0;
padding: 0;
}
#form-login-remember { /* Small 'remember me?' text in login form */
font-size: 12px;
padding-bottom: 5px;
}
#form-login {
text-align: center;
}
#form-login-username, #form-login-password, #form-login-remember {
text-align: left;
font-size: 11px;
padding-left: 10px;
margin: 0;
}
#form-login ul {
text-align: left;
}
fieldset.input {
border: 0;
}
#form-login #form-login-remember {
text-align: center;
}
form {
margin:0;
}
td.sectiontableentry1 { /* Alternating rows for polls */
background-color: #ffffff;
}
td.sectiontableentry2 { /* Alternating rows for polls */
background-color: #f9f9f9;
}
.button {
background-color: #ddecf3;
font-size: 10px;
font-family: verdana, arial;
border-top: 1px solid #e7f7ff;
border-left: 1px solid #cde4ef;
border-bottom: 1px solid #000000;
border-right: 1px solid #245167;
}
.buttonheading img {
border: none;
margin: 0;
padding: 0;
}
span.small { /* Small text underneath post title, i.e. 'Written by...' */
font-size: 10px;
margin: 0;
padding: 0;
}
td.createdate { /* Small date under post titles */
font-size: 10px;
text-align: left;
color: #999999;
}
td.modifydate { /* The 'Last Updated' date under posts/modules. */
font-size: 10px;
text-align: right;
font-style: italic;
}
a.readon { /* The 'Read More...' link under posts/modules. */
font-size: 10px;
float: right;
text-align: right;
}
td.article_column {
padding-right: 10px;
}
table.pollstableborder {
text-align: left;
width: 100%;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
span.breadcrumbs {
font-size: 10px;
color: #666666;
}
.crumbbg {
background-color: #fff0fe;
}
div.bannerheader {
font-size: 10px;
}
Lien vers mon template : https://www.cjoint.com/?fmjP70xkgS
Merci beaucoup à celui ou celle qui prendra un peu de son temps pour m'aider
A voir également:
- Modifier sous menus
- Modifier dns - Guide
- Modifier liste déroulante excel - Guide
- Modifier extension fichier - Guide
- Comment modifier une story sur facebook - Guide
- Modifier widget iphone - Guide
2 réponses
j'ai pas la réponse comme ca, ya trop a lire mais un bon moyen de trouver quoi modifier dans un css, c'est d'utiliser l'extention firefox "web dev" ;)
Le problème est que je travaille avec internet explorer , merci quand même , donc je vais tenter de bidouiller mon css jusqu'à trouver les sous menus ^^. Si yena 'dautre qui ont une idée, merci de me le faire savoir !!
Je pense que la réponse doit se trouver dans les éléments de left sidebar mais ou ? la est la question !!
Je pense que la réponse doit se trouver dans les éléments de left sidebar mais ou ? la est la question !!