dreamcitycss

Dreamcity Frei Design

Beschreibung:
Diest ist eine CSS-Design. Kompatibel mit De.tl

Konstruktionsmerkmale

Design Namen:	»Dreamcity Design
Kategorie:	»Freie CSS-Design
Hinzugefügt:	»16 Oktober 2010
Zitat:	»Free Css Templates
Coding:	»HackeR FrienD

Text über dem Design
<div id="topBackground"> <div id="container"> <div id="header"> <ul id="miniMenu"> <li><a href="index.html">home</a></li> <li><a href="single.html">about</a></li> <li><a href="#">rss</a></li> <li><a href="#">contact</a></li> </ul> <h1><a href="#">dream city</a></h1> <h2>a place for your tag line... enjoy</h2> </div> <div id="content">

Text unter dem Design
</div> <div id="sidebar"> <ul class="sb1"> <li><h3>archives</h3></li> <li><a href="#">June 2008</a></li> <li><a href="#">May 2008</a></li> <li><a href="#">April 2008</a></li> <li><a href="#">May 2008</a></li> <li><a href="#">February 2008</a></li> <li><form action="search.cgi" method="get" id="search"><div><input type="text" name="search" value="search..." /></div></form></li> <li class="sbb"> </li> </ul> <ul class="sb2"> <li><h3>categories</h3></li> <li><a href="#">Apple / Mac</a></li> <li><a href="#">Personal</a></li> <li><a href="#">Technology</a></li> <li><a href="#">Poetry & Writing</a></li> <li><a href="#">Environment</a></li> <li class="sbb"> </li> </ul> <ul class="sb3"> <li><h3>links</h3></li> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Praesent aliquam</a></li> <li><a href="#">Quisque ornare</a></li> <li><a href="#">Phasellus tristique</a></li> <li><a href="#">Fusce varius urna</a></li> <li><a href="#">Etiam leo pede</a></li> <li><a href="#">Aenean sagittis</a></li> <li><a href="#">Vestibulum ut nisl</a></li> <li><a href="#">Maecenas urna</a></li> <li><a href="#">Sed neque mi</a></li> <li class="sbContent"><h3>sidebar header</h3></li> <li class="sbContent"><p>Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p><p>Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p></li> <li class="sbb"> </li> </ul> </div> <br class="clearfloat" /> <div id="footer"> <p>Copyright © 2010,<a href="http://victorfatih2.de.tl">Victor Fatih</a> - Designed by <a href="mailto:tony@20pirates.com">Tony Pires</a> - <a href="#">Terms of Use</a></p> </div> </div> </div>

Css Code ohne Style Tags
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Victor Fatih http://victorfatih2.de.tl */ * { margin: 0; padding: 0; } body { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcitybg.jpg) repeat-x #FFF; color: #435F73; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; } /**** GENERAL STYLES ****/ a { color: #435F73; } p { line-height: 1.5em; padding: 4px 0; } b, strong { color: #000; } i, em { font-family: Georgia, serif; } #sidebar { margin-right: 1px; } h3.blogMeta { position: relative; top: 4px; } #mainContent #commentList { margin-left: 32px; } #mainContent ul, #mainContent ol { line-height: 1.5em;margin: 5px 0 5px 50px; } #mainContent ul li { list-style-image: url(https://img.webme.com/pic/v/victorfatih2/dreamcityb.gif); } blockquote { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcityq.gif) no-repeat; font: 12px Georgia, serif; font-style: italic; margin: 10px 0 10px 20px; padding: 0 60px 0 30px; text-align: left; } code { background: #E5EDF7; border-top: 1px solid #84B0D3; border-bottom: 1px solid #84B0D3; padding: 2px 4px 0 4px; } input, textarea { background: #84B0D3; border: none; color: #000; padding: 4px 2px; } h1, h2, h3, h4, h5, h6 { color: #6998C6; font-weight: normal; line-height: 1.4em; } h5, h6 { text-transform: uppercase; } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } /**** GENERAL LAYOUT ****/ #topBackground { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcityheader.jpg) top center no-repeat; margin: 0 auto; padding-top: 440px; width: 960px; } #container { margin: 0 auto; text-align: left; width: 680px; } #header h1 { font-size: 48px; font-weight: normal; letter-spacing: -3px; padding-left: 24px; } #header h2 { color: #6998C6; font-size: 16px; font-style: italic; font-weight: normal; padding-right: 70px; text-align: right; } #header a { color: #000; text-decoration: none; } #miniMenu { height: 20px; float: right; font-size: 10px; padding-right: 70px; padding-top: 5px; } #miniMenu li { display: inline; margin: 0 1px; } #miniMenu a { background: #000; color: #FFF; padding: 2px 4px; } #miniMenu a:hover { background: #435F73; color: #B1DEFF; } #sidebar { float: right; width: 200px; padding: 110px 0 0 20px; margin-right: 2px } #content { float: left; width: 450px; text-padding: 0 0 0 10px; } /**** SIDEBAR STYLES & LAYOUT ****/ #sidebar h3 { color: #FFF; font-size: 22px; font-weight: normal; margin-bottom: 10px; } #sidebar ul { list-style: none; padding-left: 20px; } #sidebar li { line-height: 2em; font-size: 13px; } #sidebar li a { color: #B1DEFF; text-decoration: none; } #sidebar li a:hover { color: #FFF; } #sidebar li.sbContent h3 { margin-top: 10px; } #sidebar li.sbContent p { border-left: 4px solid #84B0D3; color: #FFF; font-size: 11px; padding: 0 20px 0 10px; } #search input { margin-top: 10px; width: 110px; } .sb1 { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcitysidebar1.gif) repeat-y; margin-top: -20px; } .sb1 li.sbb { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcitysidebar_sep1.gif) no-repeat; height: 37px; margin-left: -20px; width: 200px; } .sb2 { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcitysidebar2.gif) repeat-y; } .sb2 li.sbb { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcitysidebar_sep2.gif) no-repeat; height: 35px; margin-left: -20px; width: 200px; } .sb3 { background: #000; margin-right: 0; margin-bottom: -10px; } .sb3 li.sbb { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcitysidebar_base.gif) no-repeat; height: 16px; margin-left: -20px; width: 200px; } #footer { background: url(https://img.webme.com/pic/v/victorfatih2/dreamcityfooter.jpg) bottom left no-repeat; height: 27px; margin-left: 24px; margin-top: 20px; } #footer p { color: #B1DEFF; padding: 8px 0 0 0; text-align: center; } #footer a { color: #B1DEFF; text-decoration: none; } .floatR { float: right; } .floatL { float: left; } .clearfloat { clear: both; }

Menü

Menü 2

Victor Fatih2 | CSS Design und HTML Code | Fatih DurmaZ Productions

dreamcitycss

Dreamcity Frei Design

Konstruktionsmerkmale