Sanal Dunyanın Vaz Geçilmez Adresi...!!

deneme
karısık
Ana Sayfa
Tasarimlar
Css Tasarimlar
iceBlue Tasarimlar
Red Tasarimlar
css tasarimlar2
css tasarimlar3
Butterfly tasarimlar
İslam Dünyasi
Aşk Hakkında
Saglik Nedir
Msn Messenger
Photoshop Dersleri
peygamberler
Pc Bilgi
Astroloji
Dersler
Gezelim & Görelim
Ataturk
siirler
webmaster
Diyerleri
Yazarlar
oyuncular
İslami Bolum
Siir Gonder
Mezhepler
Namaz Kilinisi

Css Tasarimlar

Tarafımızdan Düzenlenen Css Uygulanmış Tasarımlar

Tasarımın Üstüne
<div id="wrapper">  <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#"><img src="img/logo.gif" _fcksavedurl="img/logo.gif" alt="Logo" width="25" height="41" /></a></div>  <h1><a href="#" _fcksavedurl="#">COMPANY NAME</a></h1>   <h2>Lorem ipsum dolor sit amet</h2>   <form class="searching" action=""> <fieldset> <label></label> <input class="search" type="text" onfocus_fckprotectedatt=" onfocus="if(this.value==this.defaultValue)this.value=''"" onblur_fckprotectedatt=" onblur="if(this.value=='')this.value=this.defaultValue"" value="Search term…" /> <input class="hledat" type="submit" value="SEARCH" name="" alt="Search" /> </fieldset> </form>  <div id="slogan">Our <span>work</span> – your <span>satisfaction</span></div> </div>   <div id="menu-box" class="cleaning-box"> <a href="#skip-menu" _fcksavedurl="#skip-menu" class="hidden">Skip menu</a> <ul id="menu"> <li class="first"><a href="#" _fcksavedurl="#" class="active">HOME</a></li> <li><a href="#" _fcksavedurl="#">ABOUT</a></li> <li><a href="#" _fcksavedurl="#">SERVICES</a></li> <li><a href="#" _fcksavedurl="#">PORTFOLIO</a></li> <li><a href="#" _fcksavedurl="#">CONTACT</a></li> </ul> </div>  <FCK:hr class="noscreen" /> <div id="skip-menu"></div> <div id="contennt"> <div id="column-1"> <div id="column-11"> <div class="contennt"> <h3 class="first">CssClup.Tr.Gg - Paylaşımın Güçlü Adresi</h3>
Tasarımın Altına
<div class="cleaner"> </div> </div> </div> <div id="column-12"> <h3>Lorem ipsum</h3> <dl class="news"> <dt>25. 02. 2008</dt> <dd>Lorem ipsum dolor sit amet consectetuer dui lacus… [<a href="#" _fcksavedurl="#">more</a>]</dd> <dt>25. 02. 2008</dt> <dd>Lorem ipsum dolor sit amet consectetuer dui lacus… [<a href="#" _fcksavedurl="#">more</a>]</dd> <dt>25. 02. 2008</dt> <dd>Lorem ipsum dolor sit amet consectetuer dui lacus… [<a href="#" _fcksavedurl="#">more</a>]</dd> </dl> <h3>Lorem ipsum</h3> <ul class="menicko"> <li>Heading <ul> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#" class="active">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> </ul> </li> <li>Heading <ul> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> </ul> </li> </ul> <h3>Lorem ipsum</h3> </div> </div> <div id="column-2"> <h3>Lorem ipsum</h3> <div class="contennt"> <p><strong>Welcome</strong></p> <p>Lorem ipsum dolor sit amet consectetuer faucibus Phasellus consequat Maecenas massa. Pellentesque at dolor sit velit sit eget morbi.</p> </div> <h3>Lorem ipsum</h3> <ul class="menicko"> <li>Heading <ul> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#" class="active">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> </ul> </li> <li>Heading <ul> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> </ul> </li> <li>Heading <ul> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> </ul> </li> </ul> <h3>Lorem ipsum</h3> <address> <strong>Company</strong><br /> Street<br /> City<br /> Phone: 0 123 456 789<br /> Fax: 0 123 456 789<br /> E-mail: info@company.com </address> </div> <div class="cleaner"> </div> </div> <FCK:hr class="noscreen" />  <div id="footer"> <div id="footer-in"> <p class="footer-left">© <a href="#" _fcksavedurl="#">Company name</a>, 2008.</p> <p class="footer-right"><a href="http://www.mantisatemplates.com/" _fcksavedurl="http://www.mantisatemplates.com/">Free web templates</a> by <a href="http://www.mantisa.cz/" _fcksavedurl="http://www.mantisa.cz/">Mantis-a</a></p> </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;} /* This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. */ /* CSS Document */ /* General */ * { margin: 0; padding: 0; } html { height: 100%; font-size: 62.5%; } body { height: 100%; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; min-width: 950px; } a:link, a:visited { color: #005AA1; text-decoration: underline; font-weight: bold; } a:hover { text-decoration: none; } .cleaner { clear: both; height: 0; font-size: 0; visibility: hidden; contennt: ' '; } .cleaning-box { min-height: 1px; } .cleaning-box:after { display: block; clear: both; visibility: hidden; height: 0; font-size: 0; contennt: ' '; } .noscreen { display: none; } .hidden { /* Skip menu */ position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden; } /* Wrapper of the site */ #wrapper { background-color: white; width: 950px; margin: 0 auto; } /* Paragraphs, headings, ... */ p { line-height: 170%; margin-bottom: 10px; color: #252525; } h1 { font-size: 1.9em; font-weight: normal; color: #FFFFFF; text-align: left; padding: 20px 0 4px 0; margin-left: 61px; background: url('http://www.mantisatemplates.com/template-preview/three-columns/three-columns-orange/img/h1-bg.gif') repeat-x 0 100%; width: 50%; } h1 a:link, h1 a:visited { font-weight: normal; text-decoration: none; color: #FFFFFF; } h2 { font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #FFFFFF; letter-spacing: 1px; text-align: left; padding-left: 61px; margin-top: 4px; } h3 { font-size: 1.4em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #252525; letter-spacing: 1px; padding-bottom: 3px; border-bottom: 1px solid #252525; margin: 20px 0 7px 0; width: 100%; } h3.first { margin: 0 0 7px 0; } address { font-style: normal; line-height: 160%; margin: 5px 8px; } /* Header */ #header { width: 950px; height: 138px; position: relative; margin: 0 auto; background: #000000 url('http://www.mantisatemplates.com/template-preview/three-columns/three-columns-orange/img/hd-bg.gif') repeat-x 0 0; text-align: left; } /* Logo, slogan */ #logo { position: absolute; top: 23px; left: 27px; width: 25px; height: 41px; } #logo a, #logo a:visited { color: #FFFFFF; } #logo img { border: 0; } #slogan { font-size: 1.4em; letter-spacing: 1px; position: absolute; top: 97px; right: 290px; color: #FFFFFF; } #slogan span { color: #FF8034; } /* Search form */ form.searching { width: 240px; position: absolute; top: 20px; right: 20px; } form.searching fieldset { border: 0; } form.searching input.search { letter-spacing: 1px; float: left; padding: 2px 0 2px 6px; width: 139px; border: 0; } form.searching input.hledat { font-size: 0.9em; letter-spacing: 2px; padding-left: 0; margin-left: 4px; font-weight: bold; float: left; } form.searching label { display: none; } /* Menu */ #menu-box { width: 950px; margin: 0 auto; background-color: #4A4A4A; background-image: url(http://www.mantisatemplates.com/template-preview/three-columns/three-columns-orange/img/menu-bg.gif) repeat-x 0 0; margin-bottom: 3px; } #menu { width: 950px; margin: 0 auto; } #menu li { display: inline; list-style-type: none; text-align: center; } #menu li.first a { margin-left: 30px; display: inline } #menu li a { float: left; color: #FFFFFF; font-weight: bold; display: block; padding: 0 1.4em; line-height: 29px; } #menu li a:hover { color: #FFB88D; font-weight: bold; text-decoration: none; } #menu li a.active { color: #FFFFFF; background-color: #252525; font-weight: bold; } /* 3 columns layout */ #contennt { width: 950px; margin: 0 auto; text-align: left; background: #FFFFFF url('http://www.mantisatemplates.com/template-preview/three-columns/three-columns-orange/img/content-bg.gif') repeat-y 0 0; } #column-1 { float: right; width: 770px; } #column-1 #column-11 { float: left; width: 590px; background-color: white; } #column-1 #column-12 { float: right; width: 178px; font-size: 0.9em; } #column-2 { float: left; width: 178px; font-size: 0.9em; } #column-1, #column-2, #column-12 { padding-bottom: 30px; } #column-1 #column-12 p, #column-2 p { margin: 0; line-height: 1.4; } #column-2 h3, #column-1 #column-12 h3 { background: #DB6201 url('http://www.mantisatemplates.com/template-preview/three-columns/three-columns-orange/img/h3-bg.gif') no-repeat 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; color: #FFFFFF; line-height: 29px; margin: 0; padding: 0; border: 0; text-align: center; width: 100%; } #column-11 div.contennt { margin: 0.5em 1.3em 0 1em; } #column-2 div.contennt, #column-12 div.contennt { margin: 0.4em 0.5em 1.2em 0.9em; } #column-12, #column-2 { background-color: #FFEADD; } /* Menu in columns */ .menicko { text-align: left; list-style-type: none; margin: 0.6em 0.3em 1.2em 0.3em; } .menicko li { color: #252525; font-weight: bold; text-decoration: none; margin: 0 0 12px 5px; } .menicko li a, .menicko li a:visited { color: #252525; font-weight: bold; text-decoration: underline; } .menicko li a:hover { text-decoration: none; } .menicko ul { list-style-type: square; list-style-position: inside; } .menicko ul li { margin: 5px 0 0 0; } .menicko ul li a, .menicko ul li a:visited { font-weight: normal; } .menicko ul li a:hover, .menicko ul li a.active { text-decoration: none; background-color: #252525; color: #FFFFFF !important; padding: 0 1px; } /* Definition list in colum */ dl.news { margin: 0.6em 0.3em 1.2em 0.6em; } dl.news dt { font-weight: bold; } dl.news dd { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px dotted #202020; } dl.news dd a, dl.news dd a:visited { font-style: italic; color: #A51F00; } /* Gallery in midlle column */ #small-gallery { margin: 1.5em 0 3em 0; width: 100%; padding: 1px 0; } #small-gallery .foto { float: left; display: inline; width: 128px; height: 110px; text-align: center; margin: 0 17px 22px 0; } #small-gallery .foto img { border: 3px solid silver; } #small-gallery .foto a:hover img { border: 3px solid #F87500; } #small-gallery .foto p { margin: 0; } #small-gallery .foto p a, #small-gallery .foto p a:visited { color: #202020; font-weight: normal; } /* Table */ table { font-size: 1.1em; border-collapse: collapse; border: 2px solid #202020; margin: 15px 0 20px 0; } th, td { padding: 3px 13px; border: 1px solid #202020; } th { text-align: right; font-weight: bold; } td { text-align: right; } .first-row { background: #F4FF7C; } .first-row th { text-align: center; font-weight: bold; border-bottom: 2px solid #202020; } .first-column { background: #FFD162; border-right: 1px solid #202020; } .last-column { background-color: #FFD162; border-left: 1px solid #202020; } /* Footer */ #footer { width: 950px; margin: 0 auto; height: 38px; background: #000000 url('http://www.mantisatemplates.com/template-preview/three-columns/three-columns-orange/img/footer-bg.gif') repeat-x 0 0; clear: both; } #footer-in { width: 950px; margin: 0 auto; } p.footer-left { float: left; width: 450px; color: #FFFFFF; text-align: left; margin: 7px 0 0 15px; display: inline; } p.footer-left a, p.footer-left a:visited { color: #FFFFFF; padding: 1px 2px; } p.footer-left a:hover { background-color: #FFFFFF; color: #202020; } p.footer-right { float: right; width: 450px; color: #FFFFFF; text-align: right; margin: 7px 15px 0 0; display: inline; } p.footer-right a, p.footer-right a:visited { font-size: 0.9em; color: #FFFFFF; padding: 1px 2px; } p.footer-right a, p.footer-right a:visited { font-weight: normal; }

