<div id="header"> <h1><a href="#" _fcksavedurl="#">Dusplic</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">by Free Css Templates </a></h2> </div> <div id="content"> <div id="posts"> <div class="post"> <h2 class="title">Welcome to Dusplic!</h2> 

      Tasarımın Altındaki Bölüme

      </div> </div> </div> <div id="archives" class="boxed"> <h2 class="heading">Archives</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">February</a> (7) </li> <li><a href="#" _fcksavedurl="#">January 2007</a> (31)</li> <li><a href="#" _fcksavedurl="#">December 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">November 2006</a> (30)</li> <li><a href="#" _fcksavedurl="#">October 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">September 2006</a> (30)</li> <li><a href="#" _fcksavedurl="#">August 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">July 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">June 2006</a> (30)</li> </ul> </div> </div> <div id="categories" class="boxed"> <h2 class="heading">Categories</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">Quisque vestibulum</a></li> <li><a href="#" _fcksavedurl="#">Sed a nisl a lacus</a></li> <li><a href="#" _fcksavedurl="#">Quisque sagittis</a></li> <li><a href="#" _fcksavedurl="#">Etiam volutpat</a></li> <li><a href="#" _fcksavedurl="#">In aliquet hendrerit</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis</a></li> </ul> </div> </div> <div id="blogroll" class="boxed"> <h2 class="heading">Blogroll</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">AnotherFriendlySite.net</a></li> <li><a href="#" _fcksavedurl="#">CoolSite.com</a></li> <li><a href="#" _fcksavedurl="#">MyBestFriend.com</a></li> </ul> </div> </div> <div id="pages" class="boxed"> <h2 class="heading">Pages</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">My Blog</a></li> <li><a href="#" _fcksavedurl="#">My Photos</a></li> <li><a href="#" _fcksavedurl="#">My Favorites</a></li> <li><a href="#" _fcksavedurl="#">About Me</a></li> <li><a href="#" _fcksavedurl="#">Contact Me</a></li> </ul> </div> </div> <div id="search" class="boxed"> <h2 class="heading">Search</h2> <div class="content"> <form method="get" action="#"> <div> <input type="text" id="textfield1" name="textfield1" value="" size="18" /> <input type="submit" id="submit1" name="submit1" value="Search" /> </div> </form> </div> </div> </div> 

      Css Kodu Bölümüne

      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;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0 20px 0 0; padding: 0; background: #FFFFFF url(http://www.opendesigns.org/designs/461/images/img1.jpg) repeat-y; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8A8E99; } form { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #6F7A9F; } a { border-bottom: 1px solid #8A8E99; text-decoration: none; color: #4369D1; } a:hover { border: none; } /* Boxed */ .boxed { } .boxed .heading { margin: 0; padding: 10px 30px 5px 30px; font-size: 1em; } .boxed .content { padding-bottom: 20px; background: url(http://www.opendesigns.org/designs/461/images/img3.jpg) no-repeat left bottom; } .boxed ul { margin: 0; padding: 0; list-style: none; } .boxed li { padding: 2px 30px 2px 40px; background: url(http://www.opendesigns.org/designs/461/images/img4.jpg) no-repeat; } .boxed a { border: none; } /* Header */ #header { width: 230px; height: 90px; padding: 70px 0 0 30px; background: url(http://www.opendesigns.org/designs/461/images/img2.jpg) no-repeat; } #header h1 { margin: 0; padding: 0; font-size: 3em; } #header h2 { margin: -.75em 0 0 2px; padding: 0; font-size: 1em; } #header a { border: none; color: #6F7A9F; } /* Posts */ #posts { float: left; position: absolute; left: 270px; top: 0; margin: 160px 20px 0 0; } .post { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #8A8E99; } .title { margin: 0; font-size: 1.8em; } .posted { margin-top: 0; font-size: .8em; } .meta { font-size: .8em; } /* Search */ #search form { padding: 0 30px 0 40px; } #textfield1 { width: 160px; padding: 2px 5px; background: url(http://www.opendesigns.org/designs/461/images/img5.jpg); border: none; border-top: 1px solid #638DBD; border-left: 1px solid #638DBD; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #8A8E99; } #submit1 { display: none; }

Etiketler :  CSS Tasarimlari, Tr.gg İçin Css Tasarımları, Hazır CSS Templates , Hazır CSS Tasarımları , Tr.gg Tasarımları , Tasarim Kodları , Free CSS Tasarımları