WebSiteMerkezi

İletişim

Ana Sayfa

Forum

Ziyaretçi defteri

Siteni Ekle

Arşiv

İcebleu Tasarımlar

Red Tasarımlar

Butterfly Tasarimlar

Hakkımızda

Sitemizi Arkadaşına Tavsiye Et

Free Tasarımları

Profil

Genel Html Kodları

Hazır Menü Kodları

Basit Kodlar

En İyi Html Kodlar

Linkleri Ekle

Gazete Manşetleri

Komik Video Ekle

Download Tasarımlar

Html Kodları 1

Html Kodları 2

Html Kodları 3

Html Kodları 4

Html Kodları 5

Html Kodları 6

Html Kodları 7

Html Kodları 8

Html Kodları 9

Html Kodları 10

Html Kodları 11

Html Kodları 12

Html Kodları 13

Html Kodları 14

Html Kodları 15

Html Kodları 16

Html Kodları 17

Html Kodları 18

Html Kodları 19

Html Kodları 20

Html Kodları 23

Html Kodları 24

Html Kodları 25

Html Dersleri

Html komutları

Web Tasarım

Html Dersleri Video

Html Dersleri 1

Galeri

S.S.S

Site Haritası

Web Site Nasıl Yapılır

Banner Siteleri

FlashVortex

Oyun Html

Duyuru Panoları

Fransızca

İtalyanca

İspanyolca

Almanca

İngilizce

Yabancı Dil

Msn

Müzik Dinle

Arkadaşını Davet ET

Banner htmleri

Html Dersleri 2

Html Dersleri 3

Html Dersleri 4

Html Dersleri 5

Html Dersleri 6

Flash Saatler

Takvim

Spor Haberleri

intro

Üye OL

Üye Girişi

üyelik Simgesi

Üye

Chat

Komik Fragmanlar

Maskeli Beşler Kıbrıs

Maskeli Besler Irak

Narnıa nın günlükleri

Css

Red

Yapım Aşamasında

Duyuru

css mesaj kutuları

Hababam Sınıfı

Hababam Sınıfı Tatilde

Hababam Sınıfı Uyanıyor

Hababam Sınıfı Sınıfta Kaldı

Hababam Sınıfı Askerde

Hababam Sınıfı Flim Serisi

Hababam Sınıfı 3,5

Şiir Defteri

Son Dakika

İngilizceye Giriş

İngilizce Dersi 1

İngilizce Dersi 2

İngilizce Dersi 3

İngilizce Dersi 4

İngilizce Dersi 5

Onlıne Yardım

Referanslar

Destek Olun

Electro

Blocky Trio

Butterfly

Happy Holidays

Full Komedi

Video Player

Yeni sayfanın başlığı

Slayt

Css

Tasarımın üzerindeki yazıya

Tasarımın altınaki yazıya

<div id="sidebar"> 		<ul> 			<li> 				<h2>Menü</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#">Anasayfa</a></li> 					<li><a href="#" _fcksavedurl="#">İletişim</a></li> 					<li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> 					<li><a href="#" _fcksavedurl="#">Hakkımda</a></li> 					<li><a href="#" _fcksavedurl="#">Topliste</a></li> 					<li><a href="#" _fcksavedurl="#">Forum</a></li> 				</ul> 			</li> 			<li> 				<h2>Arşiv</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#">İce Blue</a> (23)</li> 					<li><a href="#" _fcksavedurl="#">Red</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Butterfly</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Css</a> (30)</li> 					<li><a href="#" _fcksavedurl="#">Php</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Asp</a> (30)</li> 					<li><a href="#" _fcksavedurl="#">Xhtml</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Html</a> (28)</li> 					<li><a href="#" _fcksavedurl="#">xml</a> (31)</li> 				</ul> 			</li> 		</ul> 	</div> 	 </div> </div>  <div id="footer"> 	<p>©2008 Tüm Hakkı Saklıdır; Design by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>  •  Icons by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div>  </body></html>

Css koduna

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: Unnamed Theme URI: http://www.freewpthemes.net/preview/unnamed Description: Widget ready and tested on WP 2.2+. Version: 2.0 Author: Free WordPress Themes Author URI: http://www.freewpthemes.net/ */  body { 	margin-top: 30px; 	padding: 0; 	background: #000000; 	font-size: 13px; 	text-align: justify; 	color: #ADADAD; }  body, th, td, input, textarea, select, option { 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; }  h1, h2, h3 { 	font-family: Arial, Helvetica, sans-serif; 	font-weight: normal; 	color: #819CDB; }  h1 { 	font-size: 36px; }  h2 { 	font-size: 2em; }  h3 { 	font-size: 1em; }  p, ul, ol { 	line-height: 200%; }  blockquote { 	padding-left: 1em; }  blockquote p, blockquote ul, blockquote ol { 	line-height: normal; 	font-style: italic; }  a { 	color: #FFFFFF; }  a:hover { 	color: #FFFFFF; }  hr { 	display: none; }  /* Header */  #header { 	width: 800px; 	height: 143px; 	margin: 0 auto; 	padding-bottom: 30px; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img01.jpg) no-repeat left top; }  #header h1, #header p { 	float: left; 	margin: 0; 	padding: 50px 0 0 20px; 	font-family: Georgia, "Times New Roman", Times, serif; }  #header h1 { 	color: #FFB71C; 	font-size: 44px; }  #header p { 	padding: 65px 0 0 10px; 	font-size: 16px; 	color: #FFFFFF; }  #header a { 	text-decoration: none; 	color: #FFB71C; }  /* Page */  #page { 	width: 800px; 	margin: 0 auto; }  /* Content */  #content { 	float: right; 	width: 480px; 	margin: 0; 	margin-bottom: 30px; }  .post { 	padding: 0px 0px 0 0px; }  .title { 	margin: 0; 	padding-bottom: 5px; 	font-size: 24px; 	font-family: Georgia, "Times New Roman", Times, serif; 	color: #FFFFFF; }  .title a { 	text-decoration: none; 	color: #FFFFFF; }  .pagetitle { 	border-bottom: 2px solid #0F0F0F; }  .byline { 	margin: 0; 	color: #646464; }  .meta { 	text-align: left; 	color: #646464; 	padding: 10px 10px; 	margin: 30px 0; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; 	text-transform: uppercase; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; }  .meta .more { 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; 	padding-left: 10px; }  .meta .comments { 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; 	padding-left: 10px; } .meta a { }  .navigation { }  .alignleft { 	float: left; }  .alignright { 	float: right; }  .posts { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  .posts li { 	padding-bottom: 20px; 	margin-bottom: 20px; 	border-bottom: 1px solid #0F0F0F; }  .posts h3 { 	margin: 0; 	font-weight: bold; }  .posts p { 	margin: 0; 	line-height: normal; }  .posts a { }  /* Sidebar */  #sidebar { 	float: left; 	width: 260px; }  #sidebar ul { 	margin: 0; 	padding: 0 0 20px 0; 	list-style: none; }  #sidebar li { }  #sidebar li ul { 	padding: 0px 21px 20px 10px; }  #sidebar li li { 	border-bottom: 1px dotted #363B3F; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 40%; 	padding: 0 0 10px 15px; }  #sidebar h2 { 	margin: 0; 	height: 35px; 	padding: 8px 0px 10px 13px; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 18px; 	color: #FFFFFF; }  #sidebar h2 a { 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat left 50%; }  #sidebar a { }  #sidebar a:hover { 	text-decoration: none; }  /* Search */  #search input { 	display: none; }  #search input#s { 	display: block; 	width: 230px; 	padding: 2px 5px; 	border: 1px solid #3DD1FF; 	background: #FFFFFF url(images/img05.gif) repeat-x; }  #search br { 	display: none; }  /* Calendar */  #calendar { }  #calendar h2 { 	margin-bottom: 15px; }  #calendar table { 	width: 80%; 	margin: 0 auto; 	text-align: center; }  #calendar caption { 	width: 100%; 	text-align: center; }  #next { 	text-align: right; }  #prev { 	text-align: left; }  /* Footer */  #footer { 	clear: both; 	height: 136px; 	width: 800px; 	margin: 0 auto; 	border-top: 10px solid #1E2223; 	text-align: center; 	font-size: smaller; 	font-family: Arial, Helvetica, sans-serif; 	color: #646464; }  #footer p { 	padding-top: 40px; 	text-transform: uppercase; }  #footer p a { 	color: #FFFFFF; }  </body></html>

Tasarımın üzerindeki yazıya

Tasarımın altındaki yazıya

<div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Kategori 1</h2> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link ekle</a></li> </ul> </li> <li> <h2>Kategori2</h2> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Link ekle</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <div id="footer-wrap"> <p id="legal">(c) 2008 YourSite. Design by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div> </div>  </body></html>

Css koduna

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 CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img01.gif) repeat-x left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #7D7D7D; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; font-size: 11px; } a:link { color: #6DBD0B; } a:hover, a:active { text-decoration: none; color: #6DBD0B; } a:visited { color: #6DBD0B; } img { border: 1px dashed #86E714; padding: 2px; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } /* Header */ #header { width: 860px; height: 50px; margin: 0 auto; } /* Menu */ #menu { width: 860px; margin: 0; padding: 0; } #menu ul { float: right; display: block; margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { margin-right: 3px; padding: 10px 15px 10px 10px; letter-spacing: -.5px; text-decoration: none; text-transform: lowercase; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; } #menu a:hover { text-decoration: none; color: #000000; } #menu .current_page_item a { color: #000000; } #menu .numbertxt { font-size: 28px; color: #C4F28D; } #menu span { margin: 0; padding: 0; } /** LOGO */ #logo { clear: both; width: 860px; height: 80px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img02.gif) no-repeat left top; } #logo h1, #logo h2 { margin: 0; padding: 0 0 0 75px; line-height: normal; } #logo h1 { } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { padding: float: left; font: italic 13px Georgia, "Times New Roman", Times, serif; color: #66B209; } #logo p a { text-decoration: none; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 850px; margin: 0 auto; } /* Content */ #content { float: right; width: 600px; } /* Post */ .post { padding: 15px 15px; } .post .title { margin-bottom: 20px; border-bottom: 1px dotted #D1D1D1; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg) repeat-x left bottom; } .post .entry { } .post .meta { height: 70px; padding: 40px 15px 0px 15px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left top; } .post .meta p { margin: 0; line-height: normal; color: #999999; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img09.gif) no-repeat left 50%; } .post .meta .comments { padding-left: 22px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img08.gif) no-repeat left 50%; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: left; width: 215px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left bottom; padding-bottom: 20px; } #sidebar li li { margin: 0; padding-left: 12px; } #sidebar h2 { padding-top: 20px; margin-bottom: 10px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg) repeat-x left bottom; border-bottom: 1px dotted #D1D1D1; font-size: 18px; } /* Search */ #search { background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left bottom; margin-bottom: 20px; } #search h2 { margin-bottom: 20px; } #s { width: 115px; margin-right: 5px; margin-left: 15px; margin-bottom: 20px; padding: 3px 0px 3px 15px; border: 1px solid #F0F0F0; } #x { margin-bottom: 20px; padding: 3px 3px 3px 3px; background: #ECECEC; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif) no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; background: url(images/img10.gif) repeat-x left bottom; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { width: 860px; height: 52px; margin: 0 auto; } #footer { margin: 0 auto; height: 52px; min-height: 52px; padding: 0; background: #A0A0A3 url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif) repeat-x left bottom; } html>body #footer { height: auto; } #footer p { } #legal { clear: both; padding-top: 15px; text-align: center; color: #FFFFFF; } #legal a { font-weight: bold; color: #FFFFFF; } </body></html>

Tasarımın Üzerindeki Yazı

Tasarımın Altındaki Yazı

<div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Menü1</h2> <ul> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> </ul> </li> <li> <h2>Menü2</h2> <ul> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <p id="legal">2008 Bütün hakları Saklıdır<a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a> designed by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div> </div>  </body></html>

Css Koduna

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 CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ body { margin-top: 50px; padding: 0; background: #B2EBFF url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img01.gif) repeat-x left bottom; font-size: 13px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; text-align: justify; color: #FFFFFF; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #FFFFFF; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #FFFFFF; } a:hover, a:active { text-decoration: none; color: #FFFFFF; } a:visited { color: #FFFFFF; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } #wrapper { margin: 0 auto; padding: 0; } /* Header */ #header { width: 713px; margin: 0 auto; height: 130px; } /* Menu */ #menu { float: left; width: 713px; height: 70px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img03.gif) no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 10px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-top: 5px; margin-right: 3px; padding: 20px 17px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img05.gif) no-repeat left 52%; text-decoration: none; font-size: 13px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { background: none; color: #000000; } /** LOGO */ #logo { width: 713px; height: 130px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img02.gif) no-repeat left top; } #logo h1, #logo h2 { float: left; margin: 0; padding: 60px 0 0 20px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:40px; } #logo h1 a { text-decoration: none; color: #4C4C4C; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { float: left; padding: 75px 0 0 18px; font: 18px Georgia, "Times New Roman", Times, serif; color: #0044D1; } #logo p a { text-decoration: none; color: #8BD80E; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 663px; margin: 0 auto; padding: 0 25px; } /* Content */ #content { float: left; width: 410px; } /* Post */ .post { padding: 15px 0px; margin-bottom: 20px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 24px; color: #FFFFFF; } .post h2 { padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 22px; color: #FFFFFF; } .post .entry { } .post .meta { padding: 15px 15px 30px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .post .meta p { margin: 0; padding-top: 15px; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 10px 0 18px; } .post .meta .comments { } .post .meta b { display: none; } /* Sidebar */ #sidebar { width: 210px; float: right; margin: 0; padding: 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { width: 250px; margin-bottom: 10px; padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 20px; color: #FFFFFF; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 130px; margin-right: 5px; padding: 2px; } #x { padding: 2px; border: none; border: 1px solid #FFFFFF; background: #0157DE; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { } #footer { width: 693px; margin: 0 auto; padding: 10px 0 10px 0; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img07.gif) no-repeat left top; } html>body #footer { height: auto; } #footer p { font-size: 11px; } #legal { clear: both; text-align: center; color: #FFFFFF; } #legal a { font-weight: normal; color: #FFFFFF; } </body></html>

Tasarımın üzerindeki yazıya

<div id="header"> 	<div id="logo"> 		<h1><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></h1> 		<h2><a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">Design by CssTaSaRiMi</a></h2> 	</div> 	<div id="menu"> 		<ul> 			<li class="active"><a href="#" _fcksavedurl="#" title="">Anasayfa</a></li> 			<li><a href="#" _fcksavedurl="#" title="">Z.Defteri</a></li> 			<li><a href="#" _fcksavedurl="#" title="">Hakkımda</a></li> 			<li><a href="#" _fcksavedurl="#" title="">İletişim</a></li> 			<li><a href="#" _fcksavedurl="#" title="">Forum</a></li> 		</ul> 	</div> </div> <div id="content"> 	<div id="sidebar"> 		<div id="login" class="boxed"> 			<div class="title"> 				<h2>Üye Girişi</h2> 			</div> 			<div class="content"> 				<form id="form1" method="post" action="#"> 					<fieldset> 					<legend>Giriş:</legend> 					<label for="inputtext1">E-Mail</label> 					<input id="inputtext1" type="text" name="inputtext1" value="" /> 					<label for="inputtext2">Şifre:</label> 					<input id="inputtext2" type="password" name="inputtext2" value="" /> 					<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" /> 					<p><a href="#" _fcksavedurl="#">Şifreni mi unuttun?</a></p> 					</fieldset> 				</form> 			</div> 		</div> 		 		<div id="updates" class="boxed"> 			<div class="title"> 				<h2>Menü</h2> 			</div> 			<div class="content"> 				<ul> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">1. Xml</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">2. Css</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">3. Html</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">4. Asp</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">5. Php</a></p> 					</li> 				</ul> 			</div> 		</div> 		 	</div> 			</body></html>

Tasarımın altındaki yazıya

Css koduna

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 Csstasarimi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */  * { 	margin: 0; 	padding: 0; }  body { 	margin: 20px 0; 	background: #FFFFFF; 	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 	color: #666666; }  h1, h2, h3 { 	color: #333333; }  h2 { }  h3 { 	font-size: 1em; }  p, blockquote, ul, ol { 	margin-bottom: 1.5em; 	line-height: 1.65em; 	text-align: justify; }  p { }  blockquote { 	margin-left: 2em; 	margin-right: 2em; 	font-style: italic; }  ul { 	margin-left: 3em; }  ul li { }  ol { 	margin-left: 3em; }  ol li { }  a { 	text-decoration: underline; 	color: #3E9722; }  a:hover { 	text-decoration: none; 	color: #E58C24; }  img { 	border: none; }  img.left { 	float: left; 	margin: 5px 20px 0 0; }  img.right { 	float: right; 	margin: 5px 0 0 20px; }  /* Boxed Style */  .boxed { }  .boxed .title { 	background: #3C74E6 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif) repeat-x; }  .boxed .title h2 { 	height: 28px; 	padding: 12px 0 0 20px; 	text-transform: uppercase; 	font-size: 1em; 	color: #FFFFFF; }  .boxed .content { 	padding: 20px; 	border-top: 1px solid #FFFFFF; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif) repeat-x; }  /* Post */  .post { }  .post .title { 	background: #3C74E6 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif) repeat-x; 	font-size: 1em; 	text-transform: uppercase; 	color: #FFFFFF; }  .post .title span { 	display: block; 	height: 28px; 	padding: 12px 0 0 20px; }  .post .date { 	margin-top: -25px; 	padding-bottom: 10px; 	padding-right: 20px; 	text-align: right; 	font-size: x-small; 	color: #FFFFFF; }  .post .date .month { }  .post .date .day { }  .post .date .year { }  .post .meta { 	clear: both; }  .post .meta p { 	margin: 0; 	padding: 10px 20px 40px 20px; 	border-top: 1px dotted #CCCCCC; 	line-height: normal; 	font-size: x-small; }  .post .story { 	padding: 20px; 	border-top: 1px solid #FFFFFF; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif) repeat-x; }  /* Header */  #header { 	width: 920px; 	height: 120px; 	margin: 0 auto; 	padding: 20px 20px 0 20px; 	background: #CAE646 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img01.jpg) no-repeat; }  /* Header > Logo */  #logo { 	float: left; 	width: 240px; 	height: 50px; }  #logo h1 { 	float: left; 	margin: 0; 	padding: 50px 0 0 0; 	font-size: 2.6em; }  #logo h2 { 	float: left; 	margin-top: -5px; 	font-size: 1em; }  #logo a { 	text-decoration: none; 	color: #000000; }  /* Header > Menu */  #menu { 	float: right; }  #menu ul { 	margin: 0; 	padding-top: 79px; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	width: 120px; 	height: 30px; 	margin-left: 2px; 	padding-top: 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img03.gif) no-repeat; 	text-decoration: none; 	text-align: center; 	font-weight: bold; 	color: #000000; }  #menu a:hover { 	background-image: url(images/img04.gif); }  #menu .active a { 	background-image: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img05.gif); }  /* Content */  #content { 	width: 920px; 	margin: 0 auto; 	padding: 20px; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg) no-repeat; 	border-top: 1px solid #FFFFFF; }  /* Content > Main */  #main { 	float: left; 	width: 480px; 	padding-left: 20px; }  /* Content > Main > Welcome */  #welcome { }  /* Content > Main > Example */  #example { }  /* Content > Sidebar */  #sidebar { 	float: left; 	width: 220px; }  #sidebar .boxed .title h2 { 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img08.gif) no-repeat; }  /* Content > Sidebar > Login */  #login { }  #login form { }  #login fieldset { 	border: none; }  #login legend { 	display: none; }  #login label { 	display: block; }  #login input { 	margin-bottom: 10px; 	padding: 2px 5px; 	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 	color: #666666; }  #inputtext1, #inputtext2 { 	width: 160px; }  #inputsubmit1 { 	margin: 0; 	padding: 0; }  /* Content > Sidebar > Updates*/  #updates { }  #updates ul { 	margin: 0; 	list-style: none; }  #updates h3 { 	font-size: .8em; }  #updates p { 	line-height: normal; 	font-size: .8em; }  #updates a { 	text-decoration: none; }  /* Content > Sidebar2 */  #sidebar2 { 	float: left; 	width: 180px; 	padding-left: 20px; }  #sidebar2 .boxed .title h2 { 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img10.gif) no-repeat right top; }  /* Content > Sidebar2 > Sponsors */  #sponsors { }  #sponsors ul { 	margin-left: 0; 	padding-left: 0; 	list-style: inside; }  /* Content > Sidebar2 > ad120x600 */  #ad120x600 { 	text-align: center; }  /* Footer */  #footer { 	clear: both; 	width: 960px; 	height: 80px; 	margin: 0 auto; 	padding: 20px 0; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg) no-repeat; }  #footer p { 	margin: 0; 	text-align: center; 	line-height: normal; 	font-size: x-small; }  #footer a { 	text-decoration: underline; 	color: #666666; }  #footer a:hover { 	text-decoration: none; }  /* Footer > Legal */  #legal { }  /* Footer > Links */  #links { }</body></html>

<div id="header">
<div id="logo">
<h1><a href="#" _fcksavedurl="#">chasmogamous</a></h1>
<h2>By Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" _fcksavedurl="#" accesskey="1" title="">Home</a></li>
<li><a href="#" _fcksavedurl="#" accesskey="2" title="">Articles</a></li>
<li><a href="#" _fcksavedurl="#" accesskey="3" title="">Blogs</a></li>
<li><a href="#" _fcksavedurl="#" accesskey="4" title="">About Us</a></li>
<li><a href="#" _fcksavedurl="#" accesskey="5" title="">Contacts</a></li>
<li><a href="#" _fcksavedurl="#" accesskey="6" title="">RSS</a></li>
</ul>
<div id="search">
<form method="get" action="">
<fieldset>
<input id="s" type="text" name="s" value="" />
<input id="x" type="submit" value="GO" />
</fieldset>
</form>
</div>
</div>
</div><FCK:hr  />

<div id="page">

<div id="content">
<div class="post">
<h2 class="title"><a href="#" _fcksavedurl="#">Welcome to Chasmogamous</a></h2>
</div></body></html></body></html>

TASARIM ÜSTÜNE

</div>


<div id="sidebar">
<ul>
<li id="calendar">
<h2>Calendar</h2>
<table summary="Calendar">
<caption>
November 2007
</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="October" colspan="3" id="prev"><a href="http://wordpress.local/?m=200710" _fcksavedurl="http://wordpress.local/?m=200710" title="View posts for October 2007">« Oct</a></td>
<td class="pad"> </td>
<td abbr="December" colspan="3" id="next"><a href="http://wordpress.local/?m=200710" _fcksavedurl="http://wordpress.local/?m=200710" title="View posts for December 2007">Dec »</a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="3" class="pad"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td id="today">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td class="pad" colspan="2"> </td>
</tr>
</tbody>
</table>
</li>
<li>
<h2>Etiam dolore</h2>
<p>Nulla pellentesque dolor non tellus. Duis vel elit sit <a href="#" _fcksavedurl="#">amet ipsum vehicula</a> varius. Vestibulum ante ipsum primis in faucibus orci luctus.</p>
</li>
<li>
<h2>Consequat lorem</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Proin nec magna nec massa</a></li>
<li><a href="#" _fcksavedurl="#">Sit amet purus congue</a></li>
<li><a href="#" _fcksavedurl="#">Molestie aliquam erat volutpat</a></li>
<li><a href="#" _fcksavedurl="#">Amet ipsum vehicula varius</a></li>
<li><a href="#" _fcksavedurl="#">Primis in faucibus orci luctus</a></li>
<li><a href="#" _fcksavedurl="#">Vestibulum ante ipsum</a></li>
</ul>
</li>
</ul>
</div>

<div style="clear: both;"> </div>
</div>

<div id="footer">
<p class="legal">Copyright (c) 2007 Website Name. All rights reserved.</p>
<p class="credit">Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div></body></html></body></html>

TASARIM ALTINA

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
background: #809315 url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img01.jpg) repeat-x top left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
input, textarea {
width: 220px;
background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img04.gif) repeat-x;
border-top: 1px solid #A3A3A3;
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #D6D6D6;
font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #6E6E6E;
}
h1, h2, h3 {
}
h1, h1 a, h2, h2 a {
text-decoration: none;
}
h1 a:hover, h2 a:hover {
text-decoration: underline;
}
h1 {
font-size: 38px;
}
h2 {
font-size: 28px;
font-weight: normal;
}
h3 {
font-size: 16px;
}
p, ul, ol {
margin-top: 1.5em;
line-height: 190%;
}
ul, ol {
margin-left: 3em;
}
blockquote {
margin-left: 3em;
margin-right: 3em;
}
a {
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a img {
border: none;
}
img.left {
float: left;
margin-right: 20px;
}
img.right {
float: right;
margin-right: 20px;
}
hr {
display: none;
}
#header {
width: 960px;
height: 166px;
margin: 0 auto;
background: url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img02.jpg) no-repeat top left;
}
/* Logo */
#logo {
width: 870px;
height: 152px;
margin: 0 auto;
}
#logo h1, #logo h2 {
margin: 0;
}
#logo h1 {
float: left;
padding-top: 75px;
padding-left: 50px;
font-weight: normal;
text-transform: lowercase;
}
#logo h2 {
float: left;
padding-top: 95px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
}
#logo h2, #logo h2 a {
color: #FFFFFF;
}
#logo a {
text-decoration: none;
}
/* Menu */
#menu {
width: 960px;
margin: 0 auto;
}
#menu ul {
margin: 0;
padding: 0 0 0 28px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
padding: 0 2px 0 2px;
}
#menu li.first a{
float: left;
background: #619E00;
padding: 9px 20px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #FFFFFF;
}
#menu a {
float: left;
background: #406800;
padding: 10px 20px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: none;
background: #619E00;
padding: 9px 20px;
}
/* Search */
#search {
float: right;
width: 200px;
}
#search form {
margin: 0;
padding: 0;
margin-top: -10px;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search input {
}
#search #s {
width: 150px;
}
#search #x {
margin: 0;
padding: 0;
width: 30px;
background: #406800;
color: #FFFFFF;
}
/* Banner */
#banner {
width: 960px;
margin: 0 auto;
padding: 8px 0;
}
/* Page */
#page {
width: 900px;
margin: 0 auto;
padding: 45px 35px 0 25px;
}
/* Content */
#content {
float: right;
width: 603px;
}
.post {
}
.post .title {
margin: 0;
padding: 20px 20px 0 20px;
background: url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img04.gif) no-repeat left 100%;
border-bottom: 1px solid #FFFFFF;
}
.post .title a:hover {
text-decoration: none;
}
.post .entry {
padding: 0 20px;
}
.post .meta {
height: 25px;
margin: 15px 0 20px 0;
padding: 10px 0 0 20px;
background: #4E9FC8 url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img07.gif) no-repeat;
line-height: normal;
}
/* Sidebar */
#sidebar {
float: left;
width: 250px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 40px;
}
#sidebar li ul {
}
#sidebar li li {
margin: 0;
padding: 5px 20px;
}
#sidebar li h2 {
height: 30px;
margin-bottom: 15px;
padding: 5px 0px 0px 20px;
background: #4E9FC8 url(http://www.freecsstemplates.org/templates/previews/chasmogamous/images/img03.jpg) no-repeat;
font-size: 18px;
color: #FFFFFF;
}
#sidebar li p {
padding: 0 20px;
}
/* Calendar */
#sidebar #calendar {
padding: 0;
}
#calendar caption {
}
#calendar table {
width: 100%;
padding: 0 20px;
text-align: center;
}
#calendar thead th {
border-bottom: 2px solid #F2F2F2;
border-top: 1px solid #F2F2F2;
}
#calendar tbody td {
padding: 5px 0;
border-bottom: 1px solid #F2F2F2;
}
#calendar tfoot td {
border-top: 1px solid #F2F2F2;
}
#calendar #prev {
text-align: left;
}
#calendar #next {
text-align: right;
}
#calendar a {
font-weight: bold;
}
/* Footer */
#footer {
clear: both;
width: 870px;
height: 50px;
margin: 0 auto;
padding: 35px 45px;
border-top: 5px solid #4E9FC8;
}
#footer p {
margin: 0;
line-height: normal;
color: #FFFFFF;
}
#footer a {
color: #406800;
}
#footer .legal {
float: left;
}
#footer .credit {
float: right;
}</body></html></body></html>

CSS KODU

TASARIM ÜSTÜNE

</div>
<div id="sidebar">
<ul class="sb1">
<li><h3>archives</h3></li>
<li><a href="#" _fcksavedurl="#">June 2008</a></li>
<li><a href="#" _fcksavedurl="#">May 2008</a></li>
<li><a href="#" _fcksavedurl="#">April 2008</a></li>
<li><a href="#" _fcksavedurl="#">May 2008</a></li>
<li><a href="#" _fcksavedurl="#">February 2008</a></li>
<li><form action="search.cgi" method="get" id="search"><div><input type="text" name="search" value="search..." /></div></form></li>
<li class="sbb"> </li>
</ul>
<ul class="sb2">
<li><h3>categories</h3></li>
<li><a href="#" _fcksavedurl="#">Apple / Mac</a></li>
<li><a href="#" _fcksavedurl="#">Personal</a></li>
<li><a href="#" _fcksavedurl="#">Technology</a></li>
<li><a href="#" _fcksavedurl="#">Poetry & Writing</a></li>
<li><a href="#" _fcksavedurl="#">Environment</a></li>
<li class="sbb"> </li>
</ul>
<ul class="sb3">
<li><h3>links</h3></li>
<li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li>
<li><a href="#" _fcksavedurl="#">Praesent aliquam</a></li>
<li><a href="#" _fcksavedurl="#">Quisque ornare</a></li>
<li><a href="#" _fcksavedurl="#">Phasellus tristique</a></li>
<li><a href="#" _fcksavedurl="#">Fusce varius urna</a></li>
<li><a href="#" _fcksavedurl="#">Etiam leo pede</a></li>
<li><a href="#" _fcksavedurl="#">Aenean  sagittis</a></li>
<li><a href="#" _fcksavedurl="#">Vestibulum ut nisl</a></li>
<li><a href="#" _fcksavedurl="#">Maecenas urna</a></li>
<li><a href="#" _fcksavedurl="#">Sed neque mi</a></li>
<li class="sbContent"><h3>sidebar header</h3></li>
<li class="sbContent"><p>Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p><p>Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p></li>
<li class="sbb"> </li>
</ul>
</div>
<br class="clearfloat" />
<div id="footer">
<p>Copyright © 2008, your.site.com - Designed by <a href="mailto:tony@20pirates.com" _fcksavedurl="mailto:tony@20pirates.com">Tony Pires</a> - <a href="#" _fcksavedurl="#">Terms of Use</a></p>
</div>
</div>
</div></body></html></body></html>

TASARIM ALTINA

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: 0;
padding: 0;
}
body  {
background: url(http://www.opendesigns.org/designs/1635/images/bg.jpg) repeat-x #FFF;
color: #435F73;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
/**** GENERAL STYLES ****/
a {
color: #435F73;
}
p {
line-height: 1.5em;
padding: 4px 0;
}
b,
strong {
color: #000;
}
i,
em {
font-family: Georgia, serif;
}
#sidebar {
margin-right: 1px;
}
h3.blogMeta {
position: relative;
top: 4px;
}
#mainContent #commentList {
margin-left: 32px;
}
#mainContent ul,
#mainContent ol {
line-height: 1.5em;margin: 5px 0 5px 50px;
}
#mainContent ul li {
list-style-image: url(http://www.opendesigns.org/designs/1635/images/b.gif);
}
blockquote {
background: url(http://www.opendesigns.org/designs/1635/images/q.gif) no-repeat;
font: 12px Georgia, serif;
font-style: italic;
margin: 10px 0 10px 20px;
padding: 0 60px 0 30px;
text-align: left;
}
code {
background: #E5EDF7;
border-top: 1px solid #84B0D3;
border-bottom: 1px solid #84B0D3;
padding: 2px 4px 0 4px;
}
input,
textarea {
background: #84B0D3;
border: none;
color: #000;
padding: 4px 2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #6998C6;
font-weight: normal;
line-height: 1.4em;
}
h5,
h6 {
text-transform: uppercase;
}
h1 {
font-size: 20px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
/**** GENERAL LAYOUT ****/
#topBackground {
background: url(http://www.opendesigns.org/designs/1635/images/header.jpg) top center no-repeat;
margin: 0 auto;
padding-top: 440px;
width: 960px;
}
#container {
margin: 0 auto;
text-align: left;
width: 680px;
}
#header h1 {
font-size: 48px;
font-weight: normal;
letter-spacing: -3px;
padding-left: 24px;
}
#header h2 {
color: #6998C6;
font-size: 16px;
font-style: italic;
font-weight: normal;
padding-right: 70px;
text-align: right;
}
#header a {
color: #000;
text-decoration: none;
}
#miniMenu {
height: 20px;
float: right;
font-size: 10px;
padding-right: 70px;
padding-top: 5px;
}
#miniMenu li {
display: inline;
margin: 0 1px;
}
#miniMenu a {
background: #000;
color: #FFF;
padding: 2px 4px;
}
#miniMenu a:hover {
background: #435F73;
color: #B1DEFF;
}
#sidebar {
float: right;
width: 200px;
padding: 110px 0 0 20px;
margin-right: 2px
}
#content {
float: left;
width: 450px;
text-padding: 0 0 0 10px;
}
/**** SIDEBAR STYLES & LAYOUT ****/
#sidebar h3 {
color: #FFF;
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}
#sidebar ul {
list-style: none;
padding-left: 20px;
}
#sidebar li {
line-height: 2em;
font-size: 13px;
}
#sidebar li a {
color: #B1DEFF;
text-decoration: none;
}
#sidebar li a:hover {
color: #FFF;
}
#sidebar li.sbContent h3 {
margin-top: 10px;
}
#sidebar li.sbContent p {
border-left: 4px solid #84B0D3;
color: #FFF;
font-size: 11px;
padding: 0 20px 0 10px;
}
#search input {
margin-top: 10px;
width: 110px;
}
.sb1 {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar1.gif) repeat-y;
margin-top: -20px;
}
.sb1 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep1.gif) no-repeat;
height: 37px;
margin-left: -20px;
width: 200px;
}
.sb2 {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar2.gif) repeat-y;
}
.sb2 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep2.gif) no-repeat;
height: 35px;
margin-left: -20px;
width: 200px;
}
.sb3 {
background: #000;
margin-right: 0;
margin-bottom: -10px;
}
.sb3 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_base.gif) no-repeat;
height: 16px;
margin-left: -20px;
width: 200px;
}
#footer {
background: url(http://www.opendesigns.org/designs/1635/images/footer.jpg) bottom left no-repeat;
height: 27px;
margin-left: 24px;
margin-top: 20px;
}
#footer p {
color: #B1DEFF;
padding: 8px 0 0 0;
text-align: center;
}
#footer a {
color: #B1DEFF;
text-decoration: none;
}
.floatR {
float: right;
}
.floatL {
float: left;
}
.clearfloat {
clear: both;
}</body></html></body></html>

CSS KODUNA

TASARIM ÜSTÜNE

</div>


<div id="sidebar2" class="sidebar">
<ul>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#" _fcksavedurl="#">September</a> (23)</li>
<li><a href="#" _fcksavedurl="#">August</a> (31)</li>
<li><a href="#" _fcksavedurl="#">July</a> (31)</li>
<li><a href="#" _fcksavedurl="#">June</a> (30)</li>
<li><a href="#" _fcksavedurl="#">May</a> (31)</li>
</ul>
</li>
<li>
<h2>Lorem ipsum dolor </h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li>
</ul>
</li>
</ul>
</div>
<div id="bottom" style="clear: both;"></div>
</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="Flash Web Templates">Flash Web Templates</a>, coded by <a href="http://www.flashtemplatesdesign.com" _fcksavedurl="http://www.flashtemplatesdesign.com" title="Free Falsh Templates">Free Flash Templates</a>
</p>
</div>
</div>
</div>
</div></body></html></body></html>

TASARIM ÜSTÜ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 Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
background: #130506 url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/back_all.jpg) repeat-x top;
}
body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
#left1
{
width: 928px;
margin: -31px auto;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/1.jpg) no-repeat left top;
}
#right1
{
width: 928px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/2.jpg) no-repeat right top;
}
#contmain
{
width: 100%;
}
h1, h2, h3 {
color: #44763E;
}
h1 {
font-size: 3em;
}
h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #867B1C;
}
h3 {
font-size: 1em;
}
p, ul, ol {
margin-top: 7px;
font-size: 1.1em;
}
ul, ol {
margin-left: 3em;
}
a {
text-decoration: underline;
color: #867B1C;
}
a:hover {
border: none;
text-decoration: none;
}
h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #867B1C;
}
h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #867B1C;
}
/* Header */
#header {
width: 778px;
margin: 0 auto;
height: 550px;
background: #ffffff;
}
#menu {
float: left;
margin-top: 5px;
height: 46px;
width: 714px;
padding-left: 64px;
background: #ffffff url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/menu.gif) repeat-x;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
float: left;
height: 31px;
width: 125px;
margin-right: 1px;
text-decoration: none;
font-size: 1.1em;
padding-top: 10px;
font-weight: bold;
color: #ffffff;
text-align: center;
}
#menu a:hover {
color: #2C2E22;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/menu_r.gif) repeat-x;
}
/* Logo */
#logo {
width: 778px;
height: 483px;
margin: 0 auto;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/header.jpg) no-repeat left top;
text-align: right;
}
#logo h1 {
padding-top: 130px;
padding-right: 20px;
color: #ffffff;
font-size: 18px;
}
#logo h2 {
font-style: italic;
font-size: 10px;
padding-right: 20px;
}
#logo p {
clear: left;
margin: 0;
padding: 0 0 0 20px;
line-height: normal;
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
}
#logo a {
color: #FFFFFF;
}
/* Page */
#page {
width: 768px;
margin: 0 auto;
background: #ffffff url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/table_back.gif) repeat-x;
border-top: none;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
}
/* Content */
#content {
float: left;
width: 480px;
padding-left: 10px;
padding-top: 20px;
}
.post {
}
.post .title {
margin: 0;
font-weight: normal;
}
.post h1.title {
height: 30px;
font-size: 2.4em;
}
.post .entry {
padding: 0 10px 30px 15px;
}
.post .meta {
margin: 0;
padding: 5px 0px 0px 15px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #867B1C;
}
.post .meta a {
color: #867B1C;
}
.post .links {
margin: 0;
}
.post .tags {
margin: 0;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
}
.post .links a, .post .tags a {
border: none;
}
/* Sidebars */
.sidebar {
float: left;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin-bottom: 2em;
}
.sidebar li ul {
}
.sidebar li li {
margin: 0;
}
.sidebar li h2 {
margin: 0 0 1em 0;
}
#sidebar1 {
width: 224px;
padding: 0px 0px 0px 20px;
}
#sidebar2 {
width: 236px;
padding: 20px 20px 0px 20px;
}
#sidebar2 li h2 {
margin: 0 0 1em 0;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/title.gif) no-repeat left top;
height: 35px;
color: #FFFFFF;
padding-left: 20px;
padding-top: 14px;
}
#sidebar2 li ul {
line-height: normal;
margin-left: 20px;
}
#sidebar2 li li {
padding: 5px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/small.gif) no-repeat left;
font-size: .8em;
}
#sidebar2 li a {
border: none;
padding-left: 10px;
}
#sidebar2 li a:hover {
border: none;
padding-left: 10px;
}
#bottom
{
height: 30px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/footer.gif) bottom no-repeat;
}
/* Footer */
#footer
{
padding: 20px;
height: 50px
}
#footer p {
text-align: center;
font-size: 9px;
color: #ffffff;
margin: 0px;
padding: 0px;
}
#footer a
{
color: #FFFFFF
}</body></html></body></html>

CSS KODUN

TASARIM ÜSTÜNE

</div>


<div id="sidebar2" class="sidebar">
<ul>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#" _fcksavedurl="#">September</a> (23)</li>
<li><a href="#" _fcksavedurl="#">August</a> (31)</li>
<li><a href="#" _fcksavedurl="#">July</a> (31)</li>
<li><a href="#" _fcksavedurl="#">June</a> (30)</li>
<li><a href="#" _fcksavedurl="#">May</a> (31)</li>
</ul>
</li>
<li>
<h2>Lorem ipsum dolor </h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li>
</ul>
</li>
</ul>
</div>

<div style="clear: both;"> </div>
</div>

<FCK:hr  />

<div id="footer">
<p>©2007 All Rights Reserved.  •  Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body></html></body></html>

TASARIM ALTINA

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 {
margin: 0px;
background: #F3F3F3 url(http://www.freecsstemplates.org/templates/previews/numerology/images/img01.jpg) repeat-x top left;
}
body, th, td, input, textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
form {
}
fieldset {
}
input, textarea {
font-weight: bold;
}
input.text {
padding: 2px 5px;
background: #F8FAEB;
border-top: 1px solid #4D5719;
border-left: 1px solid #4D5719;
border-right: 1px solid #626456;
border-bottom: 1px solid #626456;
}
input.button {
background: #3C7BCF;
border-top: 1px solid #3C7BCF;
border-left: 1px solid #3C7BCF;
border-right: 1px solid #3C7BCF;
border-bottom: 1px solid #3C7BCF;
color: #FFFFFF;
}
h1, h2, h3 {
margin-top: 1.5em;
color: #626456;
}
h1 {
letter-spacing: -.075em;
font-size: 3em;
}
h2 {
letter-spacing: -.05em;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #8D8E85;
}
h3 {
font-size: 1em;
}
p, ul, ol {
margin-top: 1.5em;
line-height: 1.8em;
font-size: 1.1em;
}
ul, ol {
margin-left: 3em;
}
blockquote {
margin-left: 3em;
margin-right: 3em;
}
a {
text-decoration: none;
color: #809B30;
}
a:hover {
border: none;
}
h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #809B30;
}
h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #3C7BCF;
}
hr {
display: none;
}
/* Wrapper */
#wrapper {
}
/* Header */
#header {
width: 800px;
height: 55px;
margin: 0 auto;
}
#menu {
float: left;
width: 800px;
height: 60px;
background: url(http://www.freecsstemplates.org/templates/previews/numerology/images/img04.jpg) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
background: url(http://www.freecsstemplates.org/templates/previews/numerology/images/img05.gif) no-repeat right top;
height: 60px;
padding: 0 15px 0 15px;
}
#menu a {
display: block;
float: left;
height: 25px;
margin-right: 1px;
padding: 22px 20px 0 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
color: #2C2E22;
}
#menu .current_page_item a {
color: #2C2E22;
}
#search {
float: right;
width: 260px;
padding-top: 7px;
}
#search fieldset {
border: none;
}
#search #s {
width: 160px;
}
#search #x {
width: 80px;
}
/* Logo */
#logo {
width: 785px;
margin: 0 auto;
padding-left: 15px;
background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/numerology/images/img03.jpg) no-repeat top left;
height: 327px;
border-top: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}
#logo h1, #logo h2 {
float: left;
margin: 0;
padding: 0;
}
#logo h1 {
padding: 150px 5px 0 20px;
color: #2C2E22;
}
#logo h2 {
padding: 165px 0 0 0;
font-style: italic;
}
#logo p {
clear: left;
margin: 0;
padding: 0 0 0 20px;
line-height: normal;
font-size: 1.2em;
font-weight: bold;
color: #C2C5B1;
}
#logo a {
color: #FFFFFF;
}
/* Page */
#page {
width: 800px;
margin: 0 auto;
padding: 0px 0px 0 0px;
background: #FFFFFF;
border: 1px solid #D5D5D5;
border-top: none;
}
/* Content */
#content {
float: left;
width: 550px;
padding: 20px 0px 0px 20px;
}
.post {
}
.post .title {
margin: 0;
font-weight: normal;
}
.post h1.title {
padding: 15px 0  0 15px;
height: 30px;
font-size: 2.4em;
}
.post .entry {
padding: 0 10px 30px 15px;
}
.post .meta {
margin: 0;
padding: 5px 0px 0px 15px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CFCFCF;
}
.post .meta a {
color: #CFCFCF;
}
.post .links {
margin: 0;
}
.post .tags {
margin: 0;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
}
.post .links a, .post .tags a {
border: none;
}
/* Recent Posts */
#recent-posts {
}
#recent-posts h2 {
margin: 0;
padding: 15px 0  0 15px;
height: 30px;
}
#recent-posts h3 {
margin: 0;
font-size: 13px;
padding: 15px 0  0 15px;
}
#recent-posts p {
margin: 0 0 10px 0;
padding: 15px 0  0 15px;
line-height: 22px;
font-size: 13px;
}
/* Sidebars */
.sidebar {
float: left;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin-bottom: 2em;
}
.sidebar li ul {
}
.sidebar li li {
margin: 0;
}
.sidebar li h2 {
margin: 0 0 1em 0;
}
#sidebar1 {
}
#sidebar2 {
width: 219px;
padding: 20px 0px 0px 0px;
}
#sidebar2 li h2 {
margin: 0 0 1em 0;
padding: 15px 0  5px 15px;
height: 20px;
background: url(http://www.freecsstemplates.org/templates/previews/numerology/images/img07.gif) no-repeat left 70%;
border-bottom: 1px dotted #98B42B;
color: #7E9932;
}
#sidebar2 li ul {
line-height: normal;
padding-left: 15px;
}
#sidebar2 li li {
padding: 5px;
font-size: .8em;
background: url(http://www.freecsstemplates.org/templates/previews/numerology/images/img06.gif) no-repeat left 45%;
}
#sidebar2 li a {
border: none;
padding-left: 5px;
}
#sidebar2 li a:hover {
border: none;
}
/* Calendar */
#calendar {
margin: 0 auto;
}
#calendar caption {
font-weight: bold;
}
#calendar table {
width: 220px;
text-align: center;
border-collapse: collapse;
}
#calendar thead th {
background: #CCCCCC;
color: #FFFFFF;
}
#calendar tbody td {
background: #EEEEEE;
}
#calendar #today {
background: #B8D03B;
font-weight: bold;
color: #FFFFFF;
}
#calendar a {
font-weight: bold;
}
#calendar #prev {
text-align: left;
}
#calendar #next {
text-align: right;
}
/* Footer */
#footer {
margin: 0;
padding: 0;
height: 140px;
background: #F3F3F3 url(http://www.freecsstemplates.org/templates/previews/numerology/images/img02.jpg) repeat-x bottom left;
}
#footer p {
padding-top: 30px;
text-align: center;
font-size: 9px;
}</body></html></body></html>

CSS KODUN

TASARIM ÜSTÜNE

</div>
<div class="left">
<h2>Categories :</h2>
<ul>
<li><a href="#" _fcksavedurl="#">World Politics</a></li>
<li><a href="#" _fcksavedurl="#">Europe Sport</a></li>
<li><a href="#" _fcksavedurl="#">Networking</a></li>
<li><a href="#" _fcksavedurl="#">Nature - Africa</a></li>
<li><a href="#" _fcksavedurl="#">SuperCool</a></li>
<li><a href="#" _fcksavedurl="#">Last Category</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#" _fcksavedurl="#">January 2007</a></li>
<li><a href="#" _fcksavedurl="#">February 2007</a></li>
<li><a href="#" _fcksavedurl="#">March 2007</a></li>
<li><a href="#" _fcksavedurl="#">April 2007</a></li>
<li><a href="#" _fcksavedurl="#">May 2007</a></li>
<li><a href="#" _fcksavedurl="#">June 2007</a></li>
<li><a href="#" _fcksavedurl="#">July 2007</a></li>
<li><a href="#" _fcksavedurl="#">August 2007</a></li>
<li><a href="#" _fcksavedurl="#">September 2007</a></li>
<li><a href="#" _fcksavedurl="#">October 2007</a></li>
<li><a href="#" _fcksavedurl="#">November 2007</a></li>
<li><a href="#" _fcksavedurl="#">December 2007</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/" _fcksavedurl="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/" _fcksavedurl="http://www.dubaiapartments.biz/">Dubai Villas</a>
</div>
</div></body></html></body></html>

TASARIM ALTINA

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: 0;
padding: 0;
}
body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #222;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #FF9600;
}
a:hover {
text-decoration: underline;
color: #111;
}
#wrap {
margin: 0 auto;
width: 500px;
}
#header {
background: #fff url(http://www.free-css-templates.com/templates/RisingSun/unzipped/images/header.jpg) no-repeat;
height: 180px;
}
h1 {
padding: 10px 0 0 5px;
font-size: 18px;
color: #000;
}
h1 a {
padding: 10px 0 0 5px;
font-size: 18px;
color: #000;
font-weight: 100;
text-decoration: underline;
}
#content {
padding: 0 20px;
background: #fff url(http://www.free-css-templates.com/templates/RisingSun/unzipped/images/content.jpg) repeat-y;
}
.right {
float: right;
width: 300px;
text-align: justify;
}
.right h3 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #FF9600;
}
.right h3 a {
text-decoration: none;
color: #fff;
}
.right h3 a:hover {
color: #111;
}
.left {
float: left;
width: 150px;
}
.left h2 {
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #FF9600;
color: #fff;
font-size: 13px;
}
.left ul {
padding: 10px 0 15px 20px;
color: #FF9600;
}
.left ul li a {
text-decoration: none;
font-weight: 600;
}
.left ul li a:hover {
}
.articles {
padding: 10px;
}
#bottom {
background: #fff url(http://www.free-css-templates.com/templates/RisingSun/unzipped/images/bottom.jpg) no-repeat;
padding: 10px 0;
}
#footer {
text-align: center;
font-size: 11px;
color: #aaa;
padding-bottom: 10px;
}
#footer a { color: #aaa; }
#footer a:hover { color: #111; }</body></html></body></html>

CSS KODUNA

TASARIM ÜSTÜNE

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol