Grafiken,Designes and more

Design Grey

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 1: "Grey"

Beschreibung: Dies ist ein schlichtes Design in grau mit einer horizontalen Navigation.





Der Code:

Text über Design:
<font color="#ffffff"><font size="1">&copy; </font><a target="_self" href="http://www.Ghosty12.de.tl"><font color="#ffffff" size="1">Copyright 2009 by Ghosty12.de.tl</font></a></font> <p>&nbsp;</p> <div id="Testdesign3"> <div id="Header_oben"></div> <div id="Navi_Feld"><style type="text/css" media="screen"> <!-- body { font-family: Verdana, sans-serif; font-size: 14px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 168px; left: 50%; margin-left:-496px; width:905px; } .menu li { width: 160px; float: left; } .menu a { border: 0px solid #000000; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height: 23px; color: #00CCFF; } #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 14px; display: none; width: 160px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="LINK1"> TITEL1</a> </li> <li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a> <ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2"> </ul> </li> <li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a> <ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3"> <li> </li> </ul> </li> <li><a href="LINK4"> TITEL4</a></li> <li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a> <ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5"> </ul> </li> </div> </div></textarea>
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:#800000; font-size: 14px; text-decoration: none;} a:hover {color: #800000; font-size: 14px; text-decoration: none;} a:link {color: #800000; font-size: 14px; text-decoration: none;} a:active {color: #800000; font-size: 14px; text-decoration: none;} a:visited {color: #800000; font-size: 14px; text-decoration: none;} body {background-image: none; background-color: #000000;} * { padding: 0; margin: 0; } #DESIGN4YOU { margin: 0 auto; width: 922px;} #Header_oben { color: #FFFFFF; width: 778px; height: 79px; background-image: url(https://img.webme.com/pic/c/christoph-ghosty/header12345.jpg); float: left; padding: 10px; margin: 0px 0px 0px 0px;} #Navi_Feld { width: 778px; height:5px; background-image: url(https://img.webme.com/pic/c/christoph-ghosty/asdasdada2.jpg); background-color:#333333; padding: 10px; border: 0px solid #CCCCCC; margin: 0px 0px 0px 0px;} #content { position : absolute; left : 100%; top : 193px; margin-left : -993px; width : 798px; height : 320px; padding : 0; font-size : 13px; background-color : #353535; background-image : none; border : 0 solid #fff; overflow : auto; } #counter{text-align:center;} </textarea>