Pinkpurple
CSS-Design "Pinkpurple"
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
Inhalt der 1. Extra-Box (rechts):
<center> <style type="text/css"> <!-- #inhalt { background-image:url(https://img.webme.com/pic/o/omba/pinkpurple_navi.png); background-color:#XXXXXX; text-align: center; font-size:22px; font-family:verdana; height:35px; width:273px; overflow:auto; color:#ffffff; }</style> <div id="inhalt">Überschrift1</div><br> ajkldsf jöleasdkfj eawoihf oaihefoahwefaoöi hoewöaih foaeifh aoiehf aoiefh oiefh aoweif hafihase öfoihaöjnfuwoiöfha oiaeh foiahsef .... <a href="http://">mehr</a> <br> <br> <div id="inhalt">Überschrift1</div><br> Hier könnte dein Text stehen. Einfach hier Text einfügen. Die Felder können beliebig erweitert werden.<a href="http://">mehr</a> <br> <br> Text über dem Design:
<div id="logo"><div style="text-align: center;"><img src="https://img.webme.com/pic/o/omba-test/logoo.png" alt="" /></div></div> <div id="Designbild"> </div> Text unter dem Design:
<div id="Feld_unten"><div style="text-align: center"></a></div><a href="http://www.omba.de.tl">Copyright by Omba (c) 2010</a><br /><br /><br /> <div style="text-align: center;"><a href="http://www.facebook.com" ><img border="0" src="https://img.webme.com/pic/o/omba/facebookbutton.png" alt="" /></a> <a href="http://www.twitter.com"><img border="0" src="https://img.webme.com/pic/o/omba/twitterbutton.png" alt="" /></a> <a href="http://www.youtube.com"><img border="0" src="https://img.webme.com/pic/o/omba/youtubebutton.png" alt="" /></a><br /> <br /> </div><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: #2c172a; background-image: none; } /* Designbild / Breite und Höhe vom Bild einfügen */ #Designbild { position:absolute; top: 200px; left:50%; margin-left:-170px; width:531px; height: 843px; background-image:url(https://img.webme.com/pic/o/omba/pinkpurple_unten.png);} #logo { position: absolute; left: 50%; height: 90px; width: 264px; top: 100px; margin-left: -430px; } /* Linkfarben + Größen auf Seiten */ a:link { color:#e800ca; font-size:14px; font-family:arial,verdana; text-decoration:none; } /* besuchte Links */ a:visited { color:#e800ca; font-size:14px; font-family:arial,verdana; text-decoration:none;} /*Hover-Effekt bei Links*/ a:hover{ color:#9b0e89; font-size:14px; font-family:arial,verdana; text-decoration:none;} #content { position: absolute; left: 50%; top: 210px; margin-left:-162px; width: 515px; height:663px; 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: 145px; height: 40px; margin-left:-180px; background-repeat: no-repeat; border:0px solid #FFFFFF;} li.nav_element { padding-top: 10px; padding-left: 0px; display: inline-block; list-style-type: none; background-repeat: no-repeat; height: 47px; width: 106px; background-image:url(https://img.webme.com/pic/o/omba/pinkpurple_button.png) } li.nav_element:hover { height:40px; background-image:url(https://img.webme.com/pic/o/omba/pinkpurple_hover.png); } li.nav_element a { font-size:14px; color: #ffffff; font-family: verdana; font-weight: bold; text-decoration: none; } /* Feld unter Textfeld */ #Feld_unten { position: absolute; left: 50%; top: 880px; margin-left:-168px; width: 523px; height: 160px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} /* 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: -474px; font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color: #e000c3; font-weight: normal; text-align: right; top: 1040px; } #counter span { background-color: #XXXXXX; padding: 0px 3px 0px 3px; border-left : 0px #000000 solid; } #sidebar_container{ position: absolute; /* Nichts ändern */ left: 50%; /* Nichts ändern */ top:201px; /* abstand von Oben */ margin-left: -448px; /*Abstand von Links */ width: 285px; /* Breite der Box */ height: 679px; /* Höhe der Box */ border: 0px solid #000000; /* Boxumrandung */ color:#ffffff; /* Schriftfarbe (Firefox */ overflow:auto; /* Mit Scrollbar */ #inhalt { background-image:url(https://img.webme.com/pic/o/omba/pinkpurple_navi.png); background-color:#XXXXXX; text-align: center; font-size:22px; font-family:verdana; height:35px; width:273px; overflow:auto; color:#ffffff; }