Grafiken,Designes and more

Design Silver

Es ist nicht erlaubt die Designs auf der eigenen Hp anzubieten oder das Copyright zu entfernen,dies wird sofort auf Designklauer.de.tl gemeldet.

Design 3: "Silver"

Beschreibung: Dies ist ein schlichtes Design in grau und weiß. Das Design hat eine Box und eine Navigation auf der linken Seite.




Der Code:

Text über Design:
<div id="Testdesign"> <div id="oben"></div> <div id="feld_links"> <ul id="navi"> <li> <a href="http://Home.htm" id="akt">Home</a> </li> <li> <a href="http://Seite1.htm">Seite 1</a> </li> <li> <a href="http://Seite2.htm">Seite 2</a> </li> <li> <a href="http://Seite3.htm">Seite 3</a> </li> <li> <a href="http://Seite4.htm">Seite 4</a> </li> <li> <a href="http://Seite5.htm">Seite 5</a> </li> <li> <a href="http://G.ae.stebuch.htm">Gästebuch</a> </li> <li><a href="http://Kontakt.htm">Kontakt</a> </li> </ul> </div>

CSS Code ohne Style Tags:
div#nav_container{visibility: hidden;} li.nav_element{display: none;} h1#title{display: none;} h2#title span {display: none;} li.nav_element{display: none;} li.nav_element a{display: none;} div.header{display: none;} a{color:#696969; font-size: 13px; text-decoration: none;} a:hover {color: #696969; font-size: 13px; text-decoration: none;} a:link {color: #696969; font-size: 13px; text-decoration: none;} a:active {color: #696969; font-size: 13px; text-decoration: none;} a:visited {color: #696969; font-size: 13px; text-decoration: none;} body {background-color:#ffffff;} * { padding: 0; margin: 0; } #Testdesign { margin: 0 auto; width: 922px;} #feld_links { color: #000000; border: 0px solid #07417C; background-image:url(https://img.webme.com/pic/g/ghostystest/navikasten2.jpg); margin: 0px 0px 0px 0px; padding: 10px; height: 206px; width: 140px; float: left;} #content { position: absolute; left: 50%; top:200px; margin-left:-303px; width: 658px; height: 306px; padding:10px; color: #000000; font-size:12px; font-family: Sans-serif; background-color:#333333; background-image:url(https://img.webme.com/pic/g/ghostystest/silver.jpg); border: 0px solid #000000; overflow:auto;} #sidebar_container { position: absolute; left:4%; top:250px; height: 206px; width: 140px; font-family: Sans-serif; font-size:13px; background-image:url(https://img.webme.com/pic/g/ghostystest/navikasten2.jpg); color: #000000; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: right; overflow:auto;} /* Die Navigation mit CSS */ #navi { font-family:Sans-serif; margin: 0; padding: 0; width: 140px; background-image:url(https://img.webme.com/pic/g/ghostystest/streifen6.png)} #navi ul, #navi li{ list-style-type: none; padding-top: 0px; } #navi li a { text-decoration: none; display: block; width:100%; padding: 4px;} #navi a:link, #navi a:visited { color: #a9a9a9; background-image: none;} #navi #akt { color: #a9a9a9; } #navi a:hover, #navi a:hover#akt { color: #353535; }