Colors
CSS-Design "Colors"
Wichtiger Hinweis:
Grafiken und Header dürfen ausgetauscht werden. Die Copyright-Informationen dürfen weder entfernt noch verändert werden.
Designinhaber: Omba
Grafiken und Header dürfen ausgetauscht werden. Die Copyright-Informationen dürfen weder entfernt noch verändert werden.
Designinhaber: Omba
Bewertung dieses Designs:
Schritte:
1.) Einloggen
2.) Design einstellen
3.) CSS-Design auswählen
4.) Die untenstehenden Codes in die richtigen Felder einfügen
5.) Speichern
Text unter dem Design:
<div id="footer_container"> <div id="footer"><div style="text-align: center;"><br /> <span style="color: rgb(192, 192, 192);">Heute waren 152 Besucher hier <br /> Copyright by omba.de.tl © 2010</span></div></div> CSS-Code ohne Style Tags:
td[height="102"] { position:absolute; left:50%; margin-left:-376px; } body { background-color: #000000; background-repeat: no-repeat; background-image: url(https://img.webme.com/pic/o/omba/colors_backround.png); } #container { width: 995px; background-color: #ffffff; margin-left: auto; margin-right: auto; height: auto; margin-top: 100px; margin-bottom:auto; overflow: hidden; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; } #nav_container { position: absolute; left:50%; top: 115px; height: 78px; margin-left:-537px; border:0px solid #000000;} li.nav_element { padding-top: 25px; text-align: center; padding-left: 0px; display: inline-block; list-style-type: none; background-repeat: no-repeat; height: 53px; width: 199px; background-image: url(https://img.webme.com/pic/o/omba/colors_normal.png); border: 1px solid #ffffff;-moz-border-radius-topright: 10px; border-radius: 0px 7px 0px 0px; -moz-border-radius-topleft: 10px; border-radius: 7px 0px 0px 0px; } li.nav_element a { font-size:16px; color: #767676; font-family: tahoma; text-decoration: none; } li.nav_element:hover{ background-image: url(https://img.webme.com/pic/o/omba/colors_hover.png); background-color: #XXXXXX; border: 1px solid #000000; -moz-border-radius-topright: 10px; border-radius: 0px 7px 0px 0px; -moz-border-radius-topleft: 10px; border-radius: 7px 0px 0px 0px; } /* Die Ecke vom Coolmenü links rund machen*/ #first { -moz-border-radius-topleft: 10px; border-radius: 7px 0px 0px 0px; } #last { -moz-border-radius-topright: 10px; border-radius: 0px 7px 0px 0px; } #content { float:right; margin-top: 30px; margin-bottom: 20px; width: 690px; padding-right: 0px; padding-left: 0px; color: #0000000; font-size: 15px; font-family: verdana; arial; text-align: left; border: 0px solid #000000;} #content a { font-size: 15px; color: #000080; font-family: arial; font-weight: bold; } #logo { position: absolute; left: 50%; top: 103px; margin-left: -435px; width: auto; height: 89px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #sidebar_container { float: left; height: auto; width: 289px; padding-top:1px; margin-top: 30px; color: #000000; font-size:14px; font-family: verdana; arial; text-align: center; background: none; background-repeat: repeat-y; border: 0px solid #000000; } #sidebar_container a { color: #a8eaff; font-size: 10px; font-family: arial; text-decoration: underline; } #footer { clear:both; width:100%; height:110px; margin-left: auto; margin-right: auto; margin-top: 30px; text-align:center; background-color: #XXXXXX; border-top: 0px solid #9b9b9b; font-size:12px; color:#000000; } #footer a { color:#222222; } h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{display:none;}