Tasarımın Üstü
<div id="header"> <h1><a href="#" _fcksavedurl="#">crystalblack</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">by Free Css Templates </a></h2> </div> <div id="pagecontent"> <div id="colThree"> <h2>Recent Post </h2> <ul> <li><a href="#" _fcksavedurl="#">Integer sit amet pede vel arcu aliquet pretium.</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque quis elit non lectus gravida blandit.</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li> <li><a href="#" _fcksavedurl="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li> <li><a href="#" _fcksavedurl="#">Cras vitae metus aliquam risus pellentesque pharetra.</a></li> <li><a href="#" _fcksavedurl="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li> <li><a href="#" _fcksavedurl="#">Etiam ac tortor eu metus euismod lobortis.</a></li> <li><a href="#" _fcksavedurl="#">Duis non ante in metus commodo euismod lobortis.</a></li> </ul> <h2>bloggers sites </h2> <ul> <li><a href="#" _fcksavedurl="#">Quisque vestibulum</a> (23)</li> <li><a href="#" _fcksavedurl="#">Sed a nisl a lacus</a> (78)</li> <li><a href="#" _fcksavedurl="#">Quisque sagittis</a> (11)</li> <li><a href="#" _fcksavedurl="#">Etiam volutpat</a> (34)</li> <li><a href="#" _fcksavedurl="#">In aliquet hendrerit</a> (65)</li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis</a> (35)</li> <li><a href="#" _fcksavedurl="#">Nam vel risus at</a> (22)</li> <li><a href="#" _fcksavedurl="#">Praesent sit amet</a> (54)</li> </ul> </div> <div id="colOne"> <div class="latest-post"> <h2>Css Clup.Tr.Gg</h2> <p>
Tasarımın Altı
</p> <p class="file"><small><a href="#" _fcksavedurl="#">Z.Defteri</a> <a href="#" _fcksavedurl="#">İletişim</a></small></p> </div> <div class="post"></div> <div class="post"></div> <div id="search" class="search"> <div> <form method="get" action="#"> <div>Enter Search Keyword: <input name="textfield1" class="input1" id="textfield1" value="" size="18" type="text"> <input id="submit1" name="submit1" value="Search" type="submit"> </div> </form> </div> </div> </div> <div id="colTwo"> <ul> <li> <h2>Pages</h2> <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> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">January 2007</a></li> <li><a href="#" _fcksavedurl="#">December 2006</a></li> <li><a href="#" _fcksavedurl="#">November 2006</a></li> <li><a href="#" _fcksavedurl="#">October 2006</a></li> <li><a href="#" _fcksavedurl="#">September 2006</a></li> <li><a href="#" _fcksavedurl="#">August 2006</a></li> <li><a href="#" _fcksavedurl="#">July 2006</a></li> <li><a href="#" _fcksavedurl="#">June 2006</a></li> </ul> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Quisque vestibulum</a><a href="#" _fcksavedurl="#"></a> (23)</li> <li><a href="#" _fcksavedurl="#">Sed a nisl a lacus</a><a href="#" _fcksavedurl="#"></a> (78)</li> <li><a href="#" _fcksavedurl="#">Quisque sagittis</a><a href="#" _fcksavedurl="#"></a> (11)</li> <li><a href="#" _fcksavedurl="#">Etiam volutpat</a><a href="#" _fcksavedurl="#"></a> (34)</li> <li><a href="#" _fcksavedurl="#">In aliquet hendrerit</a><a href="#" _fcksavedurl="#"></a> (65)</li> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href="#" _fcksavedurl="#">WebGod of Gates</a></li> <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> </li> <li> <h2>Meta</h2> <ul> <li><a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a></li> </ul> </li> </ul> </div> <div style="clear: both;"> </div> </div> <div id="footer"> <p>Copyright © 2006 Sitename.com. Designed by <a href="http://www.freecsstemplates.org" _fcksavedurl="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p> </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 */ /* Elements */ body { /*background: #000000 url(http://www.freecsstemplates.org/templates/previews/crystalblack/images/img1.gif) repeat-x left top; */ background: #000000; text-align: justify; font-family: Tahoman, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: 20px; } h1 { } h2, h3 { margin-top: 0px; } h4, h5, h6 { } p, ol, ul, dl, blockquote { } a { color: #FFFFFF; } a:hover { text-decoration: none; } /* Search */ #search { margin: 0px; padding: 0px; background-color: #CC441B; color: #FFFFFF; } /** Forms */ form { margin: 0px; padding: 15px 0px 0px 25px; } .input1 { width: 130px; background-color: #FFFFFF; border: 1px solid #363636; color: #FFFFFF; } /* Header */ #header { width: 400px; height: 60px; margin: 0px auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #header h1 { float: left; margin: 0px; height: 60px; padding-top: 10px; font-size: 40px; letter-spacing: -2px; } #header h2 { margin: 0px; padding-top: 28px; font-size: 12px; letter-spacing: -1px; } #header a { text-decoration: none; color: #FFFFFF; } /* Post */ .latest-post { padding: 0px 2em 1em 3em; } .latest-post h2 { font-size: 1.6em; color: #000000; } .post { padding: 2em 2em 1em 3em; border-top: 1px dashed #823D47; } .post h3 { margin-bottom: .5em; font-size: 1.2em; color: #000000; } .file * { color: #000000; } #pagecontent { width: 780px; margin: 0px auto; padding: 20px 0px 0px 0px; } #colOne { float: right; width: 360px; background-color: #CC441B; padding: 20px 20px; border: 3px solid #666666; color: #FFFFFF; } #colOne .search { background-color: #000000; margin: 0px; padding-bottom: 10px; height: 50px; } #colTwo { float: left; width: 180px; } #colTwo ul { margin: 0; padding: 0; list-style: none; } #colTwo li { margin-bottom: 1em; color: #FFFFFF; } #colTwo li li { margin-bottom: 0; padding-left: 2em; } #colTwo a { color: #FF4000; } #colTwo h1, #colTwo h2 { background: url(http://www.freecsstemplates.org/templates/previews/crystalblack/images/img2.gif) no-repeat; padding: 0px 0 5px 20px; text-transform: uppercase; font: 12px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px dashed #666666; color: #FFFFFF; } #colThree { float: right; width: 165px; margin-left: 15px; } #colThree ul { margin: 0; padding-left: 20px; list-style: none; } #colThree li { margin-bottom: 1em; color: #FFFFFF; } #colThree li li { margin-bottom: 0; padding-left: 2em; } #colThree a { color: #FF4000; } #colThree h1, #colThree h2 { background: url(http://www.freecsstemplates.org/templates/previews/crystalblack/images/img2.gif) no-repeat; padding: 0px 0 5px 20px; text-transform: uppercase; font: 12px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px dashed #666666; color: #FFFFFF; } /* Footer */ #footer { width: 400px; margin: 0px auto; padding: 3px 0px; color: #787878; } #footer p { margin: 0px; padding-right: 40px; text-align: right; font-size: 10px; } #footer a { color: #FF4000; }