Buraya Menü
ÇİÇEK BÖLÜMÜ
ANA SAYFA
Ziyaretşi defteri
turkıye gıflerı
FUTBOLCU BÖLUMU
KOMİK RESİMLER
kendi tasarımlarımız
banner yap online
Yeni sayfanın başlığı
YAHYA TASARİM
Yeni sayfanın bSşlığı
Yeni sayfanın sss
tasarım cıty
Yeni sayfanın başlığı
<= T
asarimin Üzerine =>
<div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#">Homepage</a></li> <li><a href="#">Blogs</a></li> <li><a href="#">Photos</a></li> <li><a href="#">About</a></li> <li class="last"><a href="#">Contact</a></li> </ul> </div> </div> <div id="logo"> <h1><a href="#">bestfriends </a></h1> <h2> Design by Free Css Templates</h2> </div> <!-- end header --> </div> <!-- start page --> <div id="page"> <!-- start content --> <div id="content">
<=
T
asarimin ALtına
=>
</div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li id="search"> <h2>Search</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Lorem Ipsum</h2> <ul> <li><a href="#">Fusce dui neque fringilla</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> </ul> </li> <li> <h2>Volutpat Dolore</h2> <ul> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> <!-- end page --> <!-- start footer --> <div id="footer"> <div id="footer-wrap"> <p id="legal">( c ) 2008. All Rights Reserved. <a href="http://www.freecsstemplates.org/">Bestfriends</a> designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> </div> <!-- end footer -->
<= Css Kod 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; padding: 0; background: #000000 url(http://www.hizliresim.com/2008/10/7/5946.jpg) repeat left top; font-size: 14px; text-align: justify; color: #ABABAB; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #559106; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #A5E543; } a:hover, a:active { text-decoration: none; color: #A5E543; } a:visited { color: #A5E543; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } #wrapper { margin: 0; padding: 0; height: 350px; background: url(http://www.hizliresim.com/2008/10/7/5950.jpg) repeat-x left top; } /* Header */ #header { width: 810px; margin: 0 auto; height: 75px; } /* Menu */ #menu { float: left; width: 810px; height: 60px; background: url(http://www.hizliresim.com/2008/10/7/5955.jpg) no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 20px; list-style: none; line-height: normal; } #menu li { display: block; float: left; background: url(http://www.hizliresim.com/2008/10/7/5961.jpg) no-repeat left 50%; } #menu a { display: block; float: left; margin-right: 3px; padding: 12px 30px 12px 20px; letter-spacing: -.5px; text-decoration: none; text-transform: lowercase; font-size: 20px; color: #FFFFFF; } #menu a:hover { text-decoration: none; color: #A5E543; } #menu .current_page_item a { color: #A5E543; } /** LOGO */ #logo { width: 810px; height: 260px; margin: 0 auto; background: url(http://www.hizliresim.com/2008/10/7/5966.jpg) no-repeat left top; } #logo h1, #logo h2 { margin: 0; padding: 0 0 0 100px; line-height: normal; } #logo h1 { padding-top: 105px; font-family: Georgia, "Times New Roman", Times, serif; font-size:40px; } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { float: left; padding: 0px 0 0 100px; font: 18px Georgia, "Times New Roman", Times, serif; color: #9B9B9B; } #logo p a { text-decoration: none; color: #B6ACA2; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 810px; margin: 0 auto; } /* Content */ #content { float: left; width: 520px; margin-top: 15px; background: url(http://www.hizliresim.com/2008/10/7/5969.jpg) no-repeat left top; } /* Post */ .post { padding: 15px 0px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { width: 520px; height: 60px; padding: 20px 0 0 15px; background: url(http://www.hizliresim.com/2008/10/7/5973.jpg) no-repeat left top; font-size: 24px; color: #DADADA; } .post h2 { width: 520px; height: 60px; padding: 20px 0 0 15px; background: url(http://www.hizliresim.com/2008/10/7/5973.jpg) no-repeat left top; font-size: 22px; color: #DADADA; } .post .entry { padding: 0 15px; font-size: 14px; border-bottom: 1px dotted #1F1F1F; } .post .meta { padding: 15px 15px 30px 15px; font-size: 13px; } .post .meta p { margin: 0; padding-top: 15px; line-height: normal; color: #999999; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; } .post .meta .comments { padding-left: 22px; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: right; width: 250px; margin: 0; padding: 0; margin-top: 30px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; padding-left: 25px; } #sidebar h2 { width: 250px; height: 60px; padding: 8px 0 0 25px; margin-bottom: 10px; background: url(http://www.hizliresim.com/2008/10/7/5977.jpg) no-repeat left top; font-size: 20px; color: #DADADA; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 140px; margin-left: 25px; margin-right: 5px; padding: 3px; border: 1px solid #BED99C; } #x { padding: 3px; border: none; background: #467805; text-transform: lowercase; font-size: 11px; color: #FFFFFF; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { width: 810px; height: 60px; margin: 0 auto; background: url(http://www.hizliresim.com/2008/10/7/5981.jpg) no-repeat left top; } #footer { margin: 0 auto; margin-bottom: 20px; padding: 0; } html>body #footer { height: auto; } #footer p { font-size: 14px; } #legal { clear: both; padding-top: 17px; text-align: center; color: #999999; } #legal a { color: #A5E543; }
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol