Omba3Komma0
CSS-Design "Omba 3.0"
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):
<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 1,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#ffffff',
color: '#000000'
},
tweets: {
background: '#00a3f5',
color: '#ffffff',
links: '#c7e1ff'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('OmbaDesign').start();
</script><br/> <div id="grauebox"><div style="text-align: center;"><img alt="" src="https://img.webme.com/pic/o/omba/omba30_schriftgrauebox.png" /><br /> <a href="http://omba.de.tl/kontakt.htm"><img border="0" src="https://img.webme.com/pic/o/omba/buttongray.png" alt="" /></a></div></div> <br/> Ihr könnt hier in die Box noch viel mehr schreiben! Ob Twitter Account oder Boxen, entscheidet selbst! Text über dem Design:
<div class="coolmenu"> <div class="menu"> <div id="first" class="menu_head">Home</div> <div class="menu_box"> <a class="menu_link" href="http://omba.de.tl/Kontakt.htm">Kontakt</a> <a class="menu_link" href="http://omba.de.tl/uns.htm" >Über uns</a> <a class="menu_link" href="http://omba.de.tl/G.ae.stebuch.htm">Gästebuch</a> <a class="menu_link" href="http://omba.de.tl/Counter.htm" >Statistik</a> </div> </div> <div class="menu"> <div class="menu_head">Grafiken/Designs</div> <div class="menu_box"> <a class="menu_link" href="http://omba.de.tl/Designs.htm">Designs</a> <a class="menu_link" href="http://omba.de.tl/Grafiken.htm" >Grafiken</a> <a class="menu_link" href="http://omba.de.tl/Lizenz.htm">Liznenz</a> </div> </div> <div class="menu"> <div class="menu_head">Für Webmaster</div> <div class="menu_box"> <a class="menu_link" href="http://omba.de.tl/Tutorials.htm" >Tutorials</a> <a class="menu_link" href="http://omba.de.tl/Hilfen.htm">Hilfen</a> <a class="menu_link" href="http://omba.de.tl/Partnerschaft.htm">Partner</a> <a class="menu_link" href="http://omba.de.tl/Topliste.htm">Topliste</a> </div> </div> <div class="menu"> <div id="last" class="menu_head">Medien</div> <div class="menu_box"> <a class="menu_link" href="http://omba.de.tl/Videohauptseite.htm">Videos</a> <a class="menu_link" href="http://omba.de.tl/Newsletter.htm">Newsletter</a> <a class="menu_link" href="http://omba.de.tl/Umfragen.htm">Umfragen</a> </div> </div> </div> <div id="slider_content"><div style="text-align: center;"> <img src="https://img.webme.com/pic/o/omba-test/aufnslider.png" alt="" /></div></div> <div id="slider_fixed"> <div id="slider"> </div> </div>Text unter dem Design:
<div id="Feld_unten"><div id="hellblau"><strong>Hier die Überschrift</strong><br /> <br /> Hier kurz schreiben was hall so passt oder so.<br /></div></div> <div id="Feld_unten2"><div id="dunkelblau"><strong>Beispiel</strong><br /> <br /> Omba hat viele neue Iceblue Designs... <a href="http://omba.de.tl/iceblue.htm">mehr</a><br /></div></div> <div id="Feld_unten3"><div id="hellblau"><strong>Kleine Fehler</strong><br /> <br /> Omba wird noch neu gestaltet. Wir bitten um Ihr Verständnis.<br /></div></div> <div id="Feld_unten4"><div id="dunkelblau"><strong>Support</strong><br /> <br /> Testen Sie alles hier xD<br /></div></div> <div id="footer_container"> <div id="footer">Hier könnt ihr schreiben was ihr alles so im Footer stehen haben wollt.<br/>Design by <a href="http://www.omba.de.tl">www.omba.de.tl</a> © 2011</div> <div id="logo"><div style="text-align: center;"><img height="89" width="284" src="https://img.webme.com/pic/o/omba/logotest.png" alt="" /></div></div> <div id="twitter"><div style="text-align: center;"><a href="http://twitter.com/DeinTwittername" ><img height="30" border="0" width="33" src="https://img.webme.com/pic/o/omba/twitterbutton.png" alt="" /></a><a href="http://www.youtube.com/user/deinChannel"><img height="30" border="0" width="33" src="https://img.webme.com/pic/o/omba/youtubebutton.png" alt="" /></a> </div></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/omba30_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;} #Feld_unten2 { position: absolute; left: 50%; top: 610px; margin-left: -220px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten3 { position: absolute; left: 50%; top: 610px; margin-left: -5px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten4 { position: absolute; left: 50%; top: 610px; margin-left: 210px; 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: 103px; margin-left: -435px; width: auto; height: 89px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #hellblau { background-image:url(https://img.webme.com/pic/o/omba/omba30_bluebox.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#000000; } #dunkelblau { background-image:url(https://img.webme.com/pic/o/omba/omba30_bluebox2.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#000000; } #grauebox{ background-image:url(https://img.webme.com/pic/o/omba/omba30_graubox.png); background-color:#XXXXXX; text-align: center; height:150px; width:235px; overflow:auto; color:#000000; } #twitter { position: absolute; left: 50%; top: 143px; margin-left: 330px; 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; } #slider_content { width: 884px; height: 349px; margin-top: 150px; margin-left: auto; margin-right:auto; background-image: url(https://img.webme.com/pic/o/omba/omba30_sliderbg.png); background-repeat: no-repeat; } #slider_fixed{ margin-left: 69px; padding-top: 16px; } /* Coolmenü positionieren */ .coolmenu { position:absolute; left: 50%; margin-left: -442px; top:196px; } /* Allgemeine Einstellungen */ .menu { color:#003133; cursor:pointer; float:left; height:45px; width:220px; overflow-x:hidden; overflow-y:hidden; } .menu:hover { height:auto; width:auto; overflow-x:visible; overflow-y:visible; } /* Hauptmenü anpassen*/ .menu_head { font-size:17px; padding-bottom:20px; text-align:left; height: 25px; widht: 220px; font-family: Arial; background-color: #000000; background: url(https://img.webme.com/pic/o/omba/omba30_button.png); padding: 15px; } /* Anpassungen des Hovers von den Hauptmenüs */ .menu_head:hover { background-color: #D3D3D3; background: url(https://img.webme.com/pic/o/omba/omba30_hover.png); } /* Anpassungen des Menüs */ .menu_box { background-attachment:scroll; background:#EBEBEB repeat; background-position:0 0; border-bottom: 1px solid #cccccc; border-right: 1px; overflow-x:visible; overflow-y:visible; padding: 5px; width:210px; margin-top: -9px; } /* Untermenüs anpassen */ .menu_box .menu_link { color:#333333; display:block; font-size:14px !important; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding: 3px; padding-left:10px; text-decoration:none; } /* Anpassungen des Hovers von den Untermenüs */ .menu_box .menu_link:hover { color:#000000; background-color: #DDDDDD; background: url(https://img.webme.com/pic/o/omba/omba30_menu.png); } /* Die Ecke vom Coolmenü links rund machen*/ #first { -moz-border-radius-topleft: 10px; border-radius: 7px 0px 0px 0px; } /* Die Ecke vom Coolmenü rechts rund machen*/ #last { -moz-border-radius-topright: 10px; border-radius: 0px 7px 0px 0px; } #sidebar_container { float: left; margin-top: 140px; height: auto; width: 235px; padding-top:1px; color: #000000; font-size:14px; font-family: verdana; arial; text-align: center; background: none; background-repeat: repeat-y; } #sidebar_container a { color: #a8eaff; font-size: 10px; font-family: arial; text-decoration: underline; } #footer { clear:both; width:100%; height:110px; margin: auto; text-align:center; background-color: #c1c1c1; border-top: 1px solid #9b9b9b; font-size:12px; color:#000000; } #footer a { color:#222222; } #content { float:right; margin-top: 140px; margin-bottom: 20px; width: 650px; padding-right: 0px; padding-left: 0px; color: #0000000; font-size: 15px; font-family: verdana; arial; text-align: left; } #content a { font-size: 15px; color: #000080; font-family: arial; font-weight: bold; } /* Schriftfarbe + Größe auf allen Seiten */ td { color:#000000; font-size:14px; text-align:left; font-family: arial,verdana; } /* Linkfarben + Größen auf Seiten */ a:link { color:#000080; font-size:14px; font-family:arial,verdana; text-decoration:none; } /* besuchte Links */ a:visited { color:#800000; font-size:14px; font-family:arial,verdana; text-decoration:none;} /*Hover-Effekt bei Links*/ a:hover{ color:#7fa9fd; font-size:14px; font-family:arial,verdana; text-decoration:none;} 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;} #nav_container{display: none;}