Hjælp til css koder (design af hp)
Ja min kæreste sidder og roder med sin hjemmeside, men hun er stødt på lidt problemer. Hun ønsker at ændre hendes udseende på hendes hjemmeside.Hendes hjemmeside kan ses her: http://incendia-rats.weebly.com
Hun ønsker at vide hvordan hun fjerne de to blå bannere i hver side. Derudover ønsker hun også at vide hvordan hun ændre de to blå bannere til et andet billed/farve, hvis hun nu sku få lyst til at disse bannere skulle blive på siden.
Derudover ønsker hun at vide hvordan hun ændre tekst-farven på de links der er i menuen øverst.
Her er koderne som de står uden ændringer:
/* Css originally by mejobloggs Design by Aran @ stuio7designs.com Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */
body {
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 90%;
color: #888;
background-color: white;
line-height:1.5;
margin: 0;
padding: 0;
text-align: center;
}
/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
width: 768px;
margin: 0 auto;
text-align: left;
}
#wrapper-menu-top {
background: white url('bg02-white-left.png') no-repeat left top;
}
#menu-top {
width:768px;
background: transparent url('bg02-white-right.png') no-repeat right top;
overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}
#menu-top ul {
margin: 0 20px;
padding: 1em 0 0 0;
list-style: none;
font-size: 85%;
float: left;
}
#menu-top li {
display: inline;
float: left;
}
#menu-top a {
float: left;
background:url(menuleft.png) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
line-height: 1.5em;
}
#menu-top a span {
background: transparent url(menuright.png) no-repeat right top;
padding:5px 15px 4px 6px;
color:#5b8fbe;
display: block;
float: left;
cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span { background-position:100% -42px; }
#menu-top li.active a { background-position:0% -42px; }
#menu-top li.active a span { background-position:100% -42px; }
#wrapper-header {
background: transparent url('bg.png') top center repeat-x;
}
#header {
background: #eee url('%%HEADERIMG%%') no-repeat center top;
}
#wrapper-header2 {
background: transparent url('bg02-blue-left.png') top left no-repeat;
}
#wrapper-header3 {
background: transparent url('bg02-blue-right.png') top right no-repeat;
}
#header h1 {
margin: 0 25px;
padding: 0;
height: 192px;
line-height:1.5;
color: #636363;
font-size: 130%;
}
#wrapper-content {
background: white url('bg02-white-left.png') no-repeat left top;
}
* html #wrapper-content { height: 1%; }
#content {
background: transparent url('bg02-white-right.png') no-repeat right top;
padding: 15px 40px;
min-height:400px;
height:auto !important;
height:400px;
line-height:1.5;
}
/*
#wrapper-menu-page {
float: right;
width:10px;
margin: 20px 0px 3em 0px;
text-align: center;
line-height: 140%;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}
* html #wrapper-menu-page { margin-right: 15px; }
*/
#menu-page { padding-top: 5px; }
#menu-page ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 90%;
}
#menu-page h3 {
font-size: 75%;
text-transform: uppercase;
margin: 1em 0 0.3em 0;
color: #5b8fbe;
font-weight: normal;
letter-spacing: 0.15em;
}
#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }
#wrapper-footer {
margin-top: 1em;
text-align: center;
}
#footer {
margin: 0 20px;
background-color: #e5f0fc;
border: 1px solid #ccc;
border-bottom: 0;
clear: both;
}
h2 { font-size: 110%; }
h3 { font-size: 100%; }
a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }
/****************************** flyout menus ******************************/
#weebly-menus .weebly-menu-wrap {
z-index: 5000;
}
#weebly-menus .weebly-menu {
padding: 0;
margin: 0;
list-style: none;
}
#weebly-menus .weebly-menu li {
float: left;
clear: left;
width: 170px;
text-align: left;
}
#weebly-menus .weebly-menu li a {
position: relative;
display: block;
width: 100%;
background: #fff;
border-right: 2px solid #bbd0dd;
border-left: 2px solid #bbd0dd;
border-bottom: 1px solid #bbd0dd;
text-decoration: none;
font-size: 11px;
font-weight: normal;
line-height:1;
padding:3px;
color: #5b8fbe;
}
#weebly-menus .weebly-menu li a:hover {
background: #d6e7f2;
}
#weebly-menus span.weebly-menu-title {
display: block;
padding: 5px 10px;
}
#weebly-menus span.weebly-menu-more {
background: transparent url(http://images.weebly.com/weebly/images/submenu_arrow.gif) no-repeat center top;
display: block;
position: absolute;
right: 5px;
top: 0;
font-family: Courier;
height: 28px;
line-height: 28px;
padding:1px 0 3px 0;
}