ozzblog

TASARIM DEMO : Buraya tıklayın

TASARIM ÜSTÜ :
<div id="container"> <!-- header --> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#" _mce_href="#" _fcksavedurl="#">OzzBlog.tr.gg</a></div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#" _mce_href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _mce_href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _mce_href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#" _mce_href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#" _mce_href="#" _fcksavedurl="#">Site Map</a></li> </ul> </div> </div> <!--end header --> <!-- main --> <div id="main"> <div id="sidebar"> <p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz. Yenilikleri Falan Filan İşte. <br> www.OzzBlog.tr.gg</p> </div> <div id="text"> <h1> </h1>

TASARIM ALTI :
</div> </div> <!-- end main --> <!-- footer --> <div id="footer"> <div id="left_footer">© Copyright 2012 <a href="http://www.ozzblog.tr.gg" _fcksavedurl="http://www.ozzblog.tr.gg">Ozzblog</a> </div> <div id="right_footer"> <!-- WWW.csstasarim-arsiv.tr.gg :-) --> Bugun toplam 6 ziyaretCi 8 tiklamayla buradaydi..! </div> </div> <!-- end footer --> </div>

CSS KODU :
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;} html {background:url(https://img.webme.com/pic/c/css-tasarimm/14-body_bckg.jpg) center repeat-y #1f0100;} body {margin:0; font-size:15px; line-height:18px; font-family:"Times New Roman", Times, serif; background:url(https://img.webme.com/pic/c/css-tasarimm/14-head_bckg.jpg) repeat-x; padding-top:80px;} a {color:#775b30;} a:hover {text-decoration:none;} #container {width:1000px; margin:0 auto;} #header {margin:0 20px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-main_top.jpg) no-repeat #FFFFFF; height:80px;} #logo {float:left; height:30px; padding:50px 0 0 90px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-logo.gif) no-repeat 40px 40px; width:290px;} #logo a {color:#000000; font-size:24px; text-decoration:none; text-transform:uppercase;} #menu {float:left; height:30px; padding:50px 0 0 0; width:580px;} #menu ul {margin:0; padding:0;} #menu ul li {display:inline; list-style:none;} #menu ul a {display:block; float:left; font-size:18px; text-decoration:none; padding:0 10px 2px 10px; color:#000000;} #menu ul a:hover {background-color:#F7F2EE;} #main {margin:0 20px; background-color:#FFFFFF; float:left;} #text {float:right; width:550px; padding:10px 20px 0 20px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text ul li {padding-left:20px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-li.gif) no-repeat; list-style:none;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-size:20px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:left; width:270px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-sidebar_image.jpg) no-repeat 0 10px; padding:420px 50px 20px 50px; color:#775b30; font-size:12px;} #footer {height:149px; clear:both; background:url(https://img.webme.com/pic/o/ozzblog/14-footer_bckg.jpg) no-repeat; text-transform:uppercase; font-size:10px; color:#5c5c5c;} #left_footer {float:left; padding:40px 0 0 50px;} #right_footer {float:right; padding:40px 50px 0 0;}