ModernOrange
CSS-Design "ModernOrange"
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="logo"><div style="text-align: center;"><img src="https://img.webme.com/pic/o/omba/logotest.png" alt="" /></div></div> <div id="footer_container"> <div id="footer"><table width="70%" cellspacing="1" cellpadding="1" border="0" align="center"> <tbody> <tr> <td width="32%" style="text-align: center;">Dein Text hier!</td> <td rowspan="2"> <div style="text-align: center;"><img height="150" width="1" src="https://img.webme.com/pic/o/omba/strich2.png" alt="" /></div> </td> <td width="32%" style="text-align: center;">Hier kannst du hinschreiben was du willst</td> <td rowspan="2"> <div style="text-align: center;"><img height="150" width="1" src="https://img.webme.com/pic/o/omba/strich2.png" alt="" /></div> </td> <td width="32%" style="text-align: center;">Auch hier kannst du was hinschreiben.</td> </tr> <tr> <td> <div style="text-align: center;"><a href="http://www.twitter.com"><img height="60" width="66" border="0" alt="" src="https://img.webme.com/pic/o/omba/twitterbutton.png"/></a></div> </td> <td> <div style="text-align: center;"><a href="http://www.youtube.com"><img height="60" width="66" border="0" alt="" src="https://img.webme.com/pic/o/omba/youtubebutton.png"/></a></div> </td> <td style="text-align: center;"><<- Auch hier kannast du das Youtube und Twitter Bild austauschen.</td> </tr> <tr> <td colspan="5"><hr /> <span style="font-size: small;"><span style="color: rgb(51, 51, 51);">Copyright by Omba © 2010 |</span> </span><a href="http://www.omba.de.tl"><span style="font-size: small;">OmbaDesign</span></a></td> </tr> </tbody> </table></div>
CSS-Code ohne Style Tags:
--> </style> <style type="text/css"> <!-- td[height="102"] { position:absolute; left:50%; margin-left:-376px; } body { background-color: #ffffff; background-repeat: no-repeat; background-image: url(https://img.webme.com/pic/o/omba/modernorange_backround.png); } #Feld_unten { position: absolute; left: 50%; top: 610px; margin-left: -435px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #logo { position: absolute; left: 50%; top: 93px; margin-left: -435px; width: auto; height: auto; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #container { width: 885px; height: auto; margin: auto; overflow: hidden; } #sidebar_container { float: left; margin-top: 275px; height: auto; width: 233px; padding-top:1px; color: #000000; font-size:14px; font-family: verdana; arial; text-align: center; background: none; background-repeat: repeat-y; } #nav_container { position: absolute; left:50%; top: 165px; height: 40px; margin-left:-260px; background-repeat: no-repeat; border:0px solid #FFFFFF;} li.nav_element { padding: 15px; display: inline-block; list-style-type: none; text-align: center; height:25px; width: auto; background-color: #XXXXXXX; } li.nav_element a { font-size:18px; color: #ffffff; font-family: tahoma; text-decoration: none; } li.nav_element:hover { height:25px; background-color: #494949; } #footer { clear:both; width:100%; height:auto; margin: auto; font-family: verdana; text-align:center; background-color: #494949; border-top: 1px solid #000000; font-size:16px; color:#ffffff; } #footer a { color:#222222; } #content { float:right; margin-top: 200px; margin-bottom: 20px; width: 650px; padding-right: 0px; padding-left: 0px; color: #0000000; font-size: 15px; font-family: verdana; arial; text-align: left; background-color: #ffffff; border-bottom: 1px solid #000000; border-left: 1px solid #000000; } #content a { font-size: 15px; color: #ff6000; font-family: arial; font-weight: bold; } 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;}