- CSS TASARIMLAR 8-9-10-11-12-13

CSS TASARIMLAR 8-9-10-11-12-13

CSS TASARIMLAR 8

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="body_wrapper">  <div id="body_container"> <div id="body_container_b"> <div id="body_container_c">  <div id="page_header">  <h1><span class="hidethis"> Counter Strike </span></h1> </div>   <div id="page_content">

<= Tasarimin ALtına =>

</div>  </div> </div> </div>   <div id="navmenu"> <div id="navmenu_b"> <div id="navmenu_c"> <h3><span class="hidethis">Site Menu:</span></h3> <ul> <li class="list_first"> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ana Sayfa</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Css Tasarim</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Oyun</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ziyaretci Defteri</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Toplist</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Hakkımızda</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ana Sayfa</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Css Tasarim</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Oyun</a></li> <li><a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Ziyaretci Defteri</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Toplist</a></li> <li><a href="http://www.css-tasarimm.tr.gg//" _fcksavedurl="http://www.css-tasarimm.tr.gg//">Hakkımızda</a></li> </ul> </div> </div> </div>  <div class="clearthis"> </div>  <div id="page_footer"> Web Tasarim by <a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Css Tasarim Merkezi</a> </div>  </div>

<= Css Kod Bölümüne =>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG */ /* WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GG WWW.CSS-TASARIMM.TR.GGG */ * { margin: 0px; padding: 0px; } body { color: #fff; background-color: #484848; font-family: 'verdana', 'helvetica', sans-serif; font-size: 100%; text-align: center; } table { font-size: 1em; } td { color: #fff; background-color: inherit; font-family: 'verdana', 'helvetica', sans-serif; font-size: 1em; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #fff; background-color: inherit; text-decoration: none; } img { border: none; } ul, ul li { list-style: none outside; } ol, ol li { list-style: decimal inside; } p { padding: 0.6em 0em 0.6em; } fieldset { border: none; } input, textarea, select { font-family: 'verdana', 'helvetica', sans-serif; font-size: 13px; } .hidethis { display: none; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; overflow : hidden; visibility: hidden; } /* WWW.CSS-TASARIMM.TR.GG Image Thumbnails WWW.CSS-TASARIMM.TR.GG */ .tb_center { text-align: center; } .tb_center img { margin: 1.3em auto; border: 1px #fff solid; } /* WWW.CSS-TASARIMM.TR.GG Body Wrappers WWW.CSS-TASARIMM.TR.GG */ #body_wrapper { margin: 35px 10px; width: 982px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-rightcol_img.gif') no-repeat 100% 68px; font-size: 0.71em; } /* WWW.CSS-TASARIMM.TR.GG Body Container WWW.CSS-TASARIMM.TR.GG */ #body_container { float: right; position: relative; left: -243px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_bot.gif') no-repeat 0% 100%; } #body_container_b { padding: 15px 0px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_top.gif') no-repeat 0% 0%; } #body_container_c { color: inherit; background-color: #8e8257; border-left: #fff 6px solid; border-right: #fff 6px solid; } /* WWW.CSS-TASARIMM.TR.GG Page Header WWW.CSS-TASARIMM.TR.GG */ #page_header { padding-bottom: 2px; color: inherit; background-color: #b3ab78; } #page_header h1 { position: relative; top: -4px; width: 100%; height: 40px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-counterstrike_logo.gif') no-repeat 50% 50%; } /* WWW.CSS-TASARIMM.TR.GG Page Content WWW.CSS-TASARIMM.TR.GG */ #page_content { padding: 15px 17px 10px; font-weight: bold; text-align: left; } .link_readmore { padding: 35px 0px 10px; text-align: right; } .link_readmore a { margin-left: auto; display: block; width: 94px; height: 24px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-button_readmore.gif') no-repeat 0% 0%; } /* WWW.CSS-TASARIMM.TR.GG Navigation Menu WWW.CSS-TASARIMM.TR.GG */ #navmenu { float: left; margin-top: 68px; position: relative; left: 77px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_bot.gif') no-repeat 0% 100%; font-size: 1.15em; font-weight: bold; } #navmenu_b { padding: 15px 0px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_top.gif') no-repeat 0% 0%; } #navmenu_c { color: inherit; background-color: #6d6845; border-left: #fff 6px solid; } #navmenu a { text-decoration: none; text-transform: uppercase; } #navmenu li { border-top: #fff 1px solid; } #navmenu li a { display: block; padding: 5px 0px; width: 160px; } #navmenu li a:hover { color: inherit; background-color: #989160 } #navmenu li.list_first { border-top: none; } /* WWW.CSS-TASARIMM.TR.GG Page Footer WWW.CSS-TASARIMM.TR.GG */ #page_footer { padding: 20px 0px; font-size: 0.9em; font-weight: bold; }

CSS TASARIMLAR 9

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></h1> <p> design by <a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">CSS Tasarim Merkezi</a></p> </div> <div id="search"> <form method="get" action=""> <fieldset> <input id="search-text" type="text" name="s" value="Arama css-tasarimm.tr.gg" size="15" /> <input type="submit" id="search-submit" value="Arama css-tasarimm.tr.gg" /> </fieldset> </form> </div>  </div>  <div id="wrapper"> <div id="wrapper2"> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Yorumlar</a></li> <li><a href="#" _fcksavedurl="#"> Toplist</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda </a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Link Listesi </a></li> </ul> </div>  <div id="page"> <div id="content"> <div class="post"> <h1 class="title"><a href="#" _fcksavedurl="#">Tasarima Hoşgeldniz </a></h1>

<= Tasarimin ALtına =>

</div> </div>  <div id="sidebar"> <ul> <li> <h2>Duyuru Panosu</h2> <p>Sitenizdeki Haberleri Burada Verebilirsiniz.</p> </li> <li> <h2>Menü</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> </li> <li> <h2>Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  </div> </div> <div id="footer"> <p>Copyright (c) 2008 Siteadi.tr.gg. Tüm Haklari Saklıdır. Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg"> CSS Tasarim Merkezi</a>.</p> </div>

<= Css Kod Bölümüne =>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;}  li.nav_element{list-style-type: none;}  li.nav_element{display: none;}  /* Design by CSS Tasarim Merkezi http://www.css-tasarimm.tr.gg Admin : MURAT  */  body { 	margin: 0; 	background: #FFFFFF; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 13px; 	color: #333333; }  h1, h2, h3 { 	margin: 0; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-weight: normal; 	color: #06AEF1; }  h1 { 	font-size: 2em; }  h2 { 	font-size: 1.8em; }  h3 { 	font-size: 1.6em; }  p, ul, ol { 	margin-top: 0; 	line-height: 180%; }  ul, ol { }  a { 	text-decoration: none; 	border-bottom: 1px dotted #999999; 	color: #000000; }  a:hover { 	background: none; }  #wrapper { 	width: 100%; 	margin: 0 auto; 	padding: 0; 	background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/9-img01.jpg) repeat-x left top; }  #wrapper2 { 	margin: 0; 	padding-top: 30px; }  /* Header */  #header { 	width: 910px; 	height: 60px; 	margin: 0 auto; 	padding-top: 10px; }  .topimg img { 	margin: 0; 	padding: 0 0 20px 0; 	border: none; 	 }  /* Logo */  #logo { 	float: left; 	width: 640px; 	color: #333333; }  #logo h1, #logo p { 	text-transform: lowercase; 	font-family: Georgia, "Times New Roman", Times, serif; }  #logo h1 { 	float: left; 	letter-spacing: -1px; 	font-size: 2.6em; }  #logo p { 	float: left; 	margin: 0; 	padding: 10px 0 0 5px; 	font-size: 16px; }   #logo a { 	border: none; 	background: none; 	text-decoration: none; 	color: #06AEF1; }  /* Search */  #search { 	float: right; 	width: 230px; 	padding-top: 16px; }  #search form { 	height: 41px; 	margin: 0; }  #search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search-text { 	width: 200px; 	border: none; 	text-transform: lowercase; 	border: 1px #BDB0ED dotted; 	font: bold 1.2em Arial, Helvetica, sans-serif; 	color: #FFFFFF; }  #search-submit { 	display: none; }  /* Menu */  #menu { 	width: 910px; 	height: 60px; 	margin: 0 auto; 	padding: 0; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  #menu li { 	float: left; }  #menu a { 	display: block; 	margin-left: 10px; 	padding: 10px 20px 0 20px; 	height: 31px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/9-img03.jpg) repeat-x left top; 	text-transform: lowercase; 	text-decoration: none; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 18px; 	font-weight: normal; 	border: none; 	color: #FFFFFF; }  #menu a:hover, #menu .current_page_item a { }  #menu a:hover { 	text-decoration: underline; }  /* Page */  #page { 	width: 910px; 	margin: 0 auto; 	padding: 0; 	border: 15px #FFFFFF solid; 	background: url(https://img.webme.com/pic/c/css-tasarimm/9-img02.jpg) repeat-x left top; }  /* Content */  #content { 	float: left; 	width: 600px; 	padding: 20px 0 0 20px; }  .post { }  .post .title { 	color: #06AEF1; }  .post .title a { 	background: none; 	color: #06AEF1; 	border: none; }  .post .title a:hover { 	text-decoration: underline; }  .post .meta { 	padding-bottom: 10px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/9-img04.gif) repeat-x left bottom; 	text-transform: uppercase; 	text-align: left; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 9px; }  .post .comments { }  .post .entry { 	padding: 10px 0 20px 0; 	text-align: justify; }  /* Sidebar */  #sidebar { 	float: right; 	width: 220px; 	padding: 40px 20px 0 0; 	color: #333333; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { }  #sidebar li p { 	padding-left: 15px; }  #sidebar li ul { 	padding-bottom: 30px; }  #sidebar li li { 	margin-left: 15px; 	padding-left: 10px; 	line-height: 35px; 	border-bottom: 1px dotted #D7D0F4; 	background: url(https://img.webme.com/pic/c/css-tasarimm/9-img06.gif) no-repeat left 50%; }  #sidebar h2 { 	letter-spacing: -.5px; 	padding-bottom: 10px; 	color: #06AEF1; 	background: url(https://img.webme.com/pic/c/css-tasarimm/9-img04.gif) repeat-x left bottom; }  #sidebar p { 	padding-bottom: 20px; 	text-align: justify; }  #sidebar a { 	color: #000000; 	border: none; }  #sidebar a:hover { 	text-decoration: underline; 	color: #000000; }  /* Calendar */  #calendar { }  #calendar_wrap { 	padding: 20px; }  #calendar table { 	width: 100%; }  #calendar tbody td { 	text-align: center; }  #calendar #next { 	text-align: right; }  /* Footer */  #footer { 	width: 910px; 	height: 0px; 	margin: 0 auto; 	padding: 40px 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/9-img04.gif) repeat-x left top; 	font-family: Arial, Helvetica, sans-serif; 	color: #B2B2B2; }  #footer p { 	margin: 0; 	line-height: normal; 	font-size: 9px; 	text-transform: uppercase; 	text-align: center; }  #footer a { 	color: #999999; }

CSS TASARIMLAR 10

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="containr">     	         <div id="logo"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS TASARİM MERKEZİ</a></div>         <div id="menu">             <a href="#" _fcksavedurl="#">Ana Sayfa</a>             <a href="#" _fcksavedurl="#">Hakkımızda</a>             <a href="#" _fcksavedurl="#">Toplist</a>             <a href="#" _fcksavedurl="#">Link Listesi</a>             <a href="#" _fcksavedurl="#">Sponsorlar</a>         </div>                                <div id="main">           <div id="sidebar">           	<h2>Site Menüsü</h2>             <ul>               <li><a href="#" _fcksavedurl="#">Tasarim 1</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 2</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 3</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 4</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 5</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 6</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 7</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 8</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 9</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 10</a></li>             </ul>             </div>           <div id="text">

<= Tasarimin ALtına =>

</div>     </div>               <div id="footer">             <div id="menu_footer"><a href="#" _fcksavedurl="#">Ana Sayfa</a> | <a href="#" _fcksavedurl="#">Hakkımızda</a> | <a href="#" _fcksavedurl="#">Toplist</a> | <a href="#" _fcksavedurl="#">Link Listesi</a> | <a href="#" _fcksavedurl="#">Sponsorlar</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Site Haritasi</a> | <a href="#" _fcksavedurl="#">HTML Kodlari</a> | <a href="#" _fcksavedurl="#">Diğer</a></div>             <div id="left_footer">© Copyright 2008 <b>www.siteadresi.tr.gg</b></div>             <div id="right_footer">   Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarim Merkezi"><b>siteadresiniz.tr.gg</b></a> & <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarimm"><b>CSS Tasarimm</b></a>     		</div> 	</div>      </div>

<= Css Kod Bölümüne =>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  html {background:url(https://img.webme.com/pic/c/css-tasarimm/10-body.gif);} body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(https://img.webme.com/pic/c/css-tasarimm/10-body_bckg.gif) repeat-x;} a {color:#EE4400; text-decoration:none;} a:hover {text-decoration:underline;}  #containr {background:url(https://img.webme.com/pic/c/css-tasarimm/10-main_bckg.jpg) center top no-repeat; width:1000px; margin:0 auto;}  #logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;} #menu {height:40px; text-align:center;} #menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;} #menu a:hover {color:#000000;}  #main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;} #text {margin:20px 220px 0 40px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text li {list-style:none; padding-left:15px; background:url(https://img.webme.com/pic/c/css-tasarimm/10-li.gif) no-repeat 0px 6px;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:right; padding:20px 30px 0 30px; width:170px;} #sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;} #sidebar ul {margin:0; padding:0;} #sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;} #sidebar li:hover {background-color:#f3f3f3;} #sidebar a {text-decoration:none;}  #footer {padding:0 110px; height:169px; clear:both; background:url(https://img.webme.com/pic/c/css-tasarimm/10-footer_bckg.jpg) center top no-repeat;} #menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;} #menu_footer a {color:#7A2200; text-transform:lowercase;} #left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;} #left_footer a {color:#FFFFFF;} #right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;} #right_footer a {color:#FFFFFF;}

CSS TASARIMLAR 11
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

</div> 	</div> 	 	 	<div id="sidebar"> 		<ul> 			<li id="search"> 				<h2><b class="text1">Arama Motoru</b></h2> 				<form method="get" action=""> 					<fieldset> 					<input type="text" id="s" name="s" value="" /> 					<input type="submit" id="x" value="Arama" /> 					</fieldset> 				</form> 			</li> 			<li> 				<h2><b>Ziyaretci</b> Defteri</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#">Toplist</a></li> 					<li><a href="#" _fcksavedurl="#">Link Listesi</a></li> 					<li><a href="#" _fcksavedurl="#">Araştırmalar</a></li> 					<li><a href="#" _fcksavedurl="#">Dersler</a></li> 					<li><a href="#" _fcksavedurl="#">Ödevler</a></li> 					<li><a href="#" _fcksavedurl="#">Css Design</a></li> 					<li><a href="#" _fcksavedurl="#">İceblue Tasarim</a></li> 				</ul> 			</li> 			<li> 				<h2><b>Dost</b> Sitemiz</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#">Toplist</a></li> 					<li><a href="#" _fcksavedurl="#">Link Listesi</a></li> 					<li><a href="#" _fcksavedurl="#">Araştırmalar</a></li> 					<li><a href="#" _fcksavedurl="#">Dersler</a></li> 					<li><a href="#" _fcksavedurl="#">Ödevler</a></li> 					<li><a href="#" _fcksavedurl="#">Css Design</a></li> 					<li><a href="#" _fcksavedurl="#">İceblue Tasarim</a></li> 				</ul> 			</li> 		</ul> 	</div> 	 	<div style="clear: both;"> </div> </div>   <div id="footer"> 	<p id="legal">(c) 2008 SiteAdi.tR.gg. Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a>.</p> </div> </div>

<= Css Kod Bölümüne =>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  /* Design by WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG */  body { 	margin: 0; 	padding: 0; 	background: #D1FBFF url(https://img.webme.com/pic/c/css-tasarimm/12-img02.jpg); 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 14px; 	color: #686868; }  h1, h2, h3 { 	margin: 0; 	font-family: Georgia, "Times New Roman", Times, serif; 	text-transform: lowercase; 	font-weight: normal; 	color: #83BFFB; }  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: #83BFFB; }  a:hover, a:active { 	text-decoration: none; 	color: #83BFFB; }  a:visited { 	color: #83BFFB; }  img { 	border: none; }  img.left { 	float: left; 	margin: 7px 15px 0 0; }  img.right { 	float: right; 	margin: 7px 0 0 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 { 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img01.jpg) repeat-x; }  /* Header */  #header { 	width: 900px; 	height: 50px; 	margin: 0 auto 40px auto; 	padding-top: 20px; }  #logo { 	float: left; 	height: 120px; }  #logo h1 { 	font-size: 38px; 	color: #3399CC; }  #logo h1 sup { 	vertical-align: text-top; 	font-size: 24px; }  #logo h1 a { 	color: #FFFFFF; }  #logo h2 { 	text-transform: uppercase; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; 	color: #28737B; }  #logo a { 	text-decoration: none; 	color: #3399CC; }  /* Menu */  #menu { 	float: right; }  #menu ul { 	margin: 0; 	padding: 15px 0 0 0; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	margin-left: 5px; 	padding: 7px 10px; 	text-decoration: none; 	font-size: 15px; 	color: #FFFFFF; }  #menu a:hover { 	text-decoration: underline; }  #menu .active a { }  /* Page */  #page { 	width: 900px; 	margin: 0 auto; 	background: #FFFFFF; 	padding: 40px 40px; }  /* Content */  #content { 	float: left; 	width: 630px; }  /* Post */  .post { }  .post .title { 	margin-bottom: 20px; 	padding-bottom: 5px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img03.jpg) no-repeat left bottom; 	border-bottom: 1px dashed #FFFFFF; }  .post .entry { }  .post .meta { 	padding: 15px 0 60px 0; }  .post .meta p { 	margin: 0; 	line-height: normal; 	color: #FFFFFF; }  .post .meta .byline { 	float: left; 	color: #0000FF; }  .post .meta .links { 	float: right; }  .post .meta .more { 	width: 185px; 	height: 35px; 	padding: 5px 45px 5px 45px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.jpg) no-repeat left center; 	text-transform: uppercase; 	text-decoration: none; 	font-size: 11px; 	color: #FFFFFF; }  .post .meta .comments { 	padding: 5px 45px 5px 45px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.jpg) no-repeat left center; 	text-transform: uppercase; 	text-decoration: none; 	font-size: 11px; 	color: #FFFFFF; }  .post .meta b { 	display: none; }  /* Sidebar */  #sidebar { 	float: right; 	width: 220px; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	margin-bottom: 40px; }  #sidebar li ul { }  #sidebar li li { 	margin: 0; }  #sidebar h2 { 	margin-bottom: 10px; 	padding-bottom: 5px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img04.jpg) no-repeat left bottom; 	font-size: 18px; 	font-weight: normal; }  /* Search */  #search { }  #search h2 { 	margin-bottom: 20px; }  #s { 	width: 150px; 	margin-right: 5px; 	padding: 3px; 	border: 1px solid #F0F0F0; }  #x { 	padding: 3px; 	background: #ECECEC url(https://img.webme.com/pic/c/css-tasarimm/12-img08.gif) repeat-x left bottom; 	border: none; 	text-transform: lowercase; 	font-size: 11px; 	color: #4F4F4F; }  /* Boxes */  .box1 { 	padding: 20px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.gif) no-repeat; }  .box2 { 	color: #BABABA; }  .box2 h2 { 	margin-bottom: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-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 { 	height: 400px; 	min-height: 74px; 	padding: 10px 0 0 0; 	font-family: Tahoma, Arial, Helvetica, sans-serif; }  html>body #footer { 	height: auto; }  #legal { 	clear: both; 	padding-top: 20px; 	text-align: center; 	text-transform: uppercase; 	font-size: 10px; 	color: #83BFFB; }  #legal a { 	font-weight: bold; 	color: #83BFFB; }

CSS TASARIMLAR 12
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

<= Css Kod Bölümüne =>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  /* Design by WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG                     WWW.CSS-TASARIMM.TR.GG */  body { 	margin: 0; 	padding: 0; 	background: #D1FBFF url(https://img.webme.com/pic/c/css-tasarimm/12-img02.jpg); 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 14px; 	color: #686868; }  h1, h2, h3 { 	margin: 0; 	font-family: Georgia, "Times New Roman", Times, serif; 	text-transform: lowercase; 	font-weight: normal; 	color: #83BFFB; }  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: #83BFFB; }  a:hover, a:active { 	text-decoration: none; 	color: #83BFFB; }  a:visited { 	color: #83BFFB; }  img { 	border: none; }  img.left { 	float: left; 	margin: 7px 15px 0 0; }  img.right { 	float: right; 	margin: 7px 0 0 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 { 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img01.jpg) repeat-x; }  /* Header */  #header { 	width: 900px; 	height: 50px; 	margin: 0 auto 40px auto; 	padding-top: 20px; }  #logo { 	float: left; 	height: 120px; }  #logo h1 { 	font-size: 38px; 	color: #3399CC; }  #logo h1 sup { 	vertical-align: text-top; 	font-size: 24px; }  #logo h1 a { 	color: #FFFFFF; }  #logo h2 { 	text-transform: uppercase; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; 	color: #28737B; }  #logo a { 	text-decoration: none; 	color: #3399CC; }  /* Menu */  #menu { 	float: right; }  #menu ul { 	margin: 0; 	padding: 15px 0 0 0; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	margin-left: 5px; 	padding: 7px 10px; 	text-decoration: none; 	font-size: 15px; 	color: #FFFFFF; }  #menu a:hover { 	text-decoration: underline; }  #menu .active a { }  /* Page */  #page { 	width: 900px; 	margin: 0 auto; 	background: #FFFFFF; 	padding: 40px 40px; }  /* Content */  #content { 	float: left; 	width: 630px; }  /* Post */  .post { }  .post .title { 	margin-bottom: 20px; 	padding-bottom: 5px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img03.jpg) no-repeat left bottom; 	border-bottom: 1px dashed #FFFFFF; }  .post .entry { }  .post .meta { 	padding: 15px 0 60px 0; }  .post .meta p { 	margin: 0; 	line-height: normal; 	color: #FFFFFF; }  .post .meta .byline { 	float: left; 	color: #0000FF; }  .post .meta .links { 	float: right; }  .post .meta .more { 	width: 185px; 	height: 35px; 	padding: 5px 45px 5px 45px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.jpg) no-repeat left center; 	text-transform: uppercase; 	text-decoration: none; 	font-size: 11px; 	color: #FFFFFF; }  .post .meta .comments { 	padding: 5px 45px 5px 45px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.jpg) no-repeat left center; 	text-transform: uppercase; 	text-decoration: none; 	font-size: 11px; 	color: #FFFFFF; }  .post .meta b { 	display: none; }  /* Sidebar */  #sidebar { 	float: right; 	width: 220px; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	margin-bottom: 40px; }  #sidebar li ul { }  #sidebar li li { 	margin: 0; }  #sidebar h2 { 	margin-bottom: 10px; 	padding-bottom: 5px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img04.jpg) no-repeat left bottom; 	font-size: 18px; 	font-weight: normal; }  /* Search */  #search { }  #search h2 { 	margin-bottom: 20px; }  #s { 	width: 150px; 	margin-right: 5px; 	padding: 3px; 	border: 1px solid #F0F0F0; }  #x { 	padding: 3px; 	background: #ECECEC url(https://img.webme.com/pic/c/css-tasarimm/12-img08.gif) repeat-x left bottom; 	border: none; 	text-transform: lowercase; 	font-size: 11px; 	color: #4F4F4F; }  /* Boxes */  .box1 { 	padding: 20px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.gif) no-repeat; }  .box2 { 	color: #BABABA; }  .box2 h2 { 	margin-bottom: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/12-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 { 	height: 400px; 	min-height: 74px; 	padding: 10px 0 0 0; 	font-family: Tahoma, Arial, Helvetica, sans-serif; }  html>body #footer { 	height: auto; }  #legal { 	clear: both; 	padding-top: 20px; 	text-align: center; 	text-transform: uppercase; 	font-size: 10px; 	color: #83BFFB; }  #legal a { 	font-weight: bold; 	color: #83BFFB; }

CSS TASARIMLAR 13

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

</div>  <div class="left">   <h2>Menu :</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>  <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>  <li><a href="#" _fcksavedurl="#">İletişim</a></li>  <li><a href="#" _fcksavedurl="#">Haberler</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li>  <li><a href="#" _fcksavedurl="#">Son Dakika</a></li> </ul>  <h2>Css Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#">CSS Tasarim 1</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 2</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 3</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 4</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 5</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 6</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 7</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 8</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 9</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 10</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 11</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 12</a></li> </ul>  </div> <div style="clear: both;"> </div> </div>  <div id="bottom"> </div> <div id="footer"> Designed by <a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/">Css Tasarim Merkezi</a>. <br><br> <center><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg"><img src="https://img.webme.com/pic/c/css-tasarimm/toplist.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/toplist.gif" alt="css tasarim merkezi" /></a></center>  </div> </div>

<= Css Kod Bölümüne =>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  * { 	margin: 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(https://img.webme.com/pic/c/css-tasarimm/13-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(https://img.webme.com/pic/c/css-tasarimm/13-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(https://img.webme.com/pic/c/css-tasarimm/13-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; }