Tasarımın Üstüne
 <div id="header"> <h1>appliqué</h1> <p> design By Free CSS Templates</p> </div>   <div id="wrapper"> <div class="top"> <div id="page"> <div class="bgtop"> <div class="bgbtm">  <div id="content">
Tasarımın Altına
</div>   <div id="sidebar"> <ul> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Aliquam liberonare</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing</a></li> <li><a href="#" _fcksavedurl="#">Metusin pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse maurisres</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida porttitor</a></li> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href="#" _fcksavedurl="#">Aliquam liberonare</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing</a></li> <li><a href="#" _fcksavedurl="#">Metusin pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse maurisres</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida porttitor</a></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#">August</a> (31)</li> <li><a href="#" _fcksavedurl="#">July</a> (31)</li> <li><a href="#" _fcksavedurl="#">June</a> (30)</li> <li><a href="#" _fcksavedurl="#">May</a> (31)</li> <li><a href="#" _fcksavedurl="#">April</a> (30)</li> </ul> </li> </ul> </div>  <div style="clear:both"> </div> </div> </div> </div> </div> </div> <div id="footer"> <p>©2007 All Rights Reserved • Template design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</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;} body { margin-top: 20px; padding: 0; background: #F5E5C5 url(http://www.freecsstemplates.org/templates/previews/applique/images/img01.jpg) repeat left top; font-size: 11px; text-align: justify; color: #ABABAB; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000000; } h1 { letter-spacing: -2px; font-size: 3em; } h2 { letter-spacing: -1px; font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #CDCDCD; } a:hover { color: #CDCDCD; } hr { display: none; } #wrapper { width: 800px; margin: 0 auto; padding: 0; background: url(http://www.freecsstemplates.org/templates/previews/applique/images/img03.jpg) repeat-y left top; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #wrapper .top { background: url(http://www.freecsstemplates.org/templates/previews/applique/images/img02.jpg) no-repeat left top; } /* Header */ #header { width: 800px; height: 80px; margin: 0 auto; padding: 20px 0 0 0; background: #FFB03B; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; color: #B64926; } #header h1, #header p { margin: 0; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; } #header h1 { color: #000000; font-size: 42px; padding-left: 35px; } #header p { padding: 0px 0 0 30px; font-size: 12px; font-weight: bold; } #header a { text-decoration: none; color: #F79F1A; } /* Page */ #page { width: 800px; margin: 0 auto; margin-bottom: 15px; } /* Content */ #content { float: right; width: 505px; margin: 0; padding: 25px 25px 15px 20px; } .post { padding: 0px 0 0 0; } .title { border-left: 6px solid #2E2E2E; padding: 0 20px 0 27px; font-size: 24px; } .title a { text-decoration: none; color: #FFFFFF; } .pagetitle { } .byline { margin: -25px 20px 0 33px; color: #FFFFFF; } .meta { text-align: left; color: #5C1600; padding: 10px 20px 10px 17px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; background: #FFB03B; border: 3px solid #000000; } .meta .more { background: url(http://www.freecsstemplates.org/templates/previews/applique/images/img05.jpg) no-repeat left 50%; padding-left: 10px; } .meta .comments { background: url(http://www.freecsstemplates.org/templates/previews/applique/images/img05.jpg) no-repeat left 50%; padding-left: 10px; } .meta a { color: #000000; } .navigation { } .alignleft { float: left; } .alignright { float: right; } .posts { margin: 0; padding: 0; list-style: none; line-height: normal; } .posts li { } .posts h3 { margin: 0; font-weight: bold; } .posts p { margin: 0; line-height: normal; } .posts a { } .entry { margin: 0; padding-left: 35px; color: #FFFFFF; } .last { border: none; } /* Sidebar */ #sidebar { float: left; width: 250px; margin-bottom: 10px; padding: 40px 0 0 0px; color: #5C1600; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin: 0 0 20px 0; padding: 0; } #sidebar li li { margin: 0 0 0 30px; padding: 0 0 0 10px; background: url(http://www.freecsstemplates.org/templates/previews/applique/images/img05.jpg) no-repeat left 50%; line-height: 25px; } #sidebar h2 { width: 240px; height: 54px; margin: 0; padding: 10px 0 0 10px; font-size: 18px; background: url(http://www.freecsstemplates.org/templates/previews/applique/images/img04.jpg) no-repeat left top; color: #FFFFFF; } #sidebar a { color: #000000; } #sidebar a:hover { text-decoration: none; } /* Search */ #search input { display: none; } #search input#s { display: block; width: 230px; padding: 2px 5px; border: 1px solid #3DD1FF; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/applique/images/img05.gif) repeat-x; } #search br { display: none; } /* Calendar */ #calendar { } #calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { width: 100%; text-align: center; } #next { text-align: right; } #prev { text-align: left; } /* Footer */ #footer { width: 800px; height: 60px; min-height: 60px; margin: 0 auto; margin-bottom: 20px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #B64926; } #footer p { padding: 20px 0; } #footer p a { color: #5C1600; }

Tasarımın Üstü

<div id="header">
<h1><em>Clothes</em><strong>COLLECTION</strong></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="naw-top">
<ul>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Site map</a> |</li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Advertisement</a> |</li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Contact us</a></li>
</ul>
</div>
</div>
<div id="naw"><div>
<ul>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">HOME</a>  | </li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">NEWS</a>  | </li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">ACCESSORIES</a>  | </li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">MEN COLLECTION</a>  | </li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">WOMEN COLLECTION</a>  | </li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">KIDS COLLECTION</a></li>
</ul>
</div></div>
<div id="body">
<h2><em>Css Clup</em>.Tr.Gg</h

Tasarımın Altı

</div>
<div id="black-tl">
<div id="black-tr">
<div id="black-br">
<div id="black-bl">
<div class="black-box">
<h2><em>Men</em> collection</h2>
<p><img src="http://www.freewebsitetemplates.com/preview/clothesfashion/images/pic_1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/clothesfashion/images/pic_1.jpg" width="120" height="105" alt="Pic 1" /></p>
<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more">> > <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">More</a></p>
</div>
<div class="black-box">
<h2><em>Women</em> collection</h2>
<p><img src="http://www.freewebsitetemplates.com/preview/clothesfashion/images/pic_2.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/clothesfashion/images/pic_2.jpg" width="120" height="105" alt="Pic 2" /></p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more">> > <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">More</a></p>
</div>
<div class="black-box">
<h2><em>Kids</em> collection</h2>
<p><img src="http://www.freewebsitetemplates.com/preview/clothesfashion/images/pic_3.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/clothesfashion/images/pic_3.jpg" width="120" height="105" alt="Pic 3" /></p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/" _fcksavedurl="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p class="more">> > <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">More</a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
</div>
<div class="clear"></div>
<div id="copyright">
Copyright information goes here. All rights reserved
</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;}
html, body, ul, li, h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
color: #DBDBDB;
list-style: none;
}
h1 img {
display: block;
}
img {
border: 0px;
}
p {
margin: 0.5em 0px;
}
a {
color: white;
text-decoration: none;
}
a:hover {
color: #eee;
text-decoration: underline;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: #580000;
font: 11px arial, sans-serif;
}
#header {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: -8px 0px url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/header_bg.jpg) repeat-x;
height: 284px;
}
#header h1 {
background: 0px 0px url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/header_left.jpg) no-repeat;
height: 184px;
width: 282px;
margin: 0;
padding: 0;
color: #fff;
line-height: 1;
}
#header h1 em {
display: block;
padding: 23px 0 0 70px;
margin: 0;
font-weight: normal;
font-size: 28px;
font-family: "Times new roman", serif;
}
#header h1 strong {
display: block;
margin: 0px;
padding: 0px 0px 0px 90px;
font-weight: normal;
font-size: 15px;
font-family: verdana, arial, sans-serif;
}
#uppers {
position: absolute;
top: 17px;
left: 270px;
background: top left url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/search.gif) no-repeat;
padding-left: 25px;
z-index: 15;
}
#naw-top {
position: absolute;
top: 10px;
left: 330px;
width: 200px;
}
#naw-top li {
display: inline;
}
#naw {
background: top left url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/nav_left.gif) no-repeat;
position: absolute;
top: 66px;
left: 270px;
width: 580px;
text-align: center;
z-index: 15;
}
#naw div {
background: top right url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/nav_right.gif) no-repeat;
padding: 0 10px;
}
#naw ul {
background: top left url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/nav_bg.gif) repeat-x;
padding: 10px 0 10px 0px;
}
#naw li {
display: inline;
}
#naw a {
font-weight: normal;
}
#left-person {
position: absolute;
top: 184px;
left: 0px;
width: 282px;
height: 575px;
background: url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/body_left.jpg) no-repeat;
}
#body {
position: relative;
z-index: 10;
margin-left: 320px;
padding-top: 130px;
width: 500px;
}
#body h2 {
font-weight: normal;
font-size: 15px;
}
#body h2 em {
font-size: 25px;
font-family: serif;
}
#black-tl { width: 100%; background: black top left url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/black_tl.gif) no-repeat; }
#black-tr { width: 100%; background: top right url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/black_tr.gif) no-repeat; }
#black-bl { width: 100%; background: bottom left url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/black_bl.gif) no-repeat; }
#black-br { width: 100%; background: bottom right url(http://www.freewebsitetemplates.com/preview/clothesfashion/images/black_br.gif) no-repeat; }
#black-tl {
margin-left: 300px;
margin-top: 10px;
width: 540px;
position: relative;
}
#black-bl {
padding: 20px 20px 10px 20px;
position: relative;
}
.black-box {
float: left;
width: 126px;
margin-right: 20px;
margin-left: 20px;
}
.black-box h2 {
font-size: 13px;
font-weight: normal;
}
.black-box h2 em {
font-size: 22px;
font-family: serif;
}
.black-box .more {
color: red;
}
#footer {
margin-left: 320px;
margin-top: 10px;
width: 550px;
}
#footer h2 {
font-size: 13px;
font-weight: normal;
}
#footer h2 em {
font-size: 22px;
font-family: serif;
}
#tips {
float: left;
width: 233px;
}
#choose {
float: left;
width: 200px;
margin-left: 50px;
}
#copyright {
margin-left: 320px;
}
#s {
position: relative;
top: 0.4em;
}
#submit {
position: relative;
top: 0.2em;
}

Tasarımın Üstü

Tasarımın Altı

</div>
<div id="right">
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member1.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member1.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Cyberstriker</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member2.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member2.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Swatman</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member3.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member3.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Hunter</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member4.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member4.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Cosmic</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member2.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member2.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Wolfcry</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member1.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member1.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Blade</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member4.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member4.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Zerocool</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member3.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member3.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Newbie</a></span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<br /><br />
<ul>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">home</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">about me</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">members</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">services</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">links</a></li>
<li class="lastchild"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li>
</ul>
<span>© counter strike 2006. All rights reserved.</span>	</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;}
body {
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/background.gif);
color: #000000;
font-family: Arial, Helvetica, sans-serif, Verdana;
font-size: 12px;
margin: 0px;
padding: 0px;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#conntainer {
margin: 0px auto;
text-align: left;
width: 780px;
}
a {
color: #000000;
font-family: Arial, Helvetica, sans-serif, Verdana;
font-size: 12px;
}
/********************** Header ***************************/
#header {
margin: 0px 0px 0px 0px;
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/header.jpg);
background-repeat:no-repeat;
width:768px;
height:262px;
}
#menu {
position:relative;
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/menu.jpg);
background-repeat:no-repeat;
width:768px;
height:117px;
}
#menu ul{
position:absolute;
top:30px;
left:265px;
}
#menu li{
float:left;
display:inline;
padding: 0px 0px 0px 10px;
}
#menu a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
text-transform: uppercase;
color: #d8cd8d;
text-decoration: none;
}
#menu a:hover{
color:#3e3c27;
}
h1,h2,h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
text-transform: uppercase;
color: #171508;
}
h1,h2 {
position:absolute;
top:94px;
}
h1 {
left:241px;
}
h2 {
right:75px;
}
h3 {
margin: 15px 0px 0px 30px;
border-bottom: solid 1px #625d3b;
}
/********************** Main ***************************/
#main {
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/main_bg.gif);
background-repeat: repeat-y;
display:block;
width:768px;
height:auto;
}
#conntent {
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/content_bg.gif);
background-repeat: repeat-y;
width:768px;
}
/********************** Left - Text ***************************/
#left {
float:left;
width:490px;
}
#left p{
padding: 5px 10px 10px 30px;
}
#left a:hover{color:#d8cd8d;}
/********************** Right - Team ***************************/
#right {
float:right;
width:230px;
}
.member {
display:inline;
float:left;
margin-left:10px;
}
.member a{
font-size: 12px;
font-weight: bold;
color: #f5f1d1;
text-decoration: none;
}
.member img{
border: none 0px;
}
.member span{
display:block;
text-align:center;
padding: 2px 0px 13px 0px;
text-transform: uppercase;
}
.member span a{}
.member span a:hover{}
/********************** Footer ***************************/
#footer {
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/footer_bg.jpg);
background-repeat:no-repeat;
width:768px;
height:97px;
text-align:center;
float:left;
clear:both;
}
#footer ul{
}
#footer li{
display:inline;
float:none;
text-align:center;
padding: 0px 10px 0px 10px;
border-right: solid 1px #908a68;
}
.lastchild{
border-right: 0px none !important;
}
#footer a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
color: #908a68;
text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
#footer span{
font-size: 9px;
font-weight: bold;
color: #18160e;
margin:10px;
display:block;
}

Tasarımın Üstü

Tasarımın Altı

</div>

</div>
</div>
</div>


<div id="navmenu">
<div id="navmenu_b">
<div id="navmenu_c">
<h3><span class="hidethis">Site Menu:</span></h3>
<ul>
<li class="list_first"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Home</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Members</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Events</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Partners</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">About Us</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contact Us</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Home</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Members</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Events</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Partners</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">About Us</a></li>
<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contact Us</a></li>
</ul>
</div>
</div>
</div>

<div class="clearthis"> </div>

