Corapliweb Fbml Css İceblue Red Html İcon Gif

Bedava - Sitem Kullanıcılarını Daha Professional Css - Wordpress Tasarımlar Üzerinde Kolaylık Sağlamak ;)

Sitemize Hos Geldiniz

24 05 2010'

Css Tasarımlar

Mistanbul.tr.gg V5 Tasarımı

(----İNDIR---)

Tasarım Üstü

Tasarim Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas1_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas1_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas1_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image: none; }

Tasarım Üstü

Tasarim Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas2_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas2_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas2_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image: none; }

Tasarım Üstü

Tasarim Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas3_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas3_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas3_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image: none; }

Tasarım Üstü

Tasarim Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas4_01.gif); width: 1007px; height: 256px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas4_02.gif); width: 1007px; height: 331%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 18px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas4_03.gif); width: 1007px; height: 181px; float: left; } #kommentartext { background-image: none; }

Tasarım Üstü

Tasarım Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas5_01.gif); width: 1007px; height: 230px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas5_02.gif); width: 1007px; height: 342%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 800px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 19px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas5_03.gif); width: 1007px; height: 196px; float: left; } #kommentartext { background-image: none; }

Tasarım Üstü

Tasarım Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas6_01.gif); width: 1007px; height: 215px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas6_02.gif); width: 1007px; height: 393%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 15px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas6_03.gif); width: 1007px; height: 160px; float: left; } #kommentartext { background-image: none; }

Tasarım Üstü

Tasarım Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7ust.gif); width: 1007px; height: 350px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7_01.gif); width: 1007px; height: 51px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7_02.gif); width: 1007px; height: 663%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 41px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tasarimnetr/tas7_03.gif); width: 1007px; height: 54px; float: left; } #kommentartext { background-image: none; }

Tasarım Üstü

Tasarim Altı

CSS Kodu

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 { margin-left: auto; margin-right: auto; background:  none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background:  none; width: 1007px; height: 0px; float: left; text-align: center; padding: 0px 0 0 237px; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_01.gif); width: 1007px; height: 343px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_02.gif); width: 1007px; height: 213%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 237px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/t/tolgahantr/rap_03.gif); width: 1007px; height: 212px; float: left; } #kommentartext { background-image: none; }

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

(---İnDir--)

Bedava - Sitem Kullanıcılarını Daha Professional Css - Wordpress Tasarımlar Üzerinde Kolaylık Sağlamak ;)

Sitemize Hos Geldiniz

Corapliweb Fbml Css İceblue Red Html İcon Gif

Css Tasarımlar

En Son Güncelleme 24 Mayıs

MENÜ

KATOGERİLER

Destekleyenler

Bağlantılar

Bedava - Sitem Kullanıcılarını Daha Professional Css - Wordpress Tasarımlar Üzerinde Kolaylık Sağlamak ;)

Sitemize Hos Geldiniz

Corapliweb Fbml Css İceblue Red Html İcon Gif

Css Tasarımlar

En Son Güncelleme 24 Mayıs

Arama

MENÜ

KATOGERİLER

Destekleyenler

Bağlantılar

Katkılarınız ve Yorumlarınız için Tesekkürler :-)