Rainbow
CSS-Design "Rainbow"
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 über dem Design:
<div id="Designbild"> </div>Text unter dem Design:
<div id="Feld_unten"><div style="text-align: center"><a href="http://www.omba.de.tl">Copyright by Omba (c) 2010</a><br /></div>CSS-Code ohne Style Tags:
--> </style> <center> <style type="text/css"> <!-- td[height="102"] { position:absolute; left:50%; margin-left:-369px; } /* Nullformatierung für alle Browser */ *{margin:0px; padding:0px; } /* Hintergrund */ /* Copyright by www.omba.de.tl */ body { background-color: #ffffff; background-image: none; } /* Designbild / Breite und Höhe vom Bild einfügen */ #Designbild { position:absolute; top: 100px; left:50%; margin-left:-500px; width:1000px; height: 1000px; background-image:url(https://img.webme.com/pic/o/omba/rainbow_backround.png);} #content { position: absolute; left: 50%; top: 385px; margin-left:-452px; width: 616px; height:autopx; overflow:auto;} color:#000000; font-size:13px; font-family:arial; text-align:left; background-color:; background-image: none; border: 1px solid #000000;} /* Linkfarben im Textfeld content */ #content a{ color:#000080;} /* Feld Navigation */ #nav_container { position: absolute; left:50%; top: 335px; height: 40px; margin-left:-440px; border:0px solid #FFFFFF;} ul#nav { list-style-type: none;} li.nav_element{ background-image: none; height: 31px; display: inline; padding: 6px; border: 1px solid #;} li.nav_element:hover{ background-image: url(https://img.webme.com/pic/o/omba/rainbow_hover.png); border: 1px solid #;} a.menu{ text-decoration: none; padding-top: 10px;font-family: arial; font-weight:bold; color: #FFFFFF;} h2#title{ background-color: #000000; color: #000000; border: 1px solid #000000; test-align: center; font-size: 18px; font-family: times new roman, arial; margin: 0px 670px 10px 0px;} /* Feld unter Textfeld */ #Feld_unten { position: absolute; left: 50%; top: 105px; margin-left:-580px; width: 380px; height: 63px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #FFFFFF;} /* Felder die wir nicht benötigen */ h1#header {display:none;} h2#title {display:none;} #sidebar_heading{display:none;} #nav_heading{display:none;} #counter { position: absolute; width: 700px; left: 50%; margin-left: -254px; font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color: #000000; font-weight: normal; text-align: right; top: 375px; } #counter span { background-color: #d1f6fd; padding: 0px 3px 0px 3px; border-left : 0px #000000 solid; } #sidebar_container{ position: absolute; /* Nichts ändern */ left: 50%; /* Nichts ändern */ top:460px; /* abstand von Oben */ margin-left: 175px; /*Abstand von Links */ width: 285px; /* Breite der Box */ height: autopx; /* Höhe der Box */ border: 0px solid #000000; /* Boxumrandung */ color:#000000; /* Schriftfarbe (Firefox */ overflow:auto; /* Mit Scrollbar (Ich würde nichts am Code rumstellen <img src="https://img.webme.com/pic/o/omba/rainbow_wink.gif" border="0"> euer Omba-Team) */