boersencoach.com
Neues Mitglied
Hallo!
Ich möchte auf unserer Seite
www.boersencoach.com
die Farbe der Menüzeile von grau auf grün bringen...
Wo kann ich das machen? Finden nichts im HTML oder CSS-Code!
Hier der CSS-Code:
/* Top
------------------------------------------------------*/
#top{height:153px; width:960px;}
#logo{width:600px; padding:16px 0px 0px 15px; float:left;}
#topmenu{width:960px; float:left; height:74px;}
/* Seacrh styling */
#search-box{
padding:28px 10px 0px 0px;
}
#search{
float:right;
width:auto;
}
#s{
font:12px Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#c8c9be;
padding:3px 30px 2px 3px;
background:none;
border:1px solid #d9d9d9;
width:185px;
}
#s:focus{
border:1px solid #adacac;
color:#adacac;
}
#search .go{
position:absolute;
margin:2px 0 0 -26px;
}
/* Top Navigation bar menu styling */
#nav{
float:left;
list-style-type: none;
margin:20px 0px 0px 0px;
}
#nav li{
float:left;
border-right:1px solid #cbcbcb;
}
#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
width:100px;
padding:4px 20px;
text-decoration: none;
line-height: 20px;
outline: none;
text-align:left;
font-size: 18px;
color:#7c7c7c;
}
#nav li a:hover, #nav li.selected a{
color:#2a7ea0;
}
span.descmenu{
font-size:11px;
padding:0px 20px;
color:#989797
}
/* Content
------------------------------------------------------*/
#content{width:960px;}
#maincontent{padding:20px 0px 30px 0px; float:left}
.h-line {padding:4px 0px;}
/* main */
#main{width:610px; float:left;}
#maintext{padding:0px 0px 20px 0px}
#maintext h2{margin:0px;}
#maintext h1{color:#2f87aa;}
#maintext_portfolio{padding:0px 0px 0px 0px}
.box-main{width:290px; float:left; padding:28px 0px 0px 0px;}
.spacer{width:30px; float:left; display:block; height:100%;}
.icon{width:77px; height:92px; float:left;}
/* side */
#side{width:312px; margin:8px 0px 0px 38px; float:left;}
.sidebox{
padding:10px 18px 5px 18px;
margin-bottom:14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
.sidebox-top{
background-image:url(../images/top-border-side.gif);
background-repeat:no-repeat;
background-position:top;
height:4px;
}
#latest-news{
padding:10px 18px 0px 18px;
margin-bottom:14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
/* scroll widget */
.scroll{
position:relative;
min-height:137px;
border:1px solid #efefef;
margin:0 0 20px 0;
background:#fff;
}
.scroll ul{
position:relative;
width:276px;
height:78px;
margin:0px;
list-style:none;
}
.scroll ul li{
width:276px;
height:78px;
margin:0;
line-height:18px;
}
.scroll ul li span{
display:block;
margin:0 0 .4em;
}
.scroll ol{
height:22px;
position:absolute;
top:0;
right:15px;
list-style:none;
}
.scroll ol li{
float:left;
}
.scroll ol a{
display:block;
width:11px;
height:22px;
margin:0 1px;
padding:0 2px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:50% 0;
}
.scroll ol li.previous a{background-image:url("../images/icon-arrow-down.gif");}
.scroll ol li.next a {background-image:url("../images/icon-arrow-up.gif");}
.scroll ol li a:hover {background-position:50% 100%; }
Ich möchte auf unserer Seite
www.boersencoach.com
die Farbe der Menüzeile von grau auf grün bringen...
Wo kann ich das machen? Finden nichts im HTML oder CSS-Code!
Hier der CSS-Code:
/* Top
------------------------------------------------------*/
#top{height:153px; width:960px;}
#logo{width:600px; padding:16px 0px 0px 15px; float:left;}
#topmenu{width:960px; float:left; height:74px;}
/* Seacrh styling */
#search-box{
padding:28px 10px 0px 0px;
}
#search{
float:right;
width:auto;
}
#s{
font:12px Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#c8c9be;
padding:3px 30px 2px 3px;
background:none;
border:1px solid #d9d9d9;
width:185px;
}
#s:focus{
border:1px solid #adacac;
color:#adacac;
}
#search .go{
position:absolute;
margin:2px 0 0 -26px;
}
/* Top Navigation bar menu styling */
#nav{
float:left;
list-style-type: none;
margin:20px 0px 0px 0px;
}
#nav li{
float:left;
border-right:1px solid #cbcbcb;
}
#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
width:100px;
padding:4px 20px;
text-decoration: none;
line-height: 20px;
outline: none;
text-align:left;
font-size: 18px;
color:#7c7c7c;
}
#nav li a:hover, #nav li.selected a{
color:#2a7ea0;
}
span.descmenu{
font-size:11px;
padding:0px 20px;
color:#989797
}
/* Content
------------------------------------------------------*/
#content{width:960px;}
#maincontent{padding:20px 0px 30px 0px; float:left}
.h-line {padding:4px 0px;}
/* main */
#main{width:610px; float:left;}
#maintext{padding:0px 0px 20px 0px}
#maintext h2{margin:0px;}
#maintext h1{color:#2f87aa;}
#maintext_portfolio{padding:0px 0px 0px 0px}
.box-main{width:290px; float:left; padding:28px 0px 0px 0px;}
.spacer{width:30px; float:left; display:block; height:100%;}
.icon{width:77px; height:92px; float:left;}
/* side */
#side{width:312px; margin:8px 0px 0px 38px; float:left;}
.sidebox{
padding:10px 18px 5px 18px;
margin-bottom:14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
.sidebox-top{
background-image:url(../images/top-border-side.gif);
background-repeat:no-repeat;
background-position:top;
height:4px;
}
#latest-news{
padding:10px 18px 0px 18px;
margin-bottom:14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
/* scroll widget */
.scroll{
position:relative;
min-height:137px;
border:1px solid #efefef;
margin:0 0 20px 0;
background:#fff;
}
.scroll ul{
position:relative;
width:276px;
height:78px;
margin:0px;
list-style:none;
}
.scroll ul li{
width:276px;
height:78px;
margin:0;
line-height:18px;
}
.scroll ul li span{
display:block;
margin:0 0 .4em;
}
.scroll ol{
height:22px;
position:absolute;
top:0;
right:15px;
list-style:none;
}
.scroll ol li{
float:left;
}
.scroll ol a{
display:block;
width:11px;
height:22px;
margin:0 1px;
padding:0 2px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:50% 0;
}
.scroll ol li.previous a{background-image:url("../images/icon-arrow-down.gif");}
.scroll ol li.next a {background-image:url("../images/icon-arrow-up.gif");}
.scroll ol li a:hover {background-position:50% 100%; }
Zuletzt bearbeitet: