Ana Menü
Ana Sayfa
İletişim
Ziyaretçi Defteri
BANNER DEĞİŞİM AĞI
Link Listesi
Toplist Kayıt Olduklarım
ATATÜRK
Atatürk'ün Hayatı
Gençliğe Hitabe
Bs-Webmaster
HTML Kodlar
Javascript Kodları
Tasarımlar
Teknoloji
Lcd-Plazma
Cep-Mobil
Güvenlik
Eğlence
Videolar
Resimler
Filmler
Aşk ve Sevgi
Şiirler
Sözler
Facebook
Like Box
LİNK TAKAS
Blog Cenneti
İcon-Blog
Tarih Bülteni
bs-webmasterkodlari
Forum
hakkimizda
javascript
csstemalari
html
kodunudene
katildigimiztoplistler
basitkodlar
bstemalari
resimveicon
sitearaclari
fbml
karisik
dersler
havadurumuekle
sitenehaberekle
siteneradyoekle
sitenetvekle
sitenemuzikekle
sitenesporhaberleriekle
sitenesaatekle
siteneoyunekle
sitenearamamotoru
konuayiraclari
sitenekayanyazi
siteneduyurupanolari
deneme
Profiline Kim Girmiş
devam
Blog
csstemalari
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 { font-family: tahoma, helvetica, arial, sans-serif; font-size: 10px; text-align: center; background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/page_bg.gif); } html, body, #wrapper, h1 { margin: 0; padding: 0; } th, td { font-size: 10px; } img { border: 0; } #wrapper { margin: auto; text-align: left; width: 748px; position: relative; } h1, h2, h3 { font-size: 10px; } h1 { margin: 0; padding: 0; } h2 { margin: 0 0 5px 0; padding: 0; } h3 { padding: 4px 0 0 0; } .block { display: block; } .clear { clear: both; height: 2px; padding-top: 0; margin-top: 0; margin-bottom: 3px; font-size: 1px; } .left { float: left; margin: 1px 8px 0px 0px; } .softright { text-align: right; } .readmore { text-align: right; } /* ***** */ #inner { border-left: 2px solid #fff; border-right: 2px solid #fff; background: white; color: black; margin-bottom: 10px; } #header { background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_bg.gif) repeat-x; padding-top: 9px; position: relative; } #header img { display: block; } #nav { position: absolute; left: 550px; top: 40px; width: 200px; } #nav, #nav a { color: white; font-weight: bold; text-decoration: none; } #nav a:hover { text-decoration: underline; } #browse { float: left; width: 195px; margin: 0; padding: 0; background: white; border-bottom: 2px solid white; } #browse dt { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/dt_bg.gif) bottom repeat-x; color: #fff; margin: 2px 2px 1px 2px; padding: 6px 0; text-align: center; font-weight: bold; } #browse dd { background: #227293; border-bottom: 1px solid #659db4; padding: 0; margin: 0 2px; } #browse dd a { color: white; font-weight: bold; text-decoration: none; display: block; padding: 3px 22px; } * html #browse dd { padding: 3px 22px; padding: 0; } * html #browse dd a { display: inline; display: block; } #browse dd a:hover { background: #74a7b7; } #browse .first { padding-top: 10px; } #browse .last { padding-bottom: 8px; border-bottom: 1px solid white; } #browse .searchform { padding: 10px; } #browse .text, #browse select { width: 160px; } #browse form { margin: 0; padding: 0; } #browse form div { padding-bottom: 8px; width: 165px; } #body { float: right; width: 543px; margin: 2px 1px 0 0; border: 1px solid #e5e5e5; position: relative; } #body p { margin: 1em 0; padding: 0; } #body .leftbox, #body .rightbox { margin-top: 5px; color: #464646; } #body .leftbox { float: left; width: 250px; } #body .rightbox { float: right; width: 252px; margin-right: 18px; border-left: 1px solid #e5e5e5; } * html #body .rightbox { margin-right: 10px; } #body .br { border-bottom: 1px solid #e5e5e5; } #body .readmore { margin-top: -0.5em; margin-bottom: 0; padding-bottom: 0; } #body .readmore a { color: #ad1c1c; } #body .readmore a:hover { color: #f73838; } #body h3 { text-align: center; font-family: "Keble Condensed", "KebleCondensed", "arial narrow", helvetica, arial, sans-serif; font-size: 15px; font-weight: normal; color: #5d5d5d; padding: 0 0 0 18px; margin: 1px 0 3px 0; } #footer { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/footer_bg.gif) repeat-x; padding: 8px 8px 5px 8px; position: relative; text-align: center; border-bottom: 2px solid white; } #footer, #footer a { font-weight: bold; color: white; text-decoration: none; } #footnav { position: absolute; text-align: right; right: 10px; top: 0px; padding: 8px 0 5px 0; }
TASARIM ÜSTÜ
<div id="container"> <div id="header"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Members</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Parties</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Booking</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a></li> </ul> </div> <div id="welcome">
TASARIM ALTI
<br /> <br /> </div> <div id="news"> <h3>Latest News</h3> <div class="newsitem"> <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span> <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p> </div> <div class="newsitem"> <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span> <p>Even more websites all about website templates on Just Web Templates.</p> </div> <div class="clear"></div> </div> <div id="dj"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" alt="Best DJ's" border="0" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" alt="special offer" border="0" /></a> <div class="clear"></div> </div> <div id="footer"> copyright information 2006.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a></div> </div>
CSS
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 { color: #97b15e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-color:#051c00; } .clear{clear:both;} * {margin: 0px;padding: 0px;} #container { margin: 0 auto; text-align: left; width: 767px; } a{color:#80ba04;} a:hover{color:#b7fb24;} /********************** Header ***************************/ #header { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/header.jpg); width:767px; height:404px; position:relative; } #header ul{ position:absolute; top:367px; left:100px; } #header li{ display:block; float:left; width:97px; } #header ul a{ color:#aefa0d; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 900; text-transform: capitalize; } #header ul a:hover{color:#97b15e;} /********************** Welcome ***************************/ #welcome { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/dj.gif); background-repeat: no-repeat; background-position: right top; } #welcome h3{ margin: 10px 10px 10px 110px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19;} #welcome p{ margin: 10px 10px 10px 110px;width:416px;} #welcome a{} /********************** News ***************************/ #news { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; } #news h3{ margin: 20px 10px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19; } .newsitem{float:left;width:275px; display:inline;} .newsitem a{} .newsitem img{float:left;margin-right:10px;} .newsitem span{ color:#97b15e; font-size: 9px; font-weight: 900; } .newsitem p{margin: 10px 10px 15px 10px;} /********************** Best DJ's ***************************/ #dj { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 30px 0px 0px 110px; } #dj img{border:0px;} #dj a{border:0px;float:left;} #dj a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; text-align:center; }
TASARIM ÜSTÜ
<div id="container"> <div id="content"> <h1 id="site-title"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">KAYNAKKODUM.TR.GG</a></h1> <p id="site-description">another trash style website template</p> <h1 class="decay"><a href="http://www.kaynakkodum.tr.gg" _fcksavedurl="http://www.kaynakkodum.tr.gg">KAYNAK KODUM CSS TASARIMLAR</a></h1> <div class="clearer"><span></span></div> </div> </div> <div id="navigation"> <h2 class="decay">Something</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">semper</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">convallis</a></li> </ul> <h2 class="decay">Another thing</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">consequat molestie</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sem justo</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">semper</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> </ul> <h2 class="decay">Third and last</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">magna sed purus</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">tincidunt</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">consequat molestie</a></li> </ul>
TASARIM ALTI
</div> </div>
CSS
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;} ,/*############################################################# Name: Decayed Date: 2007-05-12 Description: A dark trash style two-column website template. Wordpress theme version available at http://templates.arcsin.se/decayed-wordpress-theme/. Author: Viktor Persson URL: http://templates.arcsin.se Feel free to use and modify but please provide credits. #############################################################*/ /* standard elements */ html {min-height: 100%;} * { margin: 0; padding: 0; } a {color: #CC3;} a:hover {color: #FF3;} body { background: #000 url('http://www.hizliupload.com/img/390892body.gif') no-repeat; /* url(img/bg.jpg) repeat-x; */ color: #DDD; font: normal 62.5% "Trebuchet MS",Verdana,sans-serif; padding-left: 90px; } p,code,ul,ol {padding-bottom: 1.2em;} h1 { color: #CCC; font: normal 2em Impact,sans-serif; } h1 a { color: #000; text-decoration: none; } h1 a:hover { color: #F00; } h2 {font: normal 1.8em Tahoma,sans-serif;} h1,h2 {padding-top: 6px;} blockquote { color: #CCA; display: block; font-weight: bold; padding-left: 28px; } img {border: none;} img.right {margin: 5px 0 5px 12px;} img.left {margin: 5px 12px 5px 0;} img.border { background: #555; display: block; padding: 3px; } /* misc */ .clearer { clear: both; font-size: 0; } .left {float: left;} .right {float: right;} .decay,.decay-small { background: url('http://www.hizliupload.com/img/96872decay.gif') no-repeat left center; color: #000; font: normal 2em Impact,sans-serif; letter-spacing: 1px; padding: 0 0 12px 22px; } .decay-small { background: url('http://www.hizliupload.com/img/809522decay-small.gif') no-repeat left center; padding-top: 6px; } p.postinfo { border-top: 1px dashed #333; color: #666; font: bold 0.9em sans-serif; margin-bottom: 24px; padding: 8px; } p.postinfo a {color: #888;} p.postinfo a:hover {color: #CCC;} /* structure */ #container { font-size: 1.3em; } /* title */ #site-title {font: normal 3em Tahoma,sans-serif;} #site-title a { color: #DDD; text-decoration: line-through; } #site-title a:hover { color: #FFF; text-decoration: none; } #site-description {color: #CCC;} /* content */ #content { left: 360px; position: absolute; top: 90px; width: 610px; } #content .descr { color: #8DC63F; margin-bottom: 6px; } #content li {margin-left: 18px;} /* navigation */ #navigation { left: 120px; position: absolute; top: 290px; width: 210px; } #navigation h2 { color: #000; font-size: 1.5em; letter-spacing: 0; line-height: 30px; margin: 0; } #navigation ul {margin: 0 0 0 1em;} #navigation li {list-style: none;} #navigation li a { color: #777; font-size: 1.1em; line-height: 1.5em; text-decoration: none; } #navigation li a:hover {color: #8DCA3F;} /* footer */ #footer { border-top: 1px dashed #333; color: #666; font: normal 0.9em sans-serif; position: absolute; top: 100%; } #footer a { color: #999; text-decoration: none; } #footer a:hover { color: #CCC; text-decoration: underline; } #footer .left, #footer .right {padding: 10px 0;} #footer .right a {color: #777;}