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

css tasarimlar3

Tasarımın Üstü
<div id="conntainer"> <div id="header"></div> <div id="conntent"> <div id="sheettop"> <div id="naw"> <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">about my family</a></li> | <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">my gallery</a></li> | <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> </div> <div class="title"> <h3>CssClup</h3><h1>.Com</h1> </div> <div class="text">
Tasarımın Altı
</div> <div style="clear:both"></div> </div> <div style="clear:both"></div> <div id="sheetbottom"> <div class="title"> <h3>Our </h3><h1>Photo Gallery</h1> </div> <div id="photogallery"> <div class="photobox"> <ul class="thumbnails"> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo1.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo1.gif" alt="baby photo 1" border="0" /></a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo2.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo2.gif" alt="baby photo 2" border="0" /></a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo3.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo3.gif" alt="baby photo 3" border="0" /></a></li> </ul> <div class="clear"></div> <ul class="thumbnails"> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo4.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo4.gif" alt="baby photo 4" border="0" /></a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo5.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo5.gif" alt="baby photo 5" border="0" /></a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo6.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/babytemplate/images/photo6.gif" alt="baby photo 6" border="0" /></a></li> </ul> </div> <div class="blog"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/babytemplate/images/bloglink.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/babytemplate/images/bloglink.gif" alt="blog" border="0" /></a> </div> <div style="clear:both"></div> </div> <br /> </div> </div> <div class="clear"></div> <div id="footer"> <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">about my family</a></li> | <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">my gallary</a></li> | <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> <div id="copyright"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Yourwebsite.com</a> all rights reserved.</div> </div> <div class="clear"></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/babytemplate/images/background.gif); color: #7a7e33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; } * {margin: 0px;padding: 0px;} p {padding:10px;display:block;} #conntainer { margin: 0 auto; text-align: left; width: 780px; } #header { background-image:url(http://www.freewebsitetemplates.com/preview/babytemplate/images/header.jpg); width: 707px; height:300px; display:block; margin:0px; padding:0px; } #conntent{ background-image:url(http://www.freewebsitetemplates.com/preview/babytemplate/images/sheetmiddle.gif); background-repeat:repeat-y; position:relative; } #sheettop{ background-image:url(http://www.freewebsitetemplates.com/preview/babytemplate/images/sheet.gif); background-repeat:no-repeat; width:707px; } .title{ width:500px; border-bottom: 1px dashed #b6be8d; text-align:left; margin: 25px 0px 15px 110px; font-family: Verdana, Arial, Helvetica, sans-serif; } h3{ font-family: Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; font-weight: bolder; display:inline; text-transform: uppercase; } h1{ font-size: 22px; font-weight: bolder; display:inline; } .text{ margin-left:110px; width:500px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #7a7e33; position:relative; display:block; height:auto; } .text a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #494c15; text-decoration: underline; } .text a:hover{ color:#000000; } #naw{ margin-top:0px; margin-left:134px; } #naw ul{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #c2b5a2; width:420px; padding-top:25px; text-align:center; } #naw ul li{ display:inline; list-style-type: none; } #naw a{ font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; color: #2c4002; text-decoration:none; } #naw a:hover{ color: #7a7e33; } .thumbnails{ list-style-type: none; display: block; margin: 0px 0px 0px 18px; } .thumbnails li{ list-style-type: none; display: inline; } .thumbnails li a{ border: 2px solid #FFFFFF; display:block; float:left; margin:5px; } .thumbnails li a:hover{ border: 2px solid #d4e194; } .clear{ clear:both; } #photogallery{ position:relative; margin-left:90px; width:530px; background-color:#d4e194; border: 1px solid #b7c47a; margin-bottom:20px; } .photobox{ background-color:#7d940e; width:342px; height:140px; border: 1px solid #FFFFFF; float:left; margin:8px; } #footer{ margin-left:110px; width:500px; z-index:20; } .blog{ float:left; margin: 8px 5px 0px 5px; } #footer{ background-image:url(http://www.freewebsitetemplates.com/preview/babytemplate/images/footer.gif); width:707px; height:86px; margin-left:0px; } #footer li{ display:inline; } #footer ul{ border-top: 1px dashed #b6be8d; } #footer ul, #copyright{ margin-left:95px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; color: #747742; text-align:center; width:514px; padding-top:5px; } #footer a, #copyright a{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; color: #747742; text-decoration:none; } #footer a:hover, #copyright a:hover{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; color: #747742; text-decoration:underline; }  

Tasarımın Üstü
<div id="wrap"> <div id="tab"> <ul> <li class="active"><a href="index.html" _fcksavedurl="index.html">H o m e </a></li> <li><a href="styles.html" _fcksavedurl="styles.html">S t y l e s </a></li> <li><a href="notes.html" _fcksavedurl="notes.html">N o t e s </a></li> </ul> </div> <div id="top"> </div> <div id="page"> <div id="col1"> <div id="header"> <h1 id="Sitename"> <a href="#" _fcksavedurl="#">Bamb<span class="italic">oo</span></a> <span class="caption"> A Free CSS Template by RamblingSoul </span></h1> </div> <h2>Categories</h2> <ul class="menu"> <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a></li> <li><a href="#" _fcksavedurl="#">Dolor Sit</a></li> <li><a href="#" _fcksavedurl="#">Amet Feugiat</a></li> <li><a href="#" _fcksavedurl="#">Eleifend In</a></li> <li><a href="#" _fcksavedurl="#">Nullam Eget urna </a></li> </ul> </div> <div id="col2"> <a href="featured.html" _fcksavedurl="featured.html" title="Featured Posts"><img class="featured" src="http://ramblingsoul.com/preview/bamboo/images/sidetop.png" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/sidetop.png" alt="Featured Link"></a> <div id="coldivider"> <span class="div1"></span> <div class="col2content"> <div id="featured_post"> <img class="featuredimg" src="http://ramblingsoul.com/preview/bamboo/images/bambooimg.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/bambooimg.jpg" alt="Image"> <div class="post"> <h2>Nulla Nalesuada Magna Vel</h2> <p class="postinfo"><img src="http://ramblingsoul.com/preview/bamboo/images/ico_auth.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_auth.jpg" alt="Author">Posted by Author on 25/08/3007</p> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nibh. Maecenas consequat. Etiam volutpat sodales velit. Sed ultricies condimentum diam. Mauris mollis. Pellentesque non mi. Integer nisl erat, egestas id, faucibus ac, iaculis eu, nisl. </p> <p class="postbottom"><img src="http://ramblingsoul.com/preview/bamboo/images/ico_cat.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_cat.jpg" alt="Cat" width="19" height="12"><a href="#" _fcksavedurl="#">Category</a><img src="http://ramblingsoul.com/preview/bamboo/images/ico_comment.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_comment.jpg" alt="Comment" width="20" height="15"><a href="#" _fcksavedurl="#">Comments</a> <img src="http://ramblingsoul.com/preview/bamboo/images/ico_link.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_link.jpg" alt="Link" width="19" height="11"><a href="#" _fcksavedurl="#">Full Story</a></p> </div> </div> <div class="sidebar"> <h2>Recent Posts</h2> <ul class="menu"> <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a></li> <li><a href="#" _fcksavedurl="#">Ipsum Lorem</a></li> <li><a href="#" _fcksavedurl="#"> Quisque Ullamcorper</a></li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a></li> <li><a href="#" _fcksavedurl="#">Ipsum Lorem</a></li> <li><a href="#" _fcksavedurl="#"> Quisque Ullamcorper</a></li> </ul> </div> </div> <span class="div2"> </span> </div> </div> <div id="col3"> <div class="post"> <h2>CssClup.Tr.Gg</h2> <p class="postinfo"><img src="http://ramblingsoul.com/preview/bamboo/images/ico_auth.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_auth.jpg" alt="Author">Bilgi Güçtür, Paylaştıkça Büyür!</p> <blockquote> <p>Buraya güzel bir söz eklenebilir...</p> </blockquote> <p>
Tasarımın Altı
</p> <p></p> <p class="postbottom"><img src="http://ramblingsoul.com/preview/bamboo/images/ico_cat.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_cat.jpg" alt="Cat" width="19" height="12"><a href="#" _fcksavedurl="#">Z.Defteri</a> <img src="http://ramblingsoul.com/preview/bamboo/images/ico_comment.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_comment.jpg" alt="Comment" width="20" height="15"><a href="#" _fcksavedurl="#">İletişim</a> <img src="http://ramblingsoul.com/preview/bamboo/images/ico_link.jpg" _fcksavedurl="http://ramblingsoul.com/preview/bamboo/images/ico_link.jpg" alt="Link" width="19" height="11"><a href="#" _fcksavedurl="#">Yorumlar</a></p> </div> <div class="post"> </div> <div class="pagenav"></div> </div> <p class="clear"> </p> <div id="bottom"> <div id="siteinfo"> © Your Copyright Information and YourCompany.com <br> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">Services</a> | <a href="#" _fcksavedurl="#">Blog</a> | <a href="#" _fcksavedurl="#">Portfolio</a> | <a href="#" _fcksavedurl="#">Contact</a> | <a href="#" _fcksavedurl="#">Sitemap</a> | <a href="#" _fcksavedurl="#">Advertise</a> | <a href="#" _fcksavedurl="#">Donate</a></div> <div id="footer"> <!--Credits - Do not remove--> <span class="credits"><a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com" title="Quality CSS XHTML Templates">CSS Template</a> by RamblingSoul | <a href="http://www.blueskyvineyards.com/" _fcksavedurl="http://www.blueskyvineyards.com/" title="Explore Southern Illinois Wine">Illinois Wine</a></span> <!-- Credits --> <span class="backto"><a href="#top" _fcksavedurl="#top">Back To Top</a></span> </div> </div> <p class="clear"></p> </div> <p class="clear"></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;} * { padding:0; margin:0;} body {background:url(http://ramblingsoul.com/preview/bamboo/images/bg.jpg) repeat; font:12px Verdana, Arial, Helvetica, sans-serif; color:#271e12;} a {text-decoration:none;} h1 a, h2 a, h3 a {border:none; color:#3A2B1B;} h1 a:visited, h2 a:visited, h3 a:visited {border:none; color:#3A2B1B;} h1 a:active, h2 a:active, h3 a:active{border:none; color:#3A2B1B;} .clear {clear:both; padding:0; margin:0;} #wrap {width:819px; margin:0 auto 25px auto; } #tab {background:url(http://ramblingsoul.com/preview/bamboo/images/left.jpg); width:34px; float:left; min-height:453px; height:100%; padding-top:60px} #top {background:url(http://ramblingsoul.com/preview/bamboo/images/top.jpg) no-repeat; height:50px; float:left; width:785px;} #page {margin-left:34px; background:url(http://ramblingsoul.com/preview/bamboo/images/pagebg.jpg) repeat;} #col1 {background:url(http://ramblingsoul.com/preview/bamboo/images/header.jpg) 30px 35px no-repeat; width:137px; min-height:450px; padding:35px 30px 30px 30px; float:left; } #col2 {width:300px; float:right;} #widecol {width:540px; padding:40px 30px 10px 10px; float:right;} #coldivider {background:url(http://ramblingsoul.com/preview/bamboo/images/dv2.jpg) 0 0 repeat-y;} .div1 {background:url(http://ramblingsoul.com/preview/bamboo/images/dv1.jpg) 0 0 no-repeat; height:35px; display:block; width:300px} .div3 {background:url(http://ramblingsoul.com/preview/bamboo/images/dv3.jpg) 0 0 no-repeat; height:26px; display:block; width:300px;} .col2content { padding-left:39px;} #col3 {margin:0 305px 0 199px; padding-top:85px; } #page p {line-height:20px; margin-bottom:20px;} #header {height:430px;} #Sitename {color:#D3CABE; font-size:26px; display:block; text-align:center; padding-top:15px;} #Sitename .italic { color:#A9BA67; font-style: italic; text-transform:uppercase;} #Sitename a {color:#d3cabe; text-decoration:none;} #Sitename a .italic {color:#a9ba67; text-decoration:none;} #Sitename a:hover {color:#a9ba67;} #Sitename a:hover .italic {color:#d3cabe;} .caption {color:#B6A794; font-size:12px; display:block; margin:15px 15px 0 15px;} h1, h2, h3 {font-family:"Trebuchet MS", Verdana, sans-serif;} h1 { font-size:22px} h2 {font-size:18px;} h3 {font-size:16px;} .postinfo {display:block; color: #594D44; font-size:10px;} .post .postbottom { display:block; padding: 3px; font-size:10px; border-top: 1px solid #625A4F; border-bottom: 1px solid #625A4F; } /*Tab*/ #tab ul {list-style:none; font:16px "Trebuchet MS", Verdana, sans-serif; font-weight:bold; text-transform:uppercase; padding-left:11px;} #tab a, #tab a:visited, #tab a:active {display:block; background:url(http://ramblingsoul.com/preview/bamboo/images/menu3.jpg) repeat-y; width:18px; padding:12px 0 12px 5px; text-align: center; text-decoration:none; color:#D3CABE; margin:2px 0 2px 0;} #tab a:hover {background:url(http://ramblingsoul.com/preview/bamboo/images/menu2.jpg) repeat-y; color:#fff;} #tab .active a {background:url(http://ramblingsoul.com/preview/bamboo/images/menu1.jpg) repeat-y; color:#fff;} ul.menu{list-style:none;} .menu li{ display:block; height:22px; border-bottom: 1px solid #6A6257; } .menu a {display:block; height:19px; padding:3px 5px 0 5px; color:#000; text-decoration:none;} .menu a:visited, .menu a:active {color:#000;} .menu a:hover {background:#978D80;} .featured { position: relative; top: 0px; right: 0px; z-index: 99; float: right; display: block; visibility: visible; } #col2 #featured_post { position: relative; top:-40px; z-index: 50; } .featuredimg { padding:3px; background:#271D13; } #col2 .post {padding-right:15px;} #col2 .sidebar {padding-right:15px;} a img {border:none;} #bottom { background: url(http://ramblingsoul.com/preview/bamboo/images/footer.png) bottom no-repeat; height:130px; color:#7D7465; padding:15px 140px 0 10px; text-align:right; font-size: 10px; } .pagenav { display:block; padding:3px; font-size: 11px; text-transform: uppercase; background: #938979; } .pagenav .alignleft {display:block; float:left;} .pagenav .alignright {display:block; text-align:right;} a {color:#000;} a:visited, a:active {color:#231B10;} a:hover {color:#000;} .post a {border-bottom:dashed 1px #000000;} .post a:hover {color:#000; background:#D3D0CB;} .post h2 a {border:none !Important;} /* --- */ blockquote { background: #938979; font-size: 11px; margin-bottom:15px; } blockquote p { display:block; padding:10px 10px 0 10px; line-height:16px;} .rounded p {margin-bottom:0!important;} cite {font-weight:bold; padding-left:15px; font-size:10px;} blockquote:before { background: transparent url(http://ramblingsoul.com/preview/bamboo/images/t-r.png) scroll no-repeat top right; margin-bottom: -20px; height: 15px; display: block; border: none; content: url(http://ramblingsoul.com/preview/bamboo/images/t-l.png); padding: 0; line-height: 0.1; font-size: 1px; } blockquote:after { display: block; font-size: 1px; content: url(http://ramblingsoul.com/preview/bamboo/images/b-l.png); margin: 0 0 -1px 0; height: 15px; background: white; background: transparent url(http://ramblingsoul.com/preview/bamboo/images/b-r.png) scroll no-repeat bottom right ; padding: 0; } #siteinfo {height:70px;} #footer {height:20px; padding-top:15px;} #footer .backto {display:block; float:left;} #footer .credits {display:block; float:right;} #bottom a { color: #938979; } img.leftalign {padding:5px; background:#877D6D; margin-right:10px; float:left; border: solid 1px #3A2B1B;} img.rightalign {padding:5px; background:#877d6d; margin-left:10px; float:right; border: solid 1px #3A2B1B;} .post ol {margin-bottom:15px; padding-left:25px;} .post ol li {padding:3px; margin-bottom:3px;} .post ul {margin-bottom:15px; padding-left:25px; list-style:square;} .post ul li {padding:3px; margin-bottom:3px;} /*tables and Forms */ #page table { width:90%; border:1px solid #2B1F13; margin-bottom:20px; background: #ADA69A; margin-top: 15px; } #page th { background:#2A1E12; padding:5px 15px 5px 15px; color:#7D7465; text-align:center; border-bottom:1px solid #000000; font: bold 16px "Trebuchet MS", Verdana, sans-serif; text-transform: uppercase; } #page td { border-bottom:1px solid #2A1E12; padding:5px 15px 5px 15px; border-right:1px solid #2A1E12; } .textfield { display: block; width:50%; margin:3px 3px 3px 30px; padding:3px; border: 1px solid #65594D; background: #ADA69A; } label { display: block; margin:3px; padding: 5px; font-weight: bold; } .button { display: block; padding:0px; margin:3px; border: 1px solid #231A10; color:#D0CABB; background: #3A2B1B; } .textfield:hover { background:#FFFFCC; } .textfield:focus { background:#ffffff; border: 1px solid #3A2C1B; } .hide {display:none;} .commentlist {list-style:none; padding-left:10px; margin:10px 0 10px 0;} .commentlist li { background:#8F8676; display:block; margin-bottom:8px; } .commentlist li img {display:block; margin:10px; float:left;} .commentmetadata {display:block; font-size:10px; padding: 10px;} .commentlist li cite {display:block; padding-top:20px; font:12px "Trebuchet MS", Verdana, sans-serif;} .commentlist li p {display:block; padding:8px;} .commentlist li:before { background: transparent url(http://ramblingsoul.com/preview/bamboo/images/t-r.png) scroll no-repeat top right; margin-bottom: -20px; height: 15px; display: block; border: none; content: url(http://ramblingsoul.com/preview/bamboo/images/t-l.png); padding: 0; line-height: 0.1; font-size: 1px; } .commentlist li:after { display: block; font-size: 1px; content: url(http://ramblingsoul.com/preview/bamboo/images/b-l.png); margin: 0 0 -1px 0; height: 15px; background: white; background: transparent url(http://ramblingsoul.com/preview/bamboo/images/b-r.png) scroll no-repeat bottom right ; padding: 0; } <!--[if IE 7]> #col2 #featured_post { position: relative; top:-70px; z-index: 50; } #col3 {margin:0 305px 0 199px; padding-top:35px; } #page {margin-left:34px; background:url(http://ramblingsoul.com/preview/bamboo/images/pagebg.jpg) repeat;} <![endif]--> 

