Css-Thema Bilgi Paylaşım Platformu..

Dream city

Tasarım Üzerine

Tasarım Altına

</div> <div id="sidebar"> <ul class="sb1"> <li><h3>archives</h3></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">June 2008</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">May 2008</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">April 2008</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">May 2008</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">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="#" _fcksavedurl="#" _fcksavedurl="#">Apple / Mac</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Personal</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Technology</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Poetry & Writing</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Environment</a></li> <li class="sbb"> </li> </ul> <ul class="sb3"> <li><h3>links</h3></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Praesent aliquam</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Quisque ornare</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Phasellus tristique</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Fusce varius urna</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Etiam leo pede</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Aenean  sagittis</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Vestibulum ut nisl</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Maecenas urna</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">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 © 2008, your.site.com - Designed by <a href="mailto:tony@20pirates.com" _fcksavedurl="mailto:tony@20pirates.com" _fcksavedurl="mailto:tony@20pirates.com">Tony Pires</a> - <a href="#" _fcksavedurl="#" _fcksavedurl="#">Terms of Use</a></p> </div> </div> </div>

css koduna

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;} * { margin: 0; padding: 0; } body  { background: url(http://www.opendesigns.org/designs/1635/images/bg.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(http://www.opendesigns.org/designs/1635/images/b.gif); } blockquote { background: url(http://www.opendesigns.org/designs/1635/images/q.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(http://www.opendesigns.org/designs/1635/images/header.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(http://www.opendesigns.org/designs/1635/images/sidebar1.gif) repeat-y; margin-top: -20px; } .sb1 li.sbb { background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep1.gif) no-repeat; height: 37px; margin-left: -20px; width: 200px; } .sb2 { background: url(http://www.opendesigns.org/designs/1635/images/sidebar2.gif) repeat-y; } .sb2 li.sbb { background: url(http://www.opendesigns.org/designs/1635/images/sidebar_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(http://www.opendesigns.org/designs/1635/images/sidebar_base.gif) no-repeat; height: 16px; margin-left: -20px; width: 200px; } #footer { background: url(http://www.opendesigns.org/designs/1635/images/footer.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; }