Csstasarim2

Tasarımın üzerindeki yazı:

<div id="topBackground"> <div id="container"> <div id="header"> <ul id="miniMenu"> <li><a href="http://abron.tr.gg" _fcksavedurl="http://abron.tr.gg">ANA SAYFA</a></li> <li><a href="http://abron.tr.gg" _fcksavedurl="http://abron.tr.gg">İLETİŞİM</a></li> <li><a href="http://abron.tr.gg" _fcksavedurl="http://abron.tr.gg">FORUM</a></li> <li><a href="http://abron.tr.gg" _fcksavedurl="http://abron.tr.gg">GRAFFİTİ</a></li> </ul> <h1><a href="#" _fcksavedurl="#"><font face="Comic Sans MS"><i><b>abron</b></i></font></a></h1> <h2></h2> </div><!-- end #header --> <div id="content">

Tasarımın altındaki yazı:


</div><!-- end #mainContent --> <div id="sidebar"> <ul class="sb1"> </ul> </div><!-- end #sidebar --> <br class="clearfloat" /> <div id="footer"> </div><!-- end #footer --> </div><!-- end #container --> </div><!-- end #topBackground -->

CSS Kodu (Style tagleri olmadan yazınız): 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/bg.jpg); } 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; }