Tasarımın Üstü
<div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Baseline</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2> </div> <div id="search"> <form method="get" action=""> <fieldset> <input id="searchinput" type="text" name="searchinput" value="" /> <input id="searchsubmit" type="submit" value="Search" /> </fieldset> </form> </div> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#"><b>Home</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Blogs</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Forums</b></a></li> <li><a href="#" _fcksavedurl="#"><b>About</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Contact</b></a></li> </ul> </div> <div id="page"> <div id="content"> <div id="feature" class="box-orange"> <h2 class="section"><b>CssClup.Tr.Gg</b></h2> <div class="content"> <h1>Hoşgeldiniz...</h1> <p class="byline"><small>Paylaşımın Güçlü Adresi</small></p>
Tasarımın Altı
</div> </div> <div class="two-cols"> <div class="box-blue col-one"> <h2 class="section"><b>Hakkımızda</b></h2> <div class="content"> Kısa Bir Yazı burada olabilir... </div> </div> <div class="box-pink col-two"> <h2 class="section"><b>Bağlantılar</b></h2> <div class="content"> <ul class="list"> <li><a href="#" _fcksavedurl="#">Link 1</a></li> <li><a href="#" _fcksavedurl="#">Link 1</a></li> <li><a href="#" _fcksavedurl="#">Link 1</a></li> <li><a href="#" _fcksavedurl="#">Link 1</a></li> <li><a href="#" _fcksavedurl="#">Link 1</a></li> <li><a href="#" _fcksavedurl="#">Link 1</a></li> </ul> </div> </div> </div> </div> <div id="sidebar" class="two-cols"> <div class="col-one"> <div class="box-blue"> <h2 class="section"><b>Categories</b></h2> <div class="content"> <ul> <li> <h3><a href="#" _fcksavedurl="#">Pede vel arcu</a></h3> <ul> <li><a href="#" _fcksavedurl="#">Aliquet pretium</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque qui</a></li> <li><a href="#" _fcksavedurl="#">Integer sit amet</a></li> <li><a href="#" _fcksavedurl="#">Elit non gravida</a></li> <li><a href="#" _fcksavedurl="#">Blandit </a><a href="#" _fcksavedurl="#">lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Dolor sit amet</a></li> </ul> </li> <li> <h3><a href="#" _fcksavedurl="#">Adipiscing elit</a></h3> <ul> <li><a href="#" _fcksavedurl="#">Nec erat sit amet</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque congue</a></li> <li><a href="#" _fcksavedurl="#">Cras vitae metus</a></li> <li><a href="#" _fcksavedurl="#">Risus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Maecenas vitae orci</a></li> <li><a href="#" _fcksavedurl="#">Vitae tellus feugiat</a></li> <li><a href="#" _fcksavedurl="#">Etiam ac tortor eu</a></li> </ul> </li> <li> <h3><a href="#" _fcksavedurl="#">Metus euismod</a></h3> <ul> <li><a href="#" _fcksavedurl="#">Duis non ante in</a></li> <li><a href="#" _fcksavedurl="#">Commodo euismod</a></li> <li><a href="#" _fcksavedurl="#">Nec erat sit amet</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque congue</a></li> <li><a href="#" _fcksavedurl="#">Risus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Maecenas vitae orci</a></li> <li><a href="#" _fcksavedurl="#">Vitae tellus eleifend</a></li> <li><a href="#" _fcksavedurl="#">Etiam ac tortor eu</a></li> </ul> </li> </ul> </div> </div> </div> <div class="col-two"> <div class="box-pink"> <h2 class="section"><b>Sponsors</b></h2> <div class="content"><a href="#" _fcksavedurl="#"><img src="images/img20.jpg" _fcksavedurl="images/img20.jpg" alt="" width="160" height="600" /></a></div> </div> </div> </div> <div style="clear: both;"> </div> </div> <div id="footer"> <p id="legal">Copyright © 2007 Simpletex. All Rights Reserved | Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a></p> <p id="links"><a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><FCK:abbr title="Cascading Style Sheets">CSS</FCK:abbr></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 */ * { margin: 0; padding: 0; } body{ background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/baseline/images/img01.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } h1, h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; } h1 { font-size: 197%; } h2 { font-size: 167%; } h3 { margin-bottom: 1em; text-transform: uppercase; font-size: 100%; color: #000000; } p, ul, ol { margin-bottom: 1.5em; line-height: 1.6em; } p { } ol { } ul { list-style: none; } ul li { padding-left: 10px; background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img16.gif) no-repeat 0px 10px; } a:link { color: #3490F8; } a:hover, a:active { text-decoration: none; color: #F89934; } a:visited { color: #666666; } img { border: none; } img.left { float: left; margin: 0 20px 10px 0; } img.right { float: right; margin: 0 0 10px 20px; } .byline { color: #CCCCCC; } .col-one { float: left; } .col-two { float: right; } .two-cols { } .two-cols .col-one, .two-cols .col-two { width: 250px; } /* Boxes */ .box-orange { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img09.gif) repeat-x; } .box-orange .section { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img11.gif) no-repeat right top; font-size: 100%; color: #FFFFFF; } .box-orange .section b { display: block; height: 23px; padding: 7px 0 0 10px; background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img10.gif) no-repeat; } .box-orange .content { padding: 20px; } .box-blue { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img13.gif) repeat-x; } .box-blue .section { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img15.gif) no-repeat right top; font-size: 100%; color: #FFFFFF; } .box-blue .section b { display: block; height: 23px; padding: 7px 0 0 10px; background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img14.gif) no-repeat; } .box-blue .content { padding: 20px; } .box-pink { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img17.gif) repeat-x; } .box-pink .section { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img19.gif) no-repeat right top; font-size: 100%; color: #FFFFFF; } .box-pink .section b { display: block; height: 23px; padding: 7px 0 0 10px; background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img18.gif) no-repeat; } .box-pink .content { padding: 20px; } /* Header */ #header { width: 960px; height: 92px; margin: 0 auto; } /* Logo */ #logo { float: left; margin-top: -31px; } #logo h1, #logo h2 { float: left; } #logo h1 { padding-top: 40px; text-transform: lowercase; font-size: 34px; font-weight: normal; } #logo h2 { padding: 63px 0 0 3px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } #logo a { text-decoration: none; color: #000000; } /* Search */ #search { float: right; width: 300px; padding-top: 55px; margin-top: -31px; } #search form { } #search fieldset { border: none; } #searchinput, #searchsubmit { font: bold 100% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #searchinput { padding: 2px 5px; width: 198px; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/baseline/images/img02.gif) repeat-x; border: 1px solid #FFFFFF; } #searchsubmit { padding: 0 2px; background: #F4A652 url(http://www.freecsstemplates.org/templates/previews/baseline/images/img03.gif) repeat-x; border: 1px solid #000000; text-transform: lowercase; } /* Menu */ #menu { width: 960px; height: 30px; margin: 0 auto; margin-top: -29px; } #menu ul { margin: 0; list-style: none; line-height: normal; } #menu li { display: block; float: left; margin-right: 1px; padding: 0; background: #FFFFFF; } #menu a { display: block; float: left; background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img07.gif) no-repeat; text-decoration: none; color: #666666; } #menu a:hover { color: #1777B1; } #menu b { display: block; float: left; height: 23px; padding: 7px 20px 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img08.gif) no-repeat right top; cursor: hand; } #menu li.active { background: #CFCECE url(http://www.freecsstemplates.org/templates/previews/baseline/images/img04.gif) repeat-x; } #menu li.active a { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img06.gif) no-repeat right top; color: #C90404; } #menu li.active b { background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img05.gif) no-repeat; } /* Page */ #page { width: 960px; margin: 0 auto; padding: 30px 0 0 0; } /* Content */ #content { float: left; width: 520px; } /* Feature */ #feature { margin-bottom: 20px; } /* Sidebar */ #sidebar { float: right; width: 420px; } #sidebar .col-one { width: 200px; } #sidebar .col-two { width: 200px; } /* Footer */ #footer { height: 100px; padding: 20px; background: #DDDDDD; border-top: 1px solid #999999; } #footer p { margin: 0; text-align: center; font-size: 85%; } 

Tasarımın Üstü
<div style="" id="bgcontainer"><img src="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/spacer.gif" _fcksavedurl="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/spacer.gif" alt="right_side" width="160" align="right" height="1"> <!-- START Header --> <div style="" class="Header"> <div style="" class="Logo"> <div class="LogoText"> <h1><a href="http://freethemelayouts.com/blog" _fcksavedurl="http://freethemelayouts.com/blog">My Web Blog</a></h1> </div> <p style="" class="Desc"></p> </div> <div class="Menu"> <ul> <li><a href="http://freethemelayouts.com/blog" _fcksavedurl="http://freethemelayouts.com/blog">Home</a></li> <li><a href="http://freethemelayouts.com/blog?page_id=2" _fcksavedurl="http://freethemelayouts.com/blog?page_id=2">About Us</a></li> <li><a href="http://freethemelayouts.com/blog?m=200808" _fcksavedurl="http://freethemelayouts.com/blog?m=200808">Archives</a></li> <li><a href="http://freethemelayouts.com/blog?page_id=38" _fcksavedurl="http://freethemelayouts.com/blog?page_id=38">Contact Us</a></li> </ul> </div> <div class="Syn"> <ul> <li><a href="http://freethemelayouts.com/blog/?feed=rss2" _fcksavedurl="http://freethemelayouts.com/blog/?feed=rss2">Entries</a> (RSS)</li> <li><a href="http://freethemelayouts.com/blog/?feed=comments-rss2" _fcksavedurl="http://freethemelayouts.com/blog/?feed=comments-rss2">Comments</a> (RSS)</li> </ul> </div> <div class="clr"></div> </div> <!-- END Header --> <!-- Container --> <div class="CON"> <div style="" class="SR"> <!-- Start SideBar2 --> <div class="SRR"> <!-- Start Categories --> <div class="widget widget_categories"> <div class="head_bg"> <div class="foot_bg"> <h2 style="">Categories</h2> <ul> <li class="cat-item cat-item-4"><a href="http://freethemelayouts.com/blog/?cat=4" _fcksavedurl="http://freethemelayouts.com/blog/?cat=4" title="World Business News & More">Business</a> (7) </li> <li class="cat-item cat-item-7"><a href="http://freethemelayouts.com/blog/?cat=7" _fcksavedurl="http://freethemelayouts.com/blog/?cat=7" title="Movies, Music, Games & More">Entertainment</a> (1) </li> <li class="cat-item cat-item-5"><a href="http://freethemelayouts.com/blog/?cat=5" _fcksavedurl="http://freethemelayouts.com/blog/?cat=5" title="Science News">Science</a> (6) </li> <li class="cat-item cat-item-3"><a href="http://freethemelayouts.com/blog/?cat=3" _fcksavedurl="http://freethemelayouts.com/blog/?cat=3" title="Topic about Technology">Technology</a> (7) </li> <li class="cat-item cat-item-1"><a href="http://freethemelayouts.com/blog/?cat=1" _fcksavedurl="http://freethemelayouts.com/blog/?cat=1" title="View all posts filed under World News">World News</a> (1) </li> </ul> </div> </div> </div> <!-- End Categories --> <!-- Start Archives --> <div class="widget widget_archives"> <h2>Archives</h2> <ul> <li><a href="http://freethemelayouts.com/blog/?m=200808" _fcksavedurl="http://freethemelayouts.com/blog/?m=200808" title="August 2008">August 2008</a></li> </ul> </div> <!-- End Archives --> <!-- Start Meta --> <div class="widget widget_meta"> <h2>Meta</h2> <ul> <li> <a href="http://freethemelayouts.com/blog/wp-login.php" _fcksavedurl="http://freethemelayouts.com/blog/wp-login.php">Log in</a></li> <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> <li><a href="http://gmpg.org/xfn/" _fcksavedurl="http://gmpg.org/xfn/"><FCK:abbr title="XHTML Friends Network">XFN</FCK:abbr></a></li> <li><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> </ul> </div> <!-- End Meta --> <!-- Start Search --> <div class="Search"> <form action="/blog/index.php" method="post"> <h2>Search</h2> <input name="s" class="keyword" type="text"> <div class="bt"> <input name="submit" class="search" title="Search" src="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/s_b.gif" alt="Search" type="image"> </div> </form> </div> <!-- End Search --> </div> <!-- End SideBar2 --> </div> <!-- Start SC --> <div class="SC"> <div class="head_bg"> <div style="" class="foot_bg"> <div style="" class="Post" id="post-41"> <div style="" class="PostHead"> <div style="" class="PostTime">Merhabalar, Sitemize hoş geldiniz.... </div> <h2 style="">Css Clup.Tr.Gg</h2> </div> <div style="" class="PostContent"> <p style="">
Tasarımın Altı
</p> </div> <div style="" class="PostCom"> <ul style=""> <li style="" class="Com"> </li> </ul> </div> </div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=41" dc:identifier="http://freethemelayouts.com/blog/?p=41" dc:title="Puppies mark birth of commercial pet cloning" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=41" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-39"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=39" dc:identifier="http://freethemelayouts.com/blog/?p=39" dc:title="Ocean &#8216;dead zones&#8217; becoming global problem" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=39" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-38"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=38" dc:identifier="http://freethemelayouts.com/blog/?p=38" dc:title="Gulf &#8216;dead zone&#8217; suffocating fish and livelihoods" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=38" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-36"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=36" dc:identifier="http://freethemelayouts.com/blog/?p=36" dc:title="Study: Organic food not more nutritional" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=36" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-34"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=34" dc:identifier="http://freethemelayouts.com/blog/?p=34" dc:title="Eco communities: Living the green life" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=34" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-32"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=32" dc:identifier="http://freethemelayouts.com/blog/?p=32" dc:title="Arctic ice at second-lowest level ever" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=32" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-30"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=30" dc:identifier="http://freethemelayouts.com/blog/?p=30" dc:title="Oil price up on Russia tensions" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=30" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-28"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=28" dc:identifier="http://freethemelayouts.com/blog/?p=28" dc:title="Buffett: U.S. still in recession" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=28" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-26"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=26" dc:identifier="http://freethemelayouts.com/blog/?p=26" dc:title="Reports: Japan creating $73B stimulus plan" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=26" /> </rdf:RDF>--> <div class="clearer"></div> <div style="" class="Post" id="post-24"></div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://freethemelayouts.com/blog/?p=24" dc:identifier="http://freethemelayouts.com/blog/?p=24" dc:title="Mattel wins $100M in doll suit" trackback:ping="http://freethemelayouts.com/blog/wp-trackback.php?p=24" /> </rdf:RDF>--> <div class="clearer"></div> <!-- Start Nav --> <div style="" class="Nav"><span>Pages (3): </span><strong class="on">1</strong> <a href="http://freethemelayouts.com/blog/?paged=2" _fcksavedurl="http://freethemelayouts.com/blog/?paged=2">2</a> <a href="http://freethemelayouts.com/blog/?paged=3" _fcksavedurl="http://freethemelayouts.com/blog/?paged=3">3</a> <a href="http://freethemelayouts.com/blog/?paged=2" _fcksavedurl="http://freethemelayouts.com/blog/?paged=2"><strong>?</strong></a></div> <!-- End Nav --> <!-- Start Adsense --> <div class="ADs"> <div class="banner"> <h2 style="">Sponsored</h2> <ul> <li><img src="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/banner.jpg" _fcksavedurl="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/banner.jpg" alt="banner"></li> <li><img style="" src="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/banner.jpg" _fcksavedurl="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/banner.jpg" alt="banner"></li> <li><img style="" src="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/banner.jpg" _fcksavedurl="http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/banner.jpg" alt="banner"></li> </ul> <div class="clr"></div> </div> </div> <!-- End Adsense --> </div> </div> </div> <!-- End SC --> </div> <!-- Container --> <div class="clr"></div> </div> <div class="FBG"> <!-- Start Flickr Photostream --> <div style="" class="widget_flickrrss"> <h2 style="" class="TabLink">Flickr PhotoStream</h2> <ul> <li></li> </ul> </div> <!-- End Flickr Photostream --> <div class="Footer"> <p><big><big><strong>? 2009 My Web Blog</strong></big></big><br> <!-- FOOTER CREDITS LINK --> <small><strong><a href="http://www.freethemelayouts.com/" _fcksavedurl="http://www.freethemelayouts.com/" style="text-decoration: none;">Wordpress Theme</a> designed by DT <a href="http://www.dreamtemplate.com" _fcksavedurl="http://www.dreamtemplate.com" style="text-decoration: none;">Website Templates</a><strong></strong></strong></small></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;} /* Theme Name: CreativeArt Theme URI: http://freethemelayouts.com/ Description: Designed by <a href="http://freethemelayouts.com" _fcksavedurl="http://freethemelayouts.com">FreeThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/" _fcksavedurl="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use. Version: 1 Author: FreeThemeLayout/DreamTemplate Author URI: http://www.freethemelayouts.com/ */ body { background:#dde4dc url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/bg.gif) center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; color:#35383d;} html { padding:0; margin:0;} a:link { text-decoration:none; color :#9f974b; border:0;} a:active { text-decoration:underline; color :#9f974b; border:0;} a:visited { text-decoration:none; color :#9f974b; border:0;} a:hover { text-decoration:underline; color :#7f262e; border:0;} a:focus { outline:none;} .clr { clear:both;} h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} img { padding:0; margin:0; border:none; text-align:center;} hr { border-left:0px solid #7f262e; border-right:0px solid #7f262e; border-top:0px dotted #7f262e; border-bottom:1px solid #7f262e; height :1px; } form { padding:0; margin:0;} input { font-family:'Verdana'; color:#282b31; font-size:11px;} textarea { font-family:'Verdana'; color:#282b31; font-size:11px;} select { font-family:'Verdana'; color:#282b31; font-size:11px;} #bgcontainer { width:1000px; margin:0 auto; padding:0; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/right.jpg) no-repeat top right;} /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Header { height:158px;} /* */ .Syn { height:110px; width:119px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/rss.jpg) no-repeat right; float:left;} .Syn ul { margin:0; padding:50px 0 10px 0;} .Syn li { margin:0px 5px 0 0; padding:0px 10px 0 20px; list-style-type:none; font-size:9px; color:#c5793d; font-weight:normal;} .Syn li a {color:#c5793d; } .Syn li a:visited {color:#c5793d; } .Syn li a:hover {color:#81292e; } .Header { width:840px; position:relative; height:158px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/hed_t.jpg) no-repeat right bottom;} .Logo { float:left; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/log.jpg) no-repeat; width:310px; height:158px;} .Header .LogoText h1 { font-size:50px; line-height:55px; letter-spacing:-2px; padding:53px 25px 0 0; margin:0; font:bold 28px Arial, Helvetica, sans-serif; text-align:right;} .Header .LogoText a { color: #fffcd3; text-decoration:none; width:310px; height:158px;} .Header .LogoText a:visited { color:#fffcd3; text-decoration:none; } .Header .LogoText a:hover { color:#fffcd3; text-decoration:none; } .Header .Desc { color:#eeede5; line-height:14px; font:bold 14px Arial, Helvetica, sans-serif; padding:5px 10px 0 0; margin:0; text-align:right;} /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Menu { padding:0 0 20px 0; margin:0; float:left; width:411px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/head_menu_bg.jpg) no-repeat;} .Menu ul { list-style:none; margin:0; padding:0;} .Menu ul li { padding:41px 0 30px 0; margin:0; display:inline; float:left; } .Menu ul li a:link { padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} .Menu ul li a:active { padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} .Menu ul li a:visited { padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} .Menu ul li a:hover { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/menu_hover.gif) no-repeat center; padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .CON { width:840px; padding:0; margin:0; } /* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { width:507px; float:right; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/bl_bg.gif);} .head_bg { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/b_bg.jpg) no-repeat top;} .foot_bg { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/b_bot.jpg) no-repeat bottom; padding:10px; min-height:696px;} .pagetitle { font-size:24px; line-height:24px; font-weight:bold; letter-spacing:-1px; border-bottom:solid 1px #d0c1c1;padding:15px 0; margin-top:0; color:#303030;} /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding:10px 0;} .PostHead { border:0; padding:5px; } .PostHead h2 { font-size:24px; letter-spacing:-1px; font-weight:normal; padding:0px 0 10px 10px; margin:0; color:#303030; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/line.gif) no-repeat bottom;} .PostHead h2 a { color:#303030; text-decoration:none;} .PostHead h2 a:visited { color:#303030; text-decoration:none;} .PostHead h2 a:hover { color:#303030; text-decoration:underline;} .PostHead h3 { font-size:14px; line-height:14px; font-weight:bold; padding:0; margin:0; color:#000033;} /**/ * html .PostTime { } /**/ .PostTime { padding:3px 0 3px 20px; margin:5px 0; color:#5c6f6c; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/nt_l.gif) no-repeat left; line-height:18px; } .PostTime strong { font-weight:normal; font-size:14px;} .PostTime .day { font-size:14px;} .PostTime .month { font-size:14px;} .PostTime .year { font-size:14px;} .PostHead small {padding:3px 10px 3px 0; margin:0; font-size:14px; line-height:18px; font-weight:normal;} .PostAuthor { color:#5c6f6c; } .PostCat { color:#5c6f6c; background:#dbd9c6 url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/nt_r.gif) no-repeat right; padding:3px 10px 3px 0; } .PostCat a { color:#7f262e; text-decoration:none; } .PostCat a:visited { color:#7f262e; text-decoration:none; } .PostCat a:hover { color:#7f262e; text-decoration:underline; } .PostContent { padding:10px 0 0 0; font-size:11px; line-height:1.4em ; color:#303030; font-family:Verdana, Arial, Helvetica, sans-serif;} .PostContent p { font-size:11px; line-height:1.4em; color:#303030;} .PostContent p strong {} .PostContent img {} .PostContent ol { padding:10px 0 10px 25px; margin:0; } .PostContent ol li { padding:2px 0 2px 0; font-size:12px; line-height:15px; color:#929292; } .PostContent ul { padding:5px 0 5px 25px; margin:0; } .PostContent ul li { padding:2px 0 2px 0; font-size:11px; line-height:15px; color:#929292; } .PostContent blockquote { padding:10px; margin:0; color:#993366; background:#eaf7ff;} .PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px;} .PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px;} .PostContent blockquote a { color:#7f262e;} .PostContent blockquote a:visited { color:#7f262e;} .PostContent blockquote a:hover { color:#7f262e; text-decoration:underline;} /**/ * html .PostContent p img {} /* */ .PostContent p img { max-width:420px;} .PostContent img { margin:0px 10px 10px 0; float:left;} .PostCom { border-top:1px solid #d3d4ce; padding:10px 0;} .PostCom ul { padding:0; margin:0;} .PostCom li { padding:5px 0 5px 25px; margin:0px 5px 0 0; list-style-type:none; display:inline; color:#2a688c; font-size:14px; } .PostCom li a { font-weight:normal; text-decoration:underline; color:#7f262e;} .PostCom li a:visited { font-weight:normal; text-decoration:underline; color:#7f262e;} .PostCom li a:hover { font-weight:normal; text-decoration:none; color:#7f262e;} .PostCom .Com { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/ct.gif) no-repeat left center; } .PostCom .Tags { padding-left:0;} /* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Note { padding:0; margin:0;} .Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px;} /* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .TrackList { background:#f4ebef url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/TrackListBottom.gif) no-repeat bottom; padding:15px; margin-top:20px; position:relative;} .TrackListTop { background:#f4ebef url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/TrackListTop.gif) no-repeat top; position:absolute; top:0; left:0; width:455px; height:10px; } .TrackList h3 { font-size:14px; font-weight:bold; margin:0px 0 5px 0; padding:0px 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1;} .TrackList ul { padding:0; margin:0;} .TrackList li { padding:0px 0 0 10px; margin:0; list-style-type:none; font-size:11px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/TrackListIco.gif) no-repeat left top;} .TrackList li a { color:#cc3366; } /* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Nav { font-size:11px; padding:10px 0; color:#666; font-family:'Verdana';} .Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px;} .Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666;} .Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none;} .Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666; } .Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#003366;} /* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { margin:20px 0 0 0; position:relative;} .Comments h3 { font-size:16px; letter-spacing:-1px; margin:0px 0 5px 0; padding:10px 0; color:#660000; border-bottom:solid 2px #660000;} /* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .List ol { padding:0; margin:0;} .List li { position:relative; padding:5px 0; margin:10px 0; list-style-type:none; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/PostDotted.gif) repeat-x bottom; } /**/ * html .List .LGrav { right:30px;} /* */ .List .LGrav { position:absolute; right:0; top:10px;} .List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff;} .List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999;} .List .LUsr a { color:#999; text-decoration:none;} .List .LUsr strong { font:bold 16px "Trebuchet MS", sans-serif; letter-spacing:-1px; color:#666;} .List .LUsr strong a { color:#cc0000; text-decoration:none;} .List .LCon { margin:10px 0 0 0; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc;} .List .LCon p { margin:0; padding:5px 0; font-size:12px; line-height:16px;} .List .Author { background:#fff; } /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Form .Email { } .Form { padding:0px 0 10px 0; position:relative; margin:0; font-family:'Verdana';} .Form form { margin:0; padding:0;} .Form a { text-decoration:underline;} .Form p { padding:0px 0 2px 0; margin:0; color:#666; } .Form p small strong { font-weight:bold; color:#FF3300;} .Form p small { font-size:11px; display:block; padding:6px 0; color:#000;} .Form .TextField { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px 6px 6px 30px; font-size:12px; display:block;} .Form .TextArea { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px; font-size:12px;} .Form input.SubmitComment { width:57px; height:29px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/SubmitComment.png) no-repeat; margin-top:4px;} .Form input.SubmitComment:hover { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/SubmitComment.png) no-repeat 0 -29px; margin-top:4px;} .Form input.SubmitCommentIE { width:57px; height:29px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/SubmitComment.png) no-repeat 0 -29px; margin-top:4px;} /* Banners ADs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ADs .banner { margin:0; padding:0 0 20px 0; } .ADs .banner h2 { font-size:24px; line-height:24px; letter-spacing:-1px; font-weight:normal; padding:20px 0 10px 10px; margin:0; color:#303030; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/line.gif) no-repeat bottom;} .ADs .banner ul { margin:0; padding:10px 0 0 10px;} .ADs .banner li { margin:0; padding:1px 30px 1px 0; list-style-type:none; float:left;} /* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { width:333px; min-height:626px; float:left; padding:70px 0 0 0; margin:0; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/left.jpg) no-repeat top;} /* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR { width:198px; float:right; margin:0 40px 0 0 !important; margin:0 20px 0 0;} .SRR h2 { letter-spacing:1px; padding:0 10px 10px 25px; margin:0; font:normal 18px Tahoma, Arial; color:#dad8b7; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/as.gif) no-repeat left top;} .SRR ul { margin:0; padding:0px 0 0 20px;} .SRR li { margin:0; padding:0; list-style-type:none; } .SRR a { color:#a1a1a1; text-decoration:underline;} .SRR a:visited { color:#a1a1a1;} .SRR a:hover { color:#a1a1a1; text-decoration:none;} /* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR .widget { margin:0px 0 10px 0; padding:0;} .SRR .widget ul { margin:0; padding:0px 0 0 20px;} .SRR .widget li { margin:0; padding:1px 0 1px 0; list-style-type:none; font-size:12px; color:#999;} .SRR .widget li a { color:#a1a1a1; text-decoration:underline;} .SRR .widget li a:visited { color:#a1a1a1;} .SRR .widget li a:hover { color:#a1a1a1; text-decoration:none;} .SRR .widget_categories { width:198px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_bg.jpg) 0 195px; } .SRR .widget_categories .head_bg { width:198px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_t.jpg) no-repeat top; } .SRR .widget_categories .foot_bg { width:178px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_f.jpg) no-repeat bottom; padding:0 10px; margin:0; min-height:262px; } .SRR .widget_categories h2 { font:normal 24px Tahoma, Arial; color:#753036; padding:20px 10px 10px 20px; margin:0;} .SRR .widget_categories ul { margin:0; padding:0 0 15px 10px;} .SRR .widget_categories ul li { margin:0; padding:5px 0 5px 20px; list-style-type:none; font-size:11px; color:#292929; font-weight:normal; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_l.gif) no-repeat left;} .SRR .widget_categories ul li a { color:#292929;} .SRR .widget_categories ul li a:visited { color:#292929;} .SRR .widget_categories ul li a:hover { color:#292929; text-decoration:underline;} .SRR .widget_categories ul ul { margin:2px 0 0 0; padding:0; list-style-type:none; background:none; border-bottom:none;} .SRR .widget_categories ul li li { margin:0; padding:1px 0; list-style-type:none; background:none; border-bottom:none; font-size:12px; font-weight:normal;} .SRR .widget_tag_cloud { font-family:"Trebuchet MS"; line-height:22px;} .SRR .widget_calendar table { width:100%;} .SRR .widget_calendar table td { text-align:center; padding:3px; } .SRR .widget_calendar caption { background:#fff3e2; padding:5px 0;} .SRR .widget_calendar #today { background:#fff3e2;} .SRR .widget_tag_cloud { font-family:"Trebuchet MS"; line-height:22px;} .SRR .widget_calendar table { width:100%;} .SRR .widget_calendar table td { text-align:center; padding:3px; } .SRR .widget_calendar caption { background:#ffe0bf; padding:5px 0;} .SRR .widget_calendar #today { background:#ffe0bf;} /* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Search { } /**/ .Search { padding:10px 20px 0 0; } .Search form { padding:0; margin:0; } .Search h2 { letter-spacing:1px; padding:0 10px 10px 0; margin:0; font:normal 18px Tahoma, Arial; color:#dad8b7; background:none;} .Search input { color:#330033; font-size:12px;} .Search input.keyword { border:1px solid #5a5a4e; padding:4px 5px 4px 5px; width:113px; height:19px; float:left; color:#FFFFFF; background:#37362e; } .Search input.search { margin:0; padding:0;} .Search .bt { padding:0px 10px; margin:0px 0 0 0; background:none; float:left; } /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .FBG { width:1000px; margin:0 auto; padding:0;} .FBG .widget_flickrrss { margin:0; padding:0; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/f_bg.jpg) no-repeat; height:175px;} .FBG .widget_flickrrss h2 { color:#81292e; font:normal 24px Tahoma, Arial; padding:18px 0 18px 380px; margin:0; color:#eeede5;} .FBG .widget_flickrrss ul { margin:0; padding:0 0 15px 380px;} .FBG .widget_flickrrss li { list-style-type:none; display:inline; padding:1px; float:left; padding:3px;} .FBG .widget_flickrrss li a img { background:#fff; padding:0; border:solid 1px #cebea9; width:43px; height:43px;} .FBG .widget_flickrrss li a:visited img { background:#fff; padding:0; border:solid 1px #cebea9; width:43px; height:43px;} .FBG .widget_flickrrss li a:hover img { background:#660000; padding:0; border:solid 1px #660000;} .Footer { width:1000px; margin:0 auto; padding:10px 0; text-align:center;} .Footer p { font-size:10px; line-height:15px; color:#76715e; padding:0; margin:0; font-family:'Verdana'; } .Footer a { color:#76715e; text-decoration:underline;}  

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; }



Tasrımın Üstü
<body> <div id="wrapper"> <div id="header"> <h1>Beauty Salon</h1> <div id="search"> search <input type="text" name="q" value="" class="text" /> <input type="submit" name="s" value="go" /> </div> </div> <div id="body"> <div id="naw"> <div id="naw-bot"> <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 us</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">portfolio</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact us</a></li> </ul> </div> </div> <div id="conntent"> <div id="beauty"> <h2>Beauty Tips</h2> <span>01</span> <p>Professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <span>02</span> <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="clear"> </div> <img src="http://www.freewebsitetemplates.com/preview/beautysalon/images/pic_4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/beautysalon/images/pic_4.jpg" width="123" height="53" alt="Pic 4" /> </div> <div class="main">
Tasarımın Altı
</div> <div class="main2"> </div> <div class="clear"> </div> </div> </div> <div id="privacy"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Privacy Policy</a> </div> <div id="footer"> Copyright statement goes here. All rights reserved </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, h1, h2, h3, h4 { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #990000; font-weight: bold; text-decoration: none; } a:hover { color: #FFA405; text-decoration: underline; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: #000; text-align: center; font: 11px arial, sans-serif; color: #312F1A; } /** layout **/ #wrapper { text-align: left; margin: 20px auto; width: 714px; position: relative; } #header { background: top center url(http://www.freewebsitetemplates.com/preview/beautysalon/images/logo.jpg) no-repeat; padding-top: 51px; width: 252px; position: relative; } /** Header **/ h1 { color: #FDE7C2; background: #991111; border: 2px solid #C4B888; padding: 8px; text-align: center; font: 25px "Times new roman", sans-serif; font-style: italic; font-weight: normal; margin: 0 0 2px 21px; } #search { width: 148px; background: #E8E7DA url(http://www.freewebsitetemplates.com/preview/beautysalon/images/search_top.jpg) no-repeat; text-align: center; position: absolute; bottom: -1px; left: 558px; padding: 6px 0; } #search .text { width: 63px; } /** Body **/ #body { position: relative; width: 100%; } #naw { position: absolute; top: 0; left: 0; width: 252px; padding-top: 280px; background: url(http://www.freewebsitetemplates.com/preview/beautysalon/images/pic_1.jpg) no-repeat; } #naw ul { background: bottom right #991111 url(http://www.freewebsitetemplates.com/preview/beautysalon/images/nav_bot.jpg) no-repeat; margin: 0 7px 0 28px; padding: 5px 20px 15px 20px; } #naw li { list-style: none; background: bottom left url(http://www.freewebsitetemplates.com/preview/beautysalon/images/dots.jpg) repeat-x; } #naw a { color: #FDE7C2; font: 18px "times new roman", serif; font-style: italic; background: #991111; padding-right: 8px; } /** content **/ #conntent { background: #E8E7DA bottom right url(http://www.freewebsitetemplates.com/preview/beautysalon/images/body_bottom_right.jpg) no-repeat; width: 462px; margin-left: 254px; min-height: 278px; } #conntent .main, #conntent .main2 { float: right; width: 250px; margin-top: 14px; padding-right: 28px; } #conntent .main { padding-bottom: 1em; border-bottom: 1px solid #D6D3BA; } #conntent .main p, #conntent .main2 p { margin: 0em 1em 0 0; } #conntent .main2 .right { margin-left: 18px; } #conntent .main .clear, #conntent .main2 .clear { height: 20px; margin-bottom: -10px; } #beauty { float: right; width: 134px; border-left: 1px solid #D6D3BA; padding: 12px; background: top right url(http://www.freewebsitetemplates.com/preview/beautysalon/images/bogy_top_right.jpg) no-repeat; } #beauty span { float: left; width: 12px; font-size: 9px; clear: both; margin-top: 3px; } #beauty p { float: left; width: 110px; margin: 0 0 0.6em 0; padding: 0 0 0 1em; line-height: 1.3; } #beauty .clear { height: 10px; } h2 { font: italic 22px "Times new roman", serif; color: #991111; margin: 0 0 0.5em 0; } /** Footer **/ #footer { color: #E8E7DA; margin: 2px 0 0 275px; } #privacy { position: absolute; right: 8px; width: 148px; padding: 4px 0; text-align: center; background: #E8E7DA bottom left url(http://www.freewebsitetemplates.com/preview/beautysalon/images/footer_tab.jpg) no-repeat; } #privacy a { color: #000; font-weight: normal; }  

 
Tasarımın Üstü
<div id="main"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">metamorph_burninghouse</a></h1> <h2><a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" id="metamorph">Design by Metamorphosis Design</a></h2> </div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li><a href="#" _fcksavedurl="#" title="">Gallery</a></li> <li><a href="#" _fcksavedurl="#" title="">About</a></li> <li><a href="#" _fcksavedurl="#" title="">Contact</a></li> </ul> </div> </div> <div id="right"> <h2>CssClup.Tr.Gg</h2><br /> <h4><a href="#" _fcksavedurl="#">Paylaşımın güçlü Adresi!</a></h4><br />
Tasarımın Altı
</div> <div id="left"> <h3>Nunc pellentesque</h3> <ul> <li><a href="#" _fcksavedurl="#">Vivamus id arcu</a></li> <li><a href="#" _fcksavedurl="#">Duis congue ultricies</a></li> <li><a href="#" _fcksavedurl="#">Purus in mollis purus</a></li> <li><a href="#" _fcksavedurl="#">Orci nonummy fringilla</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque at lorem</a></li> </ul> <h3>Lorem ipsum dolor</h3> <p>Laoreet dolore magna aliquam erat volutpat. Exerci tation ullamcorper suscipit lobort ex ea commodo consequat. Duis autemr in het laoreet dolore magna aliquam erat volutpat. <br /> <br /> Ut wisi enim ad minim veniam, quis ullamcorper suscipit lobortis nisl ut commodo consequat. Duis autemr in he<a href="#" _fcksavedurl="#">More...</a></p> <br /> <h3>Calendar</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> </div> <div id="footer"> <p>Copyright © 2008. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><FCK:abbr title="Cascading Style Sheets">CSS</FCK:abbr></a></p> <p>Design by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></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;} * { margin: 0px; padding: 0px; } a:link { color: #C24606; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #C24606; } body { background: #000000 url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/back_all.jpg) no-repeat right top; font: 13px Arial, Helvetica, sans-serif; color: #000000; margin-left: 30px; margin-bottom: 20px; } #main { width: 653px; background: #ffffff; margin-top: 20px; } #header { width: 653px; height: 170px; } #menu { float: left; width: 603px; height: 43px; padding-left: 50px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/menu.gif) no-repeat; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 113px; height: 28px; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 14px; padding-top: 15px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons.gif) no-repeat; } #menu a:hover { width: 113px; height: 28px; color: #ff0000; text-decoration: underline; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons_r.gif) no-repeat; } #logo { width: 623px; height: 100px; padding-left: 30px; padding-top: 19px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/header.gif) no-repeat; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #FFFFFF; } #logo H2 a { font-size: 12px; } #left { padding: 10px; width: 185px; } #left H3 { width: 170px; height: 24px; font-size: 14px; font-weight: bold; padding-left: 15px; padding-top: 15px; text-transform: uppercase; color: #ffffff; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/title.gif) no-repeat } #left ul { border: 0px; margin-left: 10px; margin-bottom: 10px; list-style: none; } #left li { padding: 4px; } #left H4 { font-size: 10px; } #left a { color: #C24606; font-size: 11px; } #left a:visited { color: #037931; font-size: 11px; } #left p { padding: 10px; } #calendar1 { padding: 5px 10px 5px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { width: 420px; float: right; padding-right: 10px; } #right ol, #right ul { margin-left: 30px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #037931; } #right a { color: #C24606; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #C24606; } .date { text-align: right; color: #C24606; font-size: 11px; } .date a { color: #C24606; } #footer { clear: both; height: 47px; clear: both; padding-top: 20px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #C24606; } #footer a { color: #C24606; } 

 
Tasarımın Üstü
<div id="conntainer"> <div id="header"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</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">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> </div> <div id="conntent"> <div id="left"> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <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">Donations</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Downloads</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Feedback</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Shout_Box</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Surveys</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Ventrilo</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Web Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Your Account</a></li> </ul> </div> <div class="menufooter"></div> </div> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <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>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></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>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></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>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> </div> <div class="menufooter"></div> </div> </div> <div id="right"> <div class="menu"> <div class="menuheader"><h3>Team</h3></div> <div class="menucontent"> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 1</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 2</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 3</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 4</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 5</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 6</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 7</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 8</a></span> </div> <div class="clear"></div> </div> <div class="menufooter"></div> </div> </div> <div id="middle"> <div class="post"> <div class="postheader"><h1>Post title</h1></div> <div class="postcontent">
Tasarımın altı
</div> <div class="postfooter"></div> </div> </div> </div> <div id="footer"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</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">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> <span>Copyright © 2006 Call of duty 2. 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/callofduty2/images/background.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-repeat: repeat-x; background-color: #000000; } * {margin: 0px;padding: 0px;} p { padding: 10px 10px 10px 20px; display:block; color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold } a { color:#6b7272; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #conntainer { margin: 0px auto; text-align: left; width: 860px; } #header{ height:304px; width:777px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/header.jpg); background-repeat: no-repeat; margin-top: -30px; z-index: -2px; } #conntent{ } #left{ width:192px; float:left; } #middle{ margin-left:206px; margin-right:196px; width:450px; } #right{ width:192px; float:right; } /********************* menu ****************************/ .menuheader{ width:192px; height:37px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menutop.gif); display:block; } .menucontent{ width:192px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menumiddle.gif); padding-top:10px; background-repeat: repeat-y; }.menuheader h3{ padding: 10px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .menufooter{ width:192px; height:15px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menubottom.gif); display:block; } .postheader,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* post ****************************/ .post{ margin-bottom:15px; } .postheader{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/posttop.gif); display:block; width:450px; height:33px; } .postheader h1{ padding: 7px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .postcontent{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postmiddle.gif); background-repeat: repeat-y; padding: 20px 0px; } .postfooter{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postbottom.gif); background-repeat: no-repeat; display:block; width:450px; height:15px; } /********************* header ****************************/ #header{ position:relative; } #header ul{ position:absolute; top:250px; display:block; left:190px; } #header ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } .last{ border-right: 0px none #6b7272 !important; } #header ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #header ul li a:hover{ text-decoration:underline; } /********************* footer ****************************/ #footer{ width:850px; } #footer ul{ display:block; margin-left:190px; } #footer ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } #footer ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #footer ul li a:hover{ text-decoration:underline; } #footer span{ color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align:center; width:850px; display:block; padding: 15px 0px; } /********************* menu members ****************************/ .menu ul{ list-style-position: inside; list-style-type: disc; padding: 0px 0px 0px 20px; color:#666666; } .menu ul li{ padding-top: 5px; color:#666666; } .menu ul li a{ text-decoration:none; padding: 0px; text-transform: uppercase; } .menu ul li a:hover{ text-decoration:underline; text-transform: uppercase; } .member{ display:inline; float:left; margin-left:10px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member img{ width:75px; height:70px; border: solid 2px #999999; } .clear{ clear:both; }