Design5
Wenn ihr dieses Design nutzen wollt müsst ihr gut sichtbar auf eurer Startseite einen Link zu
award4us einfügen!
Dies bei CSS Codes ohne Style einfügen:
|
| #extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} <style type="text/css"> <!-- li.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left: 200px; left: 56%; } body { background-color:#ffffff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 900px; height: 850px; background-image:url(https://img.webme.com/pic/o/on4you/sdfasfsfa.jpg);} #content { position: absolute; left: 50%; top:300px; margin-left:-375px; width: 700px; height: 400px; padding:10px; color: #ffffff; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 75%; top: 240px; margin-left: -440px; font-color:#ffffff;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #ffffff; font-size: 13px; text-decoration: none;} a:link { color: #FFFFFF; font-size: 13px; text-decoration: none;} a:link:hover { color: #ffffff; font-size: 13px; text-decoration: none;} a:active { color: #ffffff; font-size: 13px; text-decoration: none;} a:active:hover { color: #ffffff; font-size: 13px; text-decoration: none;} a:visited { color: #ffffff; font-size: 15px; text-decoration: none;} a:visited:hover { color: #ffffff; font-size: 15px; text-decoration: none;} </style> |
| Und das bei Text über dem Design: |
| <div id="Designmystic"> <p align="center"><style type="text/css" media="screen"> <!-- body { font-family: Sans, sans-serif; font-size: 50px; overflow: auto; padding: 15px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } .menu { position: absolute; z-index: 3; top: 216px; left:49%; margin-left:-394px; } .menu li { width: 197px; float: left; } .menu a { border: 0px solid #; background-color: #; background-image:url(https://img.webme.com/pic/o/on4you/on4you_button.jpg); text-decoration: none; text-align: center; font-weight: bold; cursor: default; margin: 0px 2px; display: block; height: 30px; color: #FFFFFF; } .menu a:hover { background-color: #; background-image:url(https://img.webme.com/pic/o/on4you/on4you_button2.jpg); } #smenu1, #smenu2, #smenu3, #smenu4 { font-size: 12px; display: none; width: 197px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a { font-weight: normal; padding-top: 2px; border-top: 0px; cursor: pointer; } </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> </head> <body> <div class="menu"> <ul> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu1');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu1');"">Home</a> <ul id="smenu1" onmouseover_fckprotectedatt=" onmouseover="montre('smenu1');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu1');""> <li><a href="Link 1" _fcksavedurl="Link 1">Text1</a></li> <li><a href="Link 2" _fcksavedurl="Link 2">Text2</a></li> <li><a href="Link 3" _fcksavedurl="Link 3">Text3</a></li> </ul> </li> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu2');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu2');"">Links</a> <ul id="smenu2" onmouseover_fckprotectedatt=" onmouseover="montre('smenu2');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu2');""> <li><a href="Link 1" _fcksavedurl="Link 1">Text1</a></li> <li><a href="Link 2" _fcksavedurl="Link 2">Text2</a></li> <li><a href="Link 3" _fcksavedurl="Link 3">Text3</a></li></ul> </li> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu3');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu3');"">Options</a> <ul id="smenu3" onmouseover_fckprotectedatt=" onmouseover="montre('smenu3');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu3');""> <li><a href="Link 1" _fcksavedurl="Link 1">Text1</a></li> <li><a href="Link 2" _fcksavedurl="Link 2">Text2</a></li> <li><a href="Link 3" _fcksavedurl="Link 3">Text3</a></li></ul> </li> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu4');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu4');"">HP-Tools</a> <ul id="smenu4" onmouseover_fckprotectedatt=" onmouseover="montre('smenu4');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu4');""> <li><a href="Link 1" _fcksavedurl="Link 1">Text1</a></li> <li><a href="Link 2" _fcksavedurl="Link 2">Text2</a></li> <li><a href="Link 3" _fcksavedurl="Link 3">Text3</a></li> </ul> </ul> </li></p> </ul> </div></p> <div align="center"> <table border="0" width="70%" id="table1"> <tr> <td></body></html> |