<div id="page_footer">
Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a>
</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;}
/* +++++++++++++++++++++++++++++ Shifting Ground +++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++ Common Styles ++++++++++++++++++++ */
* {
margin: 0px;
padding: 0px;
}
body {
color: #fff;
background-color: #484848;
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 100%;
text-align: center;
}
table {
font-size: 1em;
}
td {
color: #fff;
background-color: inherit;
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 1em;
}
a {
color: #fff;
background-color: inherit;
text-decoration: underline;
}
a:hover {
color: #fff;
background-color: inherit;
text-decoration: none;
}
img {
border: none;
}
ul, ul li {
list-style: none outside;
}
ol, ol li {
list-style: decimal inside;
}
p {
padding: 0.6em 0em 0.6em;
}
fieldset {
border: none;
}
input, textarea, select {
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 13px;
}
.hidethis {
display: none;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size: 1px;
overflow : hidden;
visibility: hidden;
}
/* ++++++++++++++++++++ Image Thumbnails ++++++++++++++++++++ */
.tb_center {
text-align: center;
}
.tb_center img {
margin: 1.3em auto;
border: 1px #fff solid;
}
/* ++++++++++++++++++++ Body Wrappers ++++++++++++++++++++ */
#body_wrapper {
margin: 35px 10px;
width: 982px;
background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/rightcol_img.gif') no-repeat 100% 68px;
font-size: 0.71em;
}
/* ++++++++++++++++++++ Body Container ++++++++++++++++++++ */
#body_container {
float: right;
position: relative;
left: -243px;
width: 496px;
background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/main_bg_bot.gif') no-repeat 0% 100%;
}
#body_container_b {
padding: 15px 0px;
width: 496px;
background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/main_bg_top.gif') no-repeat 0% 0%;
}
#body_container_c {
color: inherit;
background-color: #8e8257;
border-left: #fff 6px solid;
border-right: #fff 6px solid;
}
/* ++++++++++++++++++++ Page Header ++++++++++++++++++++ */
#page_header {
padding-bottom: 2px;
color: inherit;
background-color: #b3ab78;
}
#page_header h1 {
position: relative;
top: -4px;
width: 100%;
height: 40px;
background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/counterstrike_logo.gif') no-repeat 50% 50%;
}
/* ++++++++++++++++++++ Page Content ++++++++++++++++++++ */
#page_content {
padding: 15px 17px 10px;
font-weight: bold;
text-align: left;
}
.link_readmore {
padding: 35px 0px 10px;
text-align: right;
}
.link_readmore a {
margin-left: auto;
display: block;
width: 94px;
height: 24px;
background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/button_readmore.gif') no-repeat 0% 0%;
}
/* ++++++++++++++++++++ Navigation Menu ++++++++++++++++++++ */
#navmenu {
float: left;
margin-top: 68px;
position: relative;
left: 77px;
width: 166px;
background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/navmenu_bg_bot.gif') no-repeat 0% 100%;
font-size: 1.15em;
font-weight: bold;
}
#navmenu_b {
padding: 15px 0px;
width: 166px;
background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/navmenu_bg_top.gif') no-repeat 0% 0%;
}
#navmenu_c {
color: inherit;
background-color: #6d6845;
border-left: #fff 6px solid;
}
#navmenu a {
text-decoration: none;
text-transform: uppercase;
}
#navmenu li {
border-top: #fff 1px solid;
}
#navmenu li a {
display: block;
padding: 5px 0px;
width: 160px;
}
#navmenu li a:hover {
color: inherit;
background-color: #989160
}
#navmenu li.list_first {
border-top: none;
}
/* ++++++++++++++++++++ Page Footer ++++++++++++++++++++ */
#page_footer {
padding: 20px 0px;
font-size: 0.9em;
font-weight: bold;
}

Tasarımın Üstü

<div id="page">

<div id="header">

<div id="header-menu">
<ul>
<li class="page_item page-item-2"><a href="http://artcolor.qualitywordpress.com/?page_id=2" _fcksavedurl="http://artcolor.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-4"><a href="http://artcolor.qualitywordpress.com/?page_id=4" _fcksavedurl="http://artcolor.qualitywordpress.com/?page_id=4" title="About">About</a></li>
<li class="page_item page-item-5"><a href="http://artcolor.qualitywordpress.com/?page_id=5" _fcksavedurl="http://artcolor.qualitywordpress.com/?page_id=5" title="Links">Links</a></li>
</ul>
</div>


<div id="header-info">
<h1><a href="http://artcolor.qualitywordpress.com/" _fcksavedurl="http://artcolor.qualitywordpress.com/">Art Color</a></h1>
<div class="description">Wordpress Theme</div>
</div>


<div id="topbar">
<div id="topbar-left">
</div>
<div id="topbar-center">
<h3></h3>
<ul>
<li><a href="http://artcolor.qualitywordpress.com/?p=7" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=7" title="Pic in Post">Pic in Post</a></li>
<li><a href="http://artcolor.qualitywordpress.com/?p=6" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=6" title="Longer Post">Longer Post</a></li>
<li><a href="http://artcolor.qualitywordpress.com/?p=1" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=1" title="Hello world!">Hello world!</a></li>
</ul>
</div>
<div id="topbar-right">
<h3></h3>
<ul>
<li><a href="http://artcolor.qualitywordpress.com/?p=6" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=6"> @ Longer Post ...</a></li><li><a href="http://artcolor.qualitywordpress.com/?p=7" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=7"> @ Pic in Post ...</a></li><li><a href="http://artcolor.qualitywordpress.com/?p=1" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=1">Mr WordPress @ Hello world! ...</a></li>				</ul>
</div>
</div>

</div>


<div id="main"><div id="main-top"><div id="main-bottom">

<div class="sidebar">
<h3>Pages</h3>
<ul>
<li class="page_item page-item-2"><a href="http://artcolor.qualitywordpress.com/?page_id=2" _fcksavedurl="http://artcolor.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-4"><a href="http://artcolor.qualitywordpress.com/?page_id=4" _fcksavedurl="http://artcolor.qualitywordpress.com/?page_id=4" title="About">About</a></li>
<li class="page_item page-item-5"><a href="http://artcolor.qualitywordpress.com/?page_id=5" _fcksavedurl="http://artcolor.qualitywordpress.com/?page_id=5" title="Links">Links</a></li>
</ul>
<h3>Archives</h3>
<ul>
<li><a href="http://artcolor.qualitywordpress.com/?m=200805" _fcksavedurl="http://artcolor.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li>
</ul>
<h3>Recent Posts</h3>			<ul>
<li><a href="http://artcolor.qualitywordpress.com/?p=7" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=7">Pic in Post </a></li>
<li><a href="http://artcolor.qualitywordpress.com/?p=6" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=6">Longer Post </a></li>
<li><a href="http://artcolor.qualitywordpress.com/?p=1" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=1">Hello world! </a></li>
</ul>
<h3>Recent Comments</h3>			<ul id="recentcomments"><li class="recentcomments">Anonymous on <a href="http://artcolor.qualitywordpress.com/?p=6#comment-3" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=6#comment-3">Longer Post</a></li><li class="recentcomments">Anonymous on <a href="http://artcolor.qualitywordpress.com/?p=7#comment-2" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=7#comment-2">Pic in Post</a></li><li class="recentcomments"><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/" rel="external nofollow">Mr WordPress</a> on <a href="http://artcolor.qualitywordpress.com/?p=1#comment-1" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=1#comment-1">Hello world!</a></li></ul>
</div>


<div id="content">

<div class="post" id="post-7">
<div class="post-title">
<div class="post-date">
<span>16</span>
May					</div>
<h2>CssClup.Tr.Gg</h2>
Paylaşımın Güçlü Adresi!</div>
<div class="post-entry">
<p>

Tasarımın Altı

</p>
</div>
<div class="post-info">
<a href="http://artcolor.qualitywordpress.com/?p=7#comments" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=7#comments" title="Comment on Pic in Post">Comment (1)</a>  //  <a href="http://artcolor.qualitywordpress.com/?p=7#respond" _fcksavedurl="http://artcolor.qualitywordpress.com/?p=7#respond">Add Comment</a>
</div>
</div>


<div class="navigation">
<div class="navigation-previous"></div>
<div class="navigation-next"></div>
</div>

<div class="clear"></div>
</div>


<div class="sidebar sidebar-right">
<h3>Categories</h3>
<ul>
<li class="cat-item cat-item-1"><a href="http://artcolor.qualitywordpress.com/?cat=1" _fcksavedurl="http://artcolor.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
<h3>Blogroll</h3>
<ul>
<li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul>
</div>

<div class="clear"></div>
</div></div></div>


<div id="footer">

<div id="copyright">
<br>	(c)Copyrighted Art Color, All Rights Reserved.<br>Designed by: <a href="http://www.absinthe-discount.de/en/" _fcksavedurl="http://www.absinthe-discount.de/en/">Absinthe</a><br><a href="http://www.whiskey-shop.de/" _fcksavedurl="http://www.whiskey-shop.de/">Whiskey</a>, <a href="http://www.spielekatalog.com/nintendo-wii_konsole_11.html" _fcksavedurl="http://www.spielekatalog.com/nintendo-wii_konsole_11.html">Wii</a>, <a href="http://www.ps3-spiele-portal.de/news.html" _fcksavedurl="http://www.ps3-spiele-portal.de/news.html">PS3 News</a>
</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;}
/*
Theme Name: Macbook
Theme URI: http://macbook.qualitywordpress.com
Description: Macbook is a theme that has the simplistic design style as the Apple company.
Version: 1.0
Author: qualitywordpress.com
Author URI: http://qualitywordpress.com
*/
/* General */
body {
margin: 0;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/bg.gif);
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
height: 1px;
overflow: hidden;
}
/* Page */
#page {
margin: 0 auto;
width: 1004px;
}
/* Header */
#header {
width: 1004px;
height: 459px;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/header.jpg) no-repeat;
position: relative;
}
/* Header - Info */
#header #header-info {
position: absolute;
top: 125px;
left: 100px;
}
#header #header-info h1 {
color: #000000;
font: bold 30px Verdana, Verdana;
}
#header #header-info h1 a {
color: #000000;
text-decoration: none;
}
#header #header-info .description {
color: #000000;
font: bold 15px Verdana, Verdana;
}
/* Header - Menu */
#header #header-menu {
position: absolute;
top: 0px;
left: 26px;
height: 53px;
}
#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 53px;
}
#header #header-menu ul li {
float: right;
height: 53px;
margin-right: 8px;
font: bold 10px/43px Verdana, Verdana;
color: #ffffff;
text-transform: lowercase;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/header_menu_left.gif) no-repeat;
}
#header #header-menu ul li a {
color: #ffffff;
text-decoration: none;
padding: 0 40px;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/header_menu_right.gif) no-repeat right top;
display: block;
}
#header #header-menu ul li a:hover {
text-decoration: underline;
}
#header #header-menu ul li ul {
display: none;
}
/* Header - Topbar */
#header #topbar {
position: absolute;
top: 270px;
left: 0px;
width: 1004px;
height: 201px;
color: #FFFFFF;
font: normal 12px Trebuchet MS, Verdana;
}
#header #topbar h3 {
font: bold 15px Verdana, Verdana;
color: #ffffff;
}
#header #topbar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#header #topbar ul li {
padding-top: 12px;
color: #ffffff;
font: normal 12px Trebuchet MS, Verdana;
}
#header #topbar ul li a {
color: #ffffff;
text-decoration: none;
}
#header #topbar ul li a:hover {
text-decoration: underline;
}
/* Header - Topbar - Boxes */
#header #topbar #topbar-left {
width: 285px;
padding: 35px 33px;
float: left;
}
#header #topbar #topbar-center {
width: 306px;
float: left;
padding: 12px 0 0 30px;
}
#header #topbar #topbar-right {
width: 287px;
float: left;
padding: 12px 0 0 30px;
}
/* Main */
#main {
width: 1004px;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/main.gif) repeat-y;
}
#main-top {
width: 1004px;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/main_top.gif) no-repeat;
}
#main-bottom {
width: 992px;
padding-left: 12px;
min-height: 60px;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/main_bottom.gif) no-repeat left bottom;
}
/* Main - Content */
#content {
float: left;
width: 570px;
padding: 6px 16px 0 16px;
}
/* Main - Content - Post */
#content .post {
color: #FFFFFF;
float: left;
margin-bottom: 16px;
width: 554px;
padding: 7px;
background: #252525;
}
/* Post - Title */
#content .post .post-title {
width: 554px;
height: 51px;
color: #FFFFFF;
font: bold 12px Trebuchet MS, Verdana;
}
#content .post .post-title a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-title .post-date {
float: left;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/post_date.gif) repeat-x;
width: 50px;
height: 51px;
color: #000000;
text-align: center;
text-transform: uppercase;
margin-right: 10px;
font: bold 10px/15px Trebuchet MS, Verdana;
}
#content .post .post-title .post-date span {
margin-bottom: 2px;
display: block;
font: bold 16px/34px Trebuchet MS, Verdana;
}
#content .post .post-title h2 {
padding: 4px 0 3px 0;
color: #FFFFFF;
font: bold 19px Verdana, Verdana;
}
#content .post .post-title h2 a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-title h2 a:hover {
text-decoration: underline;
}
/* Post - Entry */
#content .post .post-entry {
font: normal 10px/18px Trebuchet MS, Verdana;
color: #FFFFFF;
padding: 0 4px;
width: 546px;
}
#content .post .post-entry a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry .more-link {
font: bold 12px/20px Trebuchet MS, Verdana;
color: #FFFFFF;
float: right;
padding-bottom: 5px;
}
#content .post .post-entry .more-link a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-entry .more-link a:hover {
text-decoration: underline;
}
/* Post - Info */
#content .post .post-info {
padding: 10px 4px 0 4px;
width: 546px;
clear: both;
font: 12px Trebuchet MS, Verdana;
color: #FFFFFF;
}
#content .post .post-info a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-info a:hover {
text-decoration: underline;
}
/* Post - Comments */
#content .post h3 {
color: #FFFFFF;
font: bold 17px Verdana, Verdana;
margin: 25px 0 5px 0;
padding: 0 4px;
width: 546px;
}
#content .post .comments {
padding: 0 4px;
width: 546px;
font: normal 12px/18px Trebuchet MS, Verdana;
color: #FFFFFF;
}
#content .post .comments a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .comments a:hover {
text-decoration: underline;
}
#content .post .comments ol {
margin: 10px 0 10px 0;
padding-left: 25px;
}
#content .post .comments ol li {
padding: 5px;
}
#content .post .comments ol li.alt {
background: #000000;
}
#content .post .comments ol li cite {
color: #FFFFFF;
font-style: normal;
font-weight: bold;
}
#content .post .comments ol li cite a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .comments ol li cite a:hover {
text-decoration: underline;
}
#content .post .comments ol li .commentmetadata a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
#content .post #commentform {
margin: 0;
font: normal 12px/18px Trebuchet MS, Verdana;
color: #FFFFFF;
padding: 0 4px;
width: 546px;
}
#content .post #commentform a {
color: #FFFFFF;
text-decoration: none;
}
#content .post #commentform a:hover {
text-decoration: underline;
}
/* Main - Sidebar */
.sidebar {
float: left;
width: 189px;
font: strong 15px/18px Trebuchet MS, Verdana;
color: #ffffff;
padding: 7px 0;
}
.sidebar a {
color: #ffffff;
text-decoration: none;
}
.sidebar a:hover {
text-decoration: underline;
}
/* Sidebar - Titles */
.sidebar h3 {
padding-left: 18px;
font: bold 15px/34px Verdana, Verdana;
text-transform: lowercase;
color: #ffffff;
height: 46px;
width: 189px;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/sidebar_title.gif) no-repeat;
}
/* Sidebar - Menus */
.sidebar ul {
margin: 0 0 20px 18px;
padding: 0;
list-style-type: none;
}
.sidebar ul li {
color: #ffffff;
font: normal 12px/26px Trebuchet MS, Verdana;
}
.sidebar ul li a {
color: #ffffff;
text-decoration: none;
}
.sidebar ul li a:hover {
text-decoration: underline;
}
/* Sidebar - Forms */
.sidebar #searchform {
margin: 0 auto;
padding: 15px 0 25px 0;
width: 145px;
text-align: center;
}
.sidebar #searchform #s {
width: 145px;
}
/* Sidebar - Tables */
.sidebar #calendar_wrap {
margin: 5px auto 20px auto;
width: 120px;
}
.sidebar #calendar_wrap caption {
font-weight: bold;
}
.sidebar #calendar_wrap #today {
font-weight: bold;
}
/* Sidebar - Texts */
.sidebar .textwidget {
padding: 0 10px 20px 10px;
}
/* Footer */
#footer {
margin-top: 15px;
width: 1004px;
height: 62px;
background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/footer.gif) repeat-x;
color: #FFFFFF;
font: normal 10px/15px Trebuchet MS, Verdana;
text-align: center;
}
#footer a {
color: #CCCCCC;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

Tasarımın Üstü

<div id="wrapper">
<div id="header"> </div>
<div id="left">
<div id="logo">
<h1>Architecture Bureau</h1>
<p>It's all possible</p>
</div>
<div id="nav">
<ul>
<li class="important"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Recent Projects</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Services</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Clients</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Solutions</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Contact us</a></li>
</ul>
</div>
<div id="news">
<h2>Latest News</h2>
<h3>02/03/07</h3>
<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="hr-dots"> </div>
<h3>01/03/07</h3>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">more</a></p>
</div>
<div id="support">
<p>Call: +3265-9856-789</p>
</div>
</div>
<div id="right">
<h2>Welcome to Our Site!</h2>
<div id="welcome">

Tasarımın Altı

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;}
html, body, h1, h2, h3, h4, ul, li {
margin: 0;
padding: 0;
}
h1 img {
display: block;
}
img {
border: 0;
}
a {
color: #464544;
}
a:hover {
color: #FFA405;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: #E0D5B7 url(http://www.freewebsitetemplates.com/preview/architecture2/images/page_bg.jpg) repeat-x;
text-align: center;
font: 11px verdana, arial, sans-serif;
color: #74653D;
padding-bottom: 10px;
padding-top: 31px;
}
/** layout **/
#wrapper {
text-align: left;
margin: auto;
width: 778px;
position: relative;
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/body_bg.gif) repeat-y;
}
#header {
position: absolute;
top: 0;
left: 243px;
width: 535px;
height: 279px;
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/header_2.jpg) no-repeat;
}
#left {
float: left;
width: 243px;
}
#logo {
width: 244px;
height: 152px;
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/header_1.jpg) no-repeat;
text-align: center;
color: #595959;
}
#logo h1 {
padding-top: 30px;
font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
margin: 8px 25px 4px 25px;
border-top: 1px solid #B8B8B8;
border-bottom: 1px solid #B8B8B8;
padding: 3px;
letter-spacing: 0.2em;
font-weight: bold;
}
#nav {
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/nav_left.jpg) no-repeat;
}
#nav ul {
margin-left: 9px;
padding-left: 1px;
padding-bottom: 29px;
background: #2A2A2A bottom left url(http://www.freewebsitetemplates.com/preview/architecture2/images/nav_bot.jpg) no-repeat;
}
#nav li {
list-style: none;
font: 14px "arial narrow", arial, sans-serif;
border-top: 1px solid #959595;
background: 188px 10px url(http://www.freewebsitetemplates.com/preview/architecture2/images/arr_white.gif) no-repeat;
padding: 7px 0 0 31px;
}
#nav a {
color: #fff;
text-decoration: none;
border-left: 1px solid #959595;
padding-left: 10px;
display: block;
width: 90%;
padding: 2px 0 6px 8px;
}
#nav a:hover {
text-decoration: underline;
}
#nav .important {
border: none;
background: 188px 10px url(http://www.freewebsitetemplates.com/preview/architecture2/images/arr_orange.gif) no-repeat;
}
#nav .important a {
color: #E9C379;
}
#news {
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/news_bg.jpg) repeat-y;
padding-left: 37px;
padding-right: 22px;
padding-bottom: 3px;
text-align: justify;
}
#news h2 {
font-size: 12px;
color: #BE8B06;
}
#news h3, #news p {
font-size: 11px;
margin: 1em 8px 1em 0;
}
#news a {
color: #74653D;
font-weight: bold;
text-decoration: underline;
}
#news a:hover {
color: #38301A;
}
#news .more {
font-size: 9px;
}
#news .hr-dots {
background: center url(http://www.freewebsitetemplates.com/preview/architecture2/images/dots.gif) repeat-x;
height: 10px;
}
#support {
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/support.jpg) no-repeat;
padding: 1px;
height: 97px;
color: #1A1A18;
}
#support p {
margin: 0.7em 2.6em;
}
#right {
float: right;
width: 490px;
padding-right: 9px;
padding-top: 301px;
}
#right h2 {
font: 18px arial, sans-serif;
color: #BE8B06;
border-bottom: 1px solid #C4AE7C;
padding-bottom: 6px;
margin-bottom: 1em;
}
#right h3 {
font: 14px arial, sans-serif;
color: #BE8B06;
border-bottom: 1px solid #C4AE7C;
padding-bottom: 6px;
margin-bottom: 1em;
margin-top: 2em;
}
#welcome {
margin-right: 20px;
}
#profile {
margin-right: 16px;
}
#right .left {
margin-right: 18px;
}
#right .more {
font-weight: bold;
font-size: 10px;
}
#corp, #indu {
float: left;
width: 49%;
}
#corp {
margin-right: 1%;
}
#corp-img, #indu-img {
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/pic_2.jpg) no-repeat;
width: 112px;
height: 23px;
float: left;
margin-right: 18px;
text-align: center;
padding-top: 90px;
font-size: 9px;
font-weight: bold;
}
#indu-img {
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/pic_3.jpg) no-repeat;
}
#spacer {
height: 2em;
}
#footer {
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/footer_bg.gif) repeat-y;
}
#copyright {
text-align: center;
padding: 22px 0px 30px 00px;
font-size: 9px;
color: #715F36;
font-weight: bold;
}
#footerline{
background: url(http://www.freewebsitetemplates.com/preview/architecture2/images/footerline.gif) no-repeat;
height:10px;
margin-top:0px;
display:block;
font-size:1px;
}

Tasarımın Üstü

<div id="wrapper">
<h1>Architecture</h1>
<div id="nav">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">About Us</a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Services</a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Solutions</a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Projects</a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Contact Us</a>
</div>
<div id="body">
<div id="body-top">
<div id="body-top-2"></div>
<div id="body-bot">
<div id="welcome">
<img src="http://www.freewebsitetemplates.com/preview/architecture/images/pic_1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/architecture/images/pic_1.jpg" width="231" height="301" alt="Pic 1" />
<h2>Welcome</h2>
<p>Don't forget to check <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p class="more"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" class="bar-drk">more</a></p>
</div>
<div id="conntent">

Tasarımın Altı

<div class="fineline"></div>
<div id="planer">
<h2>Architects & Planners</h2>
<div class="fineborder"><img src="http://www.freewebsitetemplates.com/preview/architecture/images/pic_6.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/architecture/images/pic_6.jpg" width="186" height="79" alt="Pic 6" /></div>
<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" class="bar-lit">more</a></p>
</div>
<div id="stories">
<h2>Success Stories</h2>
<div class="fineborder"><img src="http://www.freewebsitetemplates.com/preview/architecture/images/pic_7.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/architecture/images/pic_7.jpg" width="186" height="79" alt="Pic 7" /></div>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" class="bar-lit">more</a></p>
</div>
<div class="clear-flat"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="footer">
<p>Copyright statement goes here. All rights reserved</p>
</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;}
html, body, ul, li, h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
list-style: none;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #544e38;
}
img {
border: 0px;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: white;
text-align: center;
font: 11px verdana, arial, sans-serif;
}
#wrapper {
text-align: left;
margin: auto;
width: 728px;
}
#body {
background: url(http://www.freewebsitetemplates.com/preview/architecture/images/body_bg.gif) repeat-y;
color: white;
width: 100%;
}
#body-top {
background: top left url(http://www.freewebsitetemplates.com/preview/architecture/images/body_top.gif) no-repeat;
position: relative;
}
#body-bot {
background: bottom left url(http://www.freewebsitetemplates.com/preview/architecture/images/body_bot.gif) no-repeat;
padding-bottom: 17px;
}
#body-top-2 {
position: absolute;
top: 12px;
left: 251px;
width: 463px;
height: 11px;
background: top left url(http://www.freewebsitetemplates.com/preview/architecture/images/body_top_2.gif) no-repeat;
}
#wrapper {
position: relative;
padding-top: 68px;
}
h1 {
position: absolute;
top: 36px;
left: 13px;
font-size:26px;
color:#3f3c2d;
font-variant: small-caps;
font-family: Arial, Helvetica, sans-serif;
}
#nav {
position: absolute;
top: 43px;
left: 256px;
}
#nav  a {
background-image:url(http://www.freewebsitetemplates.com/preview/architecture/images/menu.gif);
width:90px;
height:19px;
display:inline;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align:center;
padding-top:6px;
text-decoration:none;
color:#e9e4d0;
font-weight:bolder;
}
#nav  a:hover {
color:#544e38;
}
#body-bot {
padding-top: 12px;
}
#welcome {
float: left;
width: 231px;
padding-left: 13px;
}
#welcome a {
color: #F2F7F8;
}
#welcome a:hover {
color: #CFCCBF;
}
#welcome h2 {
text-align: center;
margin: 11px;
color:#ceb085;
font-size:24px;
}
#welcome p {
margin: 0px 19px;
}
#welcome .more {
margin-top: 18px;
margin-bottom: 10px;
}
#conntent {
float: right;
width: 418px;
padding-right: 34px;
padding-top: 23px;
color: #686454;
}
#conntent .left {
margin-right: 10px;
}
#conntent a {
color: #5A5644;
}
#conntent a:hover {
color: #26241A;
}
#intro {
margin: 12px;
}
.fineline {
border-bottom: 1px solid #D3CAA9;
margin-bottom: 12px;
}
.fineline-flat {
border-bottom: 1px solid #D3CAA9;
}
.fineborder {
border: 1px solid #D3CAA9;
padding: 2px;
width: 186px;
margin-bottom: 12px;
}
.bar-lit {
padding-left: 6px;
background: 0px 4px url(http://www.freewebsitetemplates.com/preview/architecture/images/bar_lit.gif) no-repeat;
}
.bar-drk {
padding-left: 6px;
background: 0px 4px url(http://www.freewebsitetemplates.com/preview/architecture/images/bar_drk.gif) no-repeat;
}
#picbar {
background: #A3A189;
width: 415px;
margin: 2px 0 19px 0;
}
#arr-left, #arr-right  {
float: left;
width: 15px;
}
.picbox {
float: left;
width: 117px;
padding: 2px;
border: 1px solid #8B846A;
margin: 5px 0px 5px 4px;
}
#picbar img {
display: block;
}
#arr-right {
margin-left: 4px;
}
#planer {
float: left;
width: 186px;
border-right: 1px solid #D3CAA9;
padding-right: 20px;
padding-top: 5px;
}
#stories {
float: right;
width: 195px;
padding-top: 5px;
}
#planer p, #stories p {
margin: 4px 0px;
}
#planer .more, #stories .more {
margin: 12px 0px;
}
.clear-flat {
margin-bottom: 4px;
}
#footer {
font: 11px arial, sans-serif;
color: #4E4A3A;
text-align: right;
padding-right: 47px;
}
#footer p {
margin-top: 0.5em;
}

Sayfa Yönelendirme