Hellblau-Schwarz
CSS: Hellblau-Schwarz

Vollbild
Info:
-die Navi ist für max. 6 Seiten geeignet und optiemiert
-Die Headeraufschrift ist leicht zu ändern,indem der Bild link im code für über dem Design mit einem link zur neuen Aufschrift ersetzt wird.Hintergrund sollte Transparent sein.
Code:
In Text über dem Design:
<div id="sidebar_container_Header">
<p align="center">
<img class="" border="0" alt="" src="https://img.webme.com/pic/d/designs-and-more/hellblauschwarzheaderlogo.png" />
</p></div></div>
|
in CSS-Code ohne Style Tags:
div#counter{visibility: hidden;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
body {background-color:000000;}
a{color:#ffffff; font-size: 14px; text-decoration: none;}
a:hover {color: #ffffff; font-size: 14px; text-decoration: none;}
a:link {color: #ffffff; font-size: 14px; text-decoration: none;}
a:active {color: #ffffff; font-size: 14px; text-decoration: none;}
a:visited {color: #ffffff; font-size: 14px; text-decoration: none;}
#nav_container { font-weight: bold; font-size: 15px; color:#ffffff; position:absolute; left: 50%; top: 167px; margin-left: -488px; width:980px; height:77px; border: 0px solid white;} #nav_heading { background-color: ; width:0px; height:77px; display:none; float:center; margin:0px;} ul#nav { width:100%; list-style-type:none; margin: 0; padding: 0px 0 0 0; position:absolute; top: 0px; height:77px; background-image: none; background-position:center; background-repeat:no-repeat; display:inline;} * html ul#nav { top: 0px;} #nav li { position:relative; display: block; float: left; height: 77px; background-image: none; background-repeat: no-repeat; margin: 0px 0 0 0; padding: 0px 0 0 0;} * html #nav li { margin-top: 0px; padding-top: 0px; } #nav_Startseite { background-image: none !important; margin-left:0px; } #nav a:link, #nav a:visited, #nav a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:15px; font-weight:bold; text-decoration:none; color:ffffff; margin:0 0px; z-index:2; } * html #nav a:link, * html #nav a:visited, * html #nav a:hover { position:relative; top: 1px; } #nav a:hover { color:#ffffff; } a{ color:#ffffff; text-decoration: none; font-size:15px;} a:hover { color: #ffffff!important; font-size: 15px; text-decoration: underlined;} a:link { color: #ffffff!important; font-size: 15px; text-decoration:underline;} a:active { color: #333333; font-size: 13px; text-decoration: none;} a:visited { color: #666666; font-size: 15px; text-decoration: none;} li.nav_element{ list-style-type: none; position: relative; padding:0px; height:77px; width: 162px;} li.nav_element a{ margin:0 0px;display: block; width: 162x; height: 57px; padding:10px; font-weight: bold; text-decoration: none; text-align: center; color:#ffffff; background-color:transparent; background-image:url(https://img.webme.com/pic/d/designs-and-more/hellblauschwarznavnormal.png); border: 0px solid #ffffff;} li.nav_element a:hover{ color: #ffffff; background-color:transparent; background-image:url(https://img.webme.com/pic/d/designs-and-more/hellblauschwarznavhover.png);}
body {
background-color:#000000;background-image:url(https://img.webme.com/pic/d/designs-and-more/hellblauschwarzback.png);background-repeat:y-repeat;}
#content {
position: absolute;
left: 50%;
top: 227px;
margin-left:-470px;
width:896px;
height: 543px;
padding:20px;
color: #ffffff;
font-size:15px;
background-color:#;
background-image:url(https://img.webme.com/pic/d/designs-and-more/csslellblauschwarzcont.png);
border: 0px solid #000000;
float:center;
overflow:auto;}
#sidebar_container_Header{
position: absolute;
left: 50%;
top:30px;
margin-left: -460px;
width: 822px;
height: 143px;
background-color:#;
background-image: none;
border:0px solid #FFFFFF;
color:#ffffff;
padding-left:80px;
padding-top:15px;
overflow:auto;}
|