caylak-site

Css Tasarımlar

TASARIM GÖRÜNÜMÜ

Tasarimin Üzerine

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-TASARİMM.TR.GG */  * { margin: 0px; padding: 0px; }  a:link { 	color: #A5A9B2; }  a:hover { 	text-decoration: none; 	color: #FF0000; }  a:visited { 	color: #A5A9B2; }  body { 	 	background: #ffffff url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif) repeat-x; 	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; 	color: #666666; }  #contentt { 	margin: 0 auto; 	background: #ffffff; 	width: 742px; 	text-align: left; }  #back { background: #ffffff; width: 742px; }  #header { 	height: 406px; 	text-align: left;		 }  #menu1 { width: 702px; height: 152px; padding-left: 40px; }  #menu ul { 	list-style: none;	 }  #menu li { 	 	display: inline;  	 }  #menu a { 	float: left; 	width: 79px; 	height: 32px;     display: block; 	text-align: center; 	text-decoration: none; 	color: #000000; 	font-weight: bold; 	font-size: 12px; 	text-transform: uppercase; }  #menu a:hover { 	width: 79px;     height: 32px; 	color: #004586; 	text-decoration: underline; }  #button1 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat; height: 24px; width: 124px; }  #button2 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat; height: 24px; width: 124px; }  #button3 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat; height: 24px; width: 124px; } #button4 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat; height: 24px; width: 124px; } #button5 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat; height: 24px; width: 124px; }   #logo { background: url(https://img.webme.com/pic/c/css-tasarimm/1-header.jpg) no-repeat; width: 722px; height: 234px; text-align: left; padding-left: 20px; padding-top: 10px; }   #logo a { 	text-decoration: none; 	text-transform: lowercase; 	font-style: italic; 	font-size: 18px; 	color: #000000; } #logo H2 a { font-size: 12px; }  #left { 	width: 266px; }  #left H3 { width: 241px; height: 47px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #000000; background: url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x }  #left ul { 	list-style: none;  }  #left li ul { 	border: 0px; 	margin-left: 20px; 	margin-bottom: 10px; }  #left li li { 	padding: 4px 20px;     background: url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif) no-repeat left; }  #left a { 	color: #A5A9B2; } #left a:visited { 	color: #A5A9B2; }  #left p { padding: 10px; }  #calendar1 { 	padding: 0 10px 20px 10px; }  #calendar table { 	width: 100%; 	text-align: center; }  #calendar thead {  }  #calendar tbody td { 	border: 1px solid #F1F1F1; }  #calendar #prev { 	text-align: left; }  #calendar #next { 	text-align: right; }  #calendar tfoot a { 	text-decoration: none; 	font-weight: bold; }  #calendar #now { 	background: #696969; 	border: 1px solid #ff0000; 	font-weight: bold; 	color: #ffffff }  #right { float: right; width: 450px; padding-right: 10px; }  #right H4 { 	margin: 0; 	padding: 0px; 	font-size: 12px; 	color: #C5C5C5; }  #right a { color: #A5A9B2; text-decoration: none; }  #right p { 	margin: 0; 	padding: 0; 	padding-bottom: 10px; }  #right h2 { 	margin: 0; 	padding: 0; 	padding-top: 10px; 	color: #C5C5C5; } .date { 	text-align: right; 	color: #808080; 	font-size: 11px; }  .date a { 	color: #D72020; }    #footer { 	height: 29px; 	clear: both; 	padding-top: 50px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x bottom; }  #footer p { 	margin: 0; 	font-size: 10px; 	text-align: center; 	color: #ffffff; }  #footer a { 	color: #ffffff; }www.caylak-site.tr.gg

Tasarimin ALtına

</div> 	<div id="left">		 			<h3>MENÜ</h3> 			<ul> 			  <li><ul> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Ekle</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dost Siteler</a></li> 				  </ul> 			  </li> 			</ul> 			<h3>Takvim</h3> 			<ul> 				<li id="calendar">			 				<div id="calendar1"> 					<table id="calendar2" summary="Calendar"> 						<caption> 						January 2008 						</caption> 						<thead> 							<tr> 								<th abbr="Monday" scope="col" title="Monday">M</th> 								<th abbr="Tuesday" scope="col" title="Tuesday">T</th> 								<th abbr="Wednesday" scope="col" title="Wednesday">W</th> 								<th abbr="Thursday" scope="col" title="Thursday">T</th> 								<th abbr="Friday" scope="col" title="Friday">F</th> 								<th abbr="Saturday" scope="col" title="Saturday">S</th> 								<th abbr="Sunday" scope="col" title="Sunday">S</th> 							</tr> 						</thead> 						<tfoot> 							<tr> 								<td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#" _fcksavedurl="#">« Des</a></td> 								<td class="pad"> </td> 								<td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Feb »</a></td> 							</tr> 						</tfoot> 						<tbody> 							<tr> 								<td colspan="2" class="pad"> </td> 								<td>1</td> 								<td>2</td> 								<td>3</td> 								<td>4</td> 								<td>5</td> 							</tr> 							<tr> 								<td>6</td> 								<td>7</td> 								<td>8</td> 								<td>9</td> 								<td>10</td> 								<td>11</td> 								<td>12</td> 							</tr> 							<tr> 								<td>13</td> 								<td>14</td> 								<td>15</td> 								<td>16</td> 								<td>17</td> 								<td>18</td> 								<td>19</td> 							</tr> 							<tr> 								<td>20</td> 								<td id="now">21</td> 								<td>22</td> 								<td>23</td> 								<td>24</td> 								<td>25</td> 								<td>26</td> 							</tr> 							<tr> 								<td>27</td> 								<td>28</td> 								<td>29</td> 								<td>30</td> 								<td>31</td> 								<td class="pad" colspan="2"> </td> 							</tr> 						</tbody> 					</table> 				</div> 			</li> 		  </ul> 		  <h3>Site Hakkında</h3> 			<p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz...</p> 			<br /> 	</div> 	   <!--                         g

Tasarımın üzerindeki yazı:

<div id="top"> <div id="header_top"> <div id="left_corner"> <h1><a href="#">Main-center / Yeşil Güncel</a></h1> <div class="description"> Css Tasarım Bölümü </div> </div> <div id="right_corner"> </div> </div> <div id="header_nav"> <div id="navi"> <div id="menus"> <ul> <li class="home"><a href="#">Ana Sayfa</a></li> <li class="page_item page-item-14"><a href="#">İletişim</a></li> <li class="page_item page-item-14"><a href="#">Ziyaretçi Defteri</a></li> <li class="page_item page-item-14"><a href="#">Top-List</a></li> <li class="page_item page-item-14"><a href="#">Hakkımızda</a></li> </ul> </div> </div> </div> </div> <div id="wrapper"> <div id="container_right">  <div id="topbox"> <div id="topbox_left"> </div> <div id="topbox_center"> <div id="recent_post"> <div id="recent_left"> </div> <div id="recent_center"> <div id="recent_title"> Son Mesaj </div> <div id="recent_content"> <ul> <li><a href="#">An image in a post</a></li> <li><a href="#">Blockquotes galore</a></li> <li><a href="#">An ordered list</a></li> <li><a href="#">How the ‘more’ tag works</a></li> <li><a href="#">Order or Unorder - you decide</a></li> <li><a href="#">Hello world! Welcome</a></li> <li><a href="#">An example of child categories</a></li> <li><a href="#">An unordered list</a></li> <li><a href="#">Professional photography lorem ipsum</a></li> <li><a href="#">Lorem ipsum manjang</a></li> </ul> </div> </div> <div id="recent_right"> </div> </div> <div id="aboutme"><center><h1>Hakkımızda</h1></center> <p>Merhaba ben Kutay NUREL “ main-center.tr.gg” sitesinin sahibi. Sizler ile bu tasarımı paylaşmak istedim. Devamı olan tasarımlar başlığımızı giriniz.. Aklınıza gelmedik inanılmaz tasarımlar bulunacaktır… Şimdiden İyi Vakitler…</p> </div> <div> <form id="search" method="get" action="http://main-center.tr.gg/"><input value="Buraya aranacak kelimeyi giriniz" onfocus="if (this.value == 'Buraya aranacak kelimeyi giriniz) {this.value = '';}" onblur="if (this.value == '') {this.value = 'search: type in and enter';}" size="18" maxlength="50" name="s" id="s" type="text"> </form> </div> </div> <div id="topbox_right"> </div> </div>  <div id="inner_container"> <div class="post" id="post-5"> <h1>Main-center / Yeşil Güncel Tasarım</h1> <div class="postdata"> Css Tasarım Bölümü</div> <div class="entry"> <p>

Tasarımın altındaki yazı:

</p> <br clear="all"> <div class="metadata_center"> Dost Siteler ; <a href="http://main-center.tr.gg">Main-center</a> , <a href="#">Siteni Ekle</a> </div> </div> </div> <div id="navigation"> <div class="alignright"></div> </div> </div> <div class="rsidebar"> <div><img class="top_rsidebar" src="Wordpress%20theme_files/t_sidebar.jpg" alt=""></div> <div class="content_rsidebar"> <ul> <li><h1>Categories</h1> <ul> <li class="cat-item cat-item-7"><a href="#">Category 1</a> (2) <ul class="children"> <li class="cat-item cat-item-8"><a href="#">Child 1 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-9"><a href="#">Child 2 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-6"><a href="#">Child 3 - sits under Category 1</a> (1) </li> </ul> </li> <li class="cat-item cat-item-5"><a href="#">Category 2</a> (1) </li> <li class="cat-item cat-item-4"><a href="#">Category 3</a> (2) </li> <li class="cat-item cat-item-1"><a href="#">Uncategorized</a> (7) </li> <li class="cat-item cat-item-3"><a href="#">Wordpress</a> (2) </li> </ul> </li> <li class="pagenav"><h1>Pages</h1><ul><li class="page_item page-item-14"><a href="#">About</a></li> </ul></li> <li id="linkcat-2" class="linkcat"><h1>Dost Siteler</h1> <ul> <li><a href="http://main-center.tr.gg/">Main-center</a></li> <li><a href="#">Donncha</a></li> <li><a href="#">Dougal</a></li> <li><a href="#">Matt</a></li> <li><a href="#">Michel</a></li> <li><a href="#">Mike</a></li> <li><a href="#">Ryan</a></li> </ul> </li> </ul> </div> <div class="bottom_rsidebar"> </div></div> </div> <div id="lsidebar"> <div><a href="http://main-center.tr.gg/"><img style="width: 207px; height: 240px;" class="top_lsidebar" src="https://img.webme.com/pic/m/main-center/250250main.jpg" alt="Main-center" border="0" /></a></div> <div class="content_lsidebar"> <ul> <li id="pages" class="widget widget_pages"> <h1 class="widgettitle">Pages</h1> <ul> <li class="page_item page-item-14"><a href="#" title="About">About</a></li> </ul> </li> <li id="archives" class="widget widget_archive"><h1 class="widgettitle">Archives</h1> <ul> <li><a href="#">August 2007</a></li> <li><a href="#">July 2007</a></li> <li><a href="#">October 2006</a></li> <li><a href="#">November 2005</a></li> <li><a href="#">November 2003</a></li> </ul> </li> <li id="meta" class="widget widget_meta"> <h1 class="widgettitle">Meta</h1> <ul> <li><a href="#">Log in</a></li> <li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="#">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="#">WordPress.org</a></li> </ul> </li> <li id="recent-comments" class="widget widget_recent_comments"> <h1 class="widgettitle">Recent Comments</h1> <ul id="recentcomments"><li class="recentcomments"><a href="# rel="external nofollow">Mohd.Sarbani Puteh</a> on <a href="http://wordpress.eches.net/about/#comment-310">About</a></li><li class="recentcomments">admin on <a href="http://wordpress.eches.net/2005/11/29/a-professional-photography-lorem-ipsum/#comment-275">Professional photography lorem ipsum</a></li><li class="recentcomments"><a href="http://wiiwe.info/" rel="external nofollow">wiiwe</a> on <a href="http://wordpress.eches.net/2005/11/29/a-professional-photography-lorem-ipsum/#comment-272">Professional photography lorem ipsum</a></li><li class="recentcomments"><a href="http://www.ufoss.com/" rel="external nofollow">ufoss</a> on <a href="http://wordpress.eches.net/2007/08/22/wordpress-theme/#comment-265">An image in a post</a></li><li class="recentcomments"><a href="http://wordpress.eches.net/2007/07/22/im-back/" rel="external nofollow">Wordpress theme » An ordered list</a> on <a href="http://wordpress.eches.net/2007/08/22/wordpress-theme/#comment-263">An image in a post</a></li></ul> </li> <li id="categories-1" class="widget widget_categories"><h1 class="widgettitle">Categories</h1> <ul> <li class="cat-item cat-item-7"><a href="#">Category 1</a> (2) <ul class="children"> <li class="cat-item cat-item-8"><a href="#">Child 1 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-9"><a href="#">Child 2 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-6"><a href="#">Child 3 - sits under Category 1</a> (1) </li> </ul> </li> <li class="cat-item cat-item-5"><a href="#">Category 2</a> (1) </li> <li class="cat-item cat-item-4"><a href="#">Category 3</a> (2) </li> <li class="cat-item cat-item-1"><a href="#">Uncategorized</a> (7) </li> <li class="cat-item cat-item-3"><a href="#">Wordpress</a> (2) </li> </ul> </li> </ul> </div> <div class="bottom_lsidebar"> </div> </div> </div> <div id="footer"> <p> Copyright © 2009 Tüm Hakkı Saklıdır ...<br> Tema Tasarım : <a href="http://main-center.tr.gg/">Main-center</a> Webmaster by <a href="http://main-center.tr.gg/">KNUREL</a> </p> </div>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

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;} /Tema Tasarım Ve Kodlama : css-sablon.tr.gg / Dj_TuGiCaN/ /++++++++++++++++++++++++ Global Declaration ++++++++++++++++++++++++++++++++/ body, h1, h1, h3, h4, h5, h6, blockquote, form { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; background: #ffffff; color: #000000; } a:link, a:visited { text-decoration: none; color: #2c88bc; } p { padding: 10px 0 0 0; } /+++++++++++++++++++++++ Top: Header and Navigation ++++++++++++++++++++++++++/ #top { width:100%; height:130px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/header.jpg) repeat-x; } /+++++++++++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++/ #header_top { width: 1000px; height:84px; margin:0 auto; } #left_corner { float:left; height:66px; width:400px; padding:12px 0 5px 0; } #left_corner h1 a { color:#fff; font-size:28px; font-family:Sans-serif,Georgia,Verdana; padding-left:15px; text-decoration:none; font-weight:700; } .description { padding:10px 0 0 15px; color:#FFFFFF; font-size:12px; font-family:Sans-serif,Georgia,Verdana; font-weight:700; } #right_corner { float:right; height:84px; width:344px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/right_corner.jpg) no-repeat; } /+++++++++++++++++++++++++++++ Top Navigation +++++++++++++++++++++++++++++++/ #header_nav { width:100%; height:43px; margin:0 auto; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/menu.jpg) repeat-x; } #navi { width:995px; margin:0 auto; padding:0; overflow:hidden; height:31px; } #menus { float:left; margin:5px; padding:3px; width:730px; } #menus li { display: inline; list-style: none; margin:0; padding:0; } #menus ul, #menus ol { display: inline; list-style: none; margin:0; padding:0 10px 0 0; } #menus a, #menus a:visited { margin:0; padding: 3px 10px 3px 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; } #menus a:hover { background: #80b409; text-decoration: none; border:1px solid #FFFFFF; } #subscribe { float: right; width:92px; height:32px; margin:4px 4px 3px 4px; } .rss { float:right; margin:7px 10px 5px 0px; width:230px; } .rss ul { margin: 0; padding: 0 2px; } .rss li { margin: 0 2px 0 0; padding: 3px 0 3px 20px; list-style: none; font-size: 12px; color:#c40d63; display: inline; font-weight: bold; background: url(http://wordpress.eches.net/wp-content/themes/damai/images/rss.gif) no-repeat 0 3px; } .rss li a { font-size: 12px; color:#fff; } /+++++++++++++++++ Wrapper: Left Sidebar & Right Container +++++++++++++++++++/ #wrapper{ margin: 0px auto 0 auto; width: 1000px; text-align: left; } /++++++++++++++++++++++++++++ Left Sidebar +++++++++++++++++++++++++++++++++++/ #lsidebar { float: left; width:212px; padding:0px; margin:0 0 5px 5px; } .top_lsidebar { width:210px; } .bottom_lsidebar { width:210px; height:9px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat; } .content_lsidebar{ width:210px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y; } .content_lsidebar a:link, .content_lsidebar a:visited { color:#187cb6; text-decoration:none; font-weight:700; } .content_lsidebar ul{ list-style-type: none; margin: 0 auto; padding: 0 0 0 10px; } .content_lsidebar ul li{ padding: 0 13px 5px 3px; } .content_lsidebar ul li h1{ font-family: Arial,Verdana,Georgia, Sans-serif; padding-left:6px; margin-bottom:8px; font-size: 14px; line-height:1.6em; text-transform:uppercase; background:#cfe990; } .content_lsidebar ul ul li{ font-size:11px; margin-top: 3px; line-height: 1.0em; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat; padding-left:12px; } .content_lsidebar ul ul ul li { line-height: 9px; text-decoration:none; background-image:none; padding-left:0; } .content_lsidebar ul ul ul { margin-top: 9px; line-height: 11px; text-decoration:none; background-image:none; } /+++++++++++++ Right Container: Posts, Right Sidebar & TopBox +++++++++++++++/ #container_right { float: right; width: 776px; } #inner_container{ float: left; width: 548px; text-align:justify; } /++++++++++++++++++++++++++++++++ Posts +++++++++++++++++++++++++++++++++++++/ .post{ padding: 10px 3px 10px 4px; } .post h1{ font-family: Arial, Georgia, Sans-serif; font-size: 18px; text-transform:uppercase; padding-top:1px; border-top:2px dotted #187cb6; } .post h1 a:link, .post h1 a:visited { text-decoration:none; color:#493b3b; } .postdata { border-bottom:2px dotted #187cb6; padding-bottom:2px; font-size:11px; } .postdata a:link,.postdata a:visited { color:#187cb6; font-size:11px; text-decoration:none; font-weight:700; } .entry{ line-height: 18px; } p.postmetadata { margin: 10px 0 0 0; } /++++++++++++++++++++++++++++ Right Sidebar +++++++++++++++++++++++++++++++++/ .rsidebar{ float: right; width:220px; margin:4px 0 5px 6px; } .top_rsidebar { width:210px;height:9px; } .bottom_rsidebar { width:210px;height:9px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat; } .content_rsidebar { width:220px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y; } .content_rsidebar a:link, .content_rsidebar a:visited { color:#187cb6; text-decoration:none; font-weight:700; } .content_rsidebar ul{ list-style-type: none; margin: 0; padding: 0 10px; } .content_rsidebar ul li{ padding: 0 13px 5px 3px; } .content_rsidebar ul li h1{ padding-left:6px; margin-bottom:8px; font-family: Arial,Verdana,Georgia, Sans-serif; font-size: 14px; line-height:1.6em; text-transform:uppercase; background:#cfe990; } .content_rsidebar ul ul li{ font-size:11px; margin-top: 3px; line-height: 1.0em; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat 0 0; padding-left:12px; } .content_rsidebar ul ul ul li { line-height: 9px; text-decoration:none; background-image:none; padding-left:0; } .content_rsidebar ul ul ul { margin-top: 9px; line-height: 11px; text-decoration:none; background-image:none; } .metadata_center { height:18px; width:530px; margin:0 auto; padding: 2px 0 0 3px; background:#cbe488; border:2px solid #85aa43; } .metadata_center a:link, a:visited { text-decoration:none; color:#0000ee; } /+++++++++++++++ TopBox: Recent Posts, About Me and Search +++++++++++++++++++/ #topbox { width:770px; margin:0; padding:0; } #topbox_left { float:left; width:9px; height:222px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hleft.jpg) no-repeat; } #topbox_center { float:left; width:744px;height:222px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hcenter.jpg) repeat-x; } #topbox_right { float:left; width:9px;height:222px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hright.jpg) no-repeat; } /++++++++++++++++++++++++ Recent Posts: Structure ++++++++++++++++++++++++++++/ #recent_post { margin:10px 0 7px 0px; float:left; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x; } #recent_left { float:left; width:10px; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bleft.jpg) no-repeat; } #recent_center { float:left; width:470px; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x; } #recent_right { float:left; width:10px; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bright.jpg) no-repeat; } /+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++/ #recent_title { font-size:15px; font-family:Arial,Verdana; color:#ffffff; font-weight:800; padding:8px 0 0 155px; text-transform:uppercase; border-bottom:2px dotted #FFFFFF; } #recent_content { overflow:hidden; height:155px; font-weight:700; } #recent_content a:link, #recent_content a:visited { font-size:12px; font-family:Arial,Verdana; color:#cfe990; text-decoration:none; } #recent_content a:hover { font-size:12px; font-family:Arial,Verdana; color:#95ce0c; } #recent_content ul { list-style: none; margin: 0; padding: 5px 0 0 2px; float:left; } #recent_content li { background:url(http://wordpress.eches.net/wp-content/themes/damai/images/tag_green.gif) no-repeat 0 3px; list-style:none; line-height:25px; padding-left:20px; float:left; width:200px; overflow:hidden; } /++++++++++++++++++++++++++++++++ About Me ++++++++++++++++++++++++++++++++++/ #aboutme { float:right; margin:10px auto 0; padding:3px; font-family:Arial; color:#000; height:160px;width:240px; text-align:justify; line-height:1.3em; font-size:11px; overflow:hidden; } #aboutme p{ padding-top:5px; } #aboutme h1 { font-size:16px; color:#000; border-bottom:2px dotted #fff; padding:3px 5px 6px 0; text-transform:uppercase; } /+++++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++++/ #search { height:20px; float:right; margin:8px 4px 0 0; } #search #s { font-size:8pt; width:230px; padding-left:3px; font-family:Arial; height:16px; } input#s { color:#000; border:3px solid #c5d864; background:#fcfcfc; } /++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++/ #footer{ clear: both; width: 100%; text-align:center; padding: 10px 0 8px 0; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/footer.jpg) repeat-x; } #footer p{ font-size:11px; padding:3px 3px; margin:2px 5px 0 5px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/damai_footer.jpg) no-repeat 35% 0; } #footer p a:link,#footer p a:visited { color:#f7f9f3; font-weight:700; } /+++++++++++++++++++++++++++++++++ Misc +++++++++++++++++++++++++++++++++++++/ /+++++++++++++++++++++++++++++++ Error Page +++++++++++++++++++++++++++++++++/ #error_page { padding-left:3px; margin-top:4px; width:530px; } #error_page a:link, #error_page a:visited { color:#2c88bc; font-weight:700; } /+++++++++++++++++++++++++++++++ Calendar +++++++++++++++++++++++++++++++++++/ table#wp-calendar { width:90%; margin:0 3px; } /+++++++++++++++++++++++++++++++ Blockquote +++++++++++++++++++++++++++++++++/ blockquote { margin:5px 0; padding:4px 7px 10px 7px; font-size:11px; color:#52525b; background: #e4f7b5; border:1px dashed #79b32b; } blockquote blockquote { margin:5px 10px; padding:4px 7px 10px 7px; font-size:11px; color:#52525b; background: #e4f7b5; border:1px dashed #79b32b; } /++++++++++++++++++++++++++ PageTitle (archives.php) +++++++++++++++++++++++++/ .pagetitle { margin:5px 0 0 3px; color:#6c2f4b; text-transform:uppercase; } /+++++++++++++++++++++ Navigation: Previous & Next +++++++++++++++++++++++++++/ #navigation{ padding:10px 0; font-size: 14px; font-weight: bold; margin-bottom:10px; height:20px; } .alignleft { float:left; } .alignright { float:right; } .alignleft a:link,.alignleft a:visited,.alignright a:link,.alignright a:visited { color:#187cb6; text-decoration:none; } /+++++++++++++++++++++++++++ Comment component +++++++++++++++++++++++++++++++/ #commentsbox { padding: 0 0 0 5px; margin: 0 0 4px 3px; width: 538px; font-size:11px; border-top:2px dotted #187cb6; } #commentsbox a:link, #commentsbox a:visited { text-decoration: none; color: #2c88bc; } #comments h1 { margin:5px 0 0 0; padding:0 7px; color:#ff5c00; font-size:16px; font-weight:normal; } #comments { margin:5px 0 0 0; } #respond { margin:10px 0 0 0; padding-top:3px; font-size:14px; font-weight:bold; } .boxcomments { margin-bottom:20px; width:520px; } #commentform { margin:0; padding:15px 15px 1px; } #commentform label { display:block; margin:0; } #commentform input { width:170px; margin:0 5px 10px 0; padding:1px; } #commentform textarea { width:400px;margin:0 0 10px; padding:0; } #commentform #submit { margin:0 0 20px; } #commentform p { margin:5px 0; } ol.commentlist { margin:0 0 1px; padding:0; } ol.commentlist li { margin:7px 7px; padding:6px 15px 12px 15px; border:1px dashed #809f51; background:#def0ba; display:block; list-style:none; } ol.commentlist li.mycomment { margin:7px 0; padding:5px 15px 1px; border-bottom:20px solid #fff; display:block; list-style:none; background:#f3fdff; } ol.commentlist li.commenthead { display:block; list-style:none; margin:0;padding:5px 15px; } ol.tblist { list-style:none; margin:0 0 1px; padding:0; } ol.tblist li { display:block; list-style:none; padding:10px 5px 10px 5px; margin:0 0 5px; border:1px dashed #ccc; } input#url,input#author,input#email,textarea { color:#666; width:40%; border:1px solid #cbcbcb; margin-bottom:0.6em; margin-top:2px; padding:3px; background:#fcfcfc; } table {margin-left: auto;margin-right: auto}

Tasarım Üstü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

Tasarim Altı
</div> </div> <div id="alt"></div> </div>

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ü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

Tasarim Altı
</div> </div> <div id="alt"></div> </div>

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ü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

Tasarim Altı
</div> </div> <div id="alt"></div> </div>

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ü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

Tasarim Altı
</div> </div> <div id="alt"></div> </div>

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ü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

Tasarım Altı
</div> </div> <div id="alt"></div> </div>

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ü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun"><br />

Tasarım Altı
</div> </div> <div id="alt"></div> </div>

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ü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

Tasarım Altı
</div> </div> <div id="alt"></div> </div>

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ü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

Tasarim Altı
</div> </div> <div id="alt"></div> </div>

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

TASARIM GÖRÜNÜMÜ

T.üstü

T.aLtı

</div> 				 				 				<div id="sidebar"> 				<div class="wrap"> 				<div class="top"> 				<div class="btm"> 					<ul> 						<li> 							<h2>Menü</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> 							</ul> 						</li> 						<li> 							<h2>Tasarimlar</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 								<li><a href="#" _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> 				</div> 				</div> 				 				<div style="clear:both"> </div> 	</div> </div> <div id="footer"> 	<p>©2008 Her Hakkı Saklıdır  •  Design by <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="www.caylak-site.tr.gg">Caylak Site</a> </p> </div>www.caylak-site.tr.gg

Css

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}   body { 	margin-top: 20px; 	margin: 0; 	padding: 0; 	background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img01.gif) repeat-x left top; 	font-size: 11px; 	text-align: justify; 	color: #1F1F1F; }  body, th, td, input, textarea, select, option { 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; }  h1, h2, h3 { 	font-family: Georgia, "Times New Roman", Times, serif; 	font-weight: normal; 	color: #000000; }  h1 { 	letter-spacing: -2px; 	font-size: 3em; }  h2 { 	letter-spacing: -1px; 	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; }  #wrapper { 	margin: 0; 	padding: 0; 	background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img02.jpg) repeat-x left top; }   /* Header */  #header { 	width: 800px; 	height: 200px; 	margin: 0 auto; 	padding: 50px 0 0 0; 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img04.jpg) no-repeat left 20%; }  #header h1, #header p { 	margin: 0; }  #header h1 { 	float: left; 	color: #000000; 	font-size: 36px; 	padding-left: 75px; 	height: 70px; }  #header p { 	float: left; 	padding: 17px 0 0 10px; 	font-size: 12px; 	font-weight: bold; }  #header a { 	text-decoration: none; 	color: #F79F1A; }  #banner { 	margin: 0 auto; 	margin-bottom: 15px; 	padding: 0; 	width: 800px; 	height: 250px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img01.jpg) no-repeat left top; }  /* Page */  #page { 	width: 800px; 	margin: 0 auto; 	margin-bottom: 15px; }  /* Content */  #content { 	float: right; 	width: 505px; 	margin: 0; 	padding: 25px 25px 15px 20px; }  .post { 	padding: 0px 0 0 0; }  .title { 	border-left: 6px solid #2E2E2E; 	padding: 0 20px 0 10px; 	font-size: 24px; }  .title a { 	text-decoration: none; 	color: #FFFFFF; }  .pagetitle { }  .byline { 	margin: -25px 20px 0 17px; 	color: #303030; }  .meta { 	text-align: left; 	color: #17A141; 	padding: 10px 20px 10px 12px; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	background: #34CD65; 	border: 3px solid #000000; }  .meta .more { 	padding-left: 10px; }  .meta .comments { 	padding-left: 10px; }  .meta a { 	color: #000000; }  .navigation { }  .alignleft { 	float: left; }  .alignright { 	float: right; }  .posts { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  .posts li { }  .posts h3 { 	margin: 0; 	font-weight: bold; }  .posts p { 	margin: 0; 	line-height: normal; }  .posts a { }  .entry { 	margin: 0; 	padding: 0 0 15px 17px; }  .last { 	border: none; }  /* Sidebar */  #sidebar { 	float: left; 	width: 245px; 	margin-top: -130px; 	padding: 0 0 0 0; 	color: #17A141; }  #sidebar .btm { 	margin: 0; 	padding: 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img07.gif) no-repeat left bottom; }  #sidebar .top { 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img05.gif) no-repeat left top; }  #sidebar .wrap { 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img06.gif) repeat-y left top; }  #sidebar ul { 	margin: 0; 	padding: 40px 20px 40px 40px; 	list-style: none; }  #sidebar li { 	margin: 0; 	padding: 0; }  #sidebar li ul { 	margin: 0 0 0 0; 	padding: 0 0 20px 0; }  #sidebar li li { 	margin: 0 0 0 10px; 	padding: 0 0 0 10px; 	line-height: 25px; }  #sidebar h2 { 	margin: 0; 	padding-left: 40px; 	height: 35px; 	font-size: 18px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img08.gif) no-repeat left top; }  #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; }  #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 { 	width: auto; 	height: 118px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img03.gif) repeat-x left top; 	text-align: center; 	font-size: 10px; 	font-family: Arial, Helvetica, sans-serif; }  #footer p { 	padding: 50px 0; }  #footer p a { }  www.caylak-site.tr.gg

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: 0 auto;             margin-right:0 auto;             background: url(https://img.webme.com/pic/h/hackedfriend/redplan.png) top center fixed;             }             #tasarim{             width: 1024px;             margin-left: 0 auto;             margin-right:0 auto;             }             #baslik{             margin-left: 0 auto;             margin-right:0 auto;             background:  none;             width: 1000px;             height: 20px;             float: left;             text-align: center;             padding: 180px 0 0 0;             font-size: 20px;             color: #ff0000;             font-family: Verdana, arial;             }             #ust{             margin-left: 0 auto;             margin-right:0 auto;             background: url(https://img.webme.com/pic/h/hackedfriend/red_01.png);             width: 1024px;             height: 208px;             float: left;             }             #orta{             margin-left: 0 auto;             margin-right:0 auto;             background: url(https://img.webme.com/pic/h/hackedfriend/red_02.png);             width: 1024px;             height: 100%;             float: left;             }             .solsutun{             width:193px;             float: left;             padding: 0 0 0 50px;             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/h/hackedfriend/red_03.png);             width: 1024px;             height: 342px;             float: left;             }  www.caylak-site.tr.gg

div.header{position:absolute;             left: 180px;             top: 160px;             color: #FFFFFF;             z-index: 1;             }             li.nav_element{list-style-type: none;}             cin.18{display:block;}             #Header_oben {             height: 264px;             width: 1000px;             background:;             background-image:url(http://img132.imageshack.us/img132/5015/unbenannt545pg3.png);             color: #FFFFFF;             margin: 0px 0px 0px 0px;             padding: 0px;             float: left;             position:absolute;left:2px;top:10px;}             body {background-image:url(https://img.webme.com/pic/p/probieren4/backroundalien2-pink.jpg);}             a{color:#ffffff; font-size: 15px; text-decoration: none;}             a:hover {color: #ffffff; font-size: 15px; text-decoration: none;}             a:link {color: #ffffff; font-size: 15px; text-decoration: none;}             a:active {color: #ffffff; font-size: 15px; text-decoration: none;}             a:visited {color: #ffffff; font-size: 15px; text-decoration: none;}             li.nav_element a{             color:#ffffff;             display: block;             margin: 5px;             padding-left: 0px             text-decoration: none;             width: 135px;             height: 16px;             background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);             background-color:}             li.nav_element a:hover{             color:#ffffff;             display: block;             margin: 0px;             padding-left: 0px             text-decoration: none;             width: 135px;             height: 16px;             background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);             background-color:}             * { padding: 0; margin: 0; }             #Design {             margin: 0 auto;             width: 1000px;             height: 600px;             }             #nav_container {             width: 178px;             height: 248px;             background:;             background-image: none;             color: ;             margin: 0px 0px 0px 0px;             padding: 10px;             float: left;overflow:auto;             z-index: 2;             position:absolute;left:12px;top:307px;}             #Nav_hinten{             width: 163px;             height: 290px;             background:;             background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg);             color: ;             margin: 0px 0px 0px 0px;             padding: 10px;             float: left;overflow:auto;             z-index: 1;             position:absolute;left:10px;top:285px;}             #content {             height: 248px;             width: 537px;             background:;             background-image: none;             color: #ffffff;             margin: 0px 0px 0px 0px;             padding: 10px;             display: inline;             float: left;             overflow:auto;             z-index: 4;             position:absolute;left:200px;top:308px;}             #content_2 {             height: 290px;             width: 525px;             background:;             background-image:url(https://img.webme.com/pic/c/chappi18/1000.2.jpg);             color: #ffffff;             margin: 0px 0px 0px 0px;             padding: 10px;             display: inline;             float: left;             overflow:auto;             z-index: 3;             position:absolute;left:193px;top:285px;}             #sidebar_container {             height: 270px;             width: 135px;             background:;             background-image: none;             color:#ffffff ;             margin: 0px 0px 0px 0px;             padding: 10px;             float: left;             overflow:auto;             z-index: 4;             position:absolute;left:833px;top:295px;}             #Feld_oben {             width: 632px;             height: 30px;             background-image:url(http://img89.imageshack.us/img89/6557/feldoben4pinkws2.png);             color: ffffff;             margin: 0px 0px 10px 0px;             padding: 10px;             clear: both;             position:absolute;left:40px;top:235px;}             #Feld_unten-2 {             width: 632px;             height: 25px;             background-image:url(http://img233.imageshack.us/img233/4105/feldoben41pinkov1.png);             color: ffffff;             margin: 0px 0px 10px 0px;             padding: 10px;             clear: both;             position:absolute;left:40px;top:596px;}             #Feld_rechts_3{             width: 54px;             height:270px;             background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif);             color: ffffff;             margin: 0px 0px 10px 0px;             padding: 10px;             clear: both;             z-index: 4;             position:absolute;left:738px;top:296px;}             #Feld_rechts_5 {             height: 335px;             width: 142px;             background:;             background-image:url(https://img.webme.com/pic/c/chappi18/777.1.png);             color:#ffffff ;             margin: 0px 0px 0px 0px;             padding: 10px;             float: left;             overflow:auto;             z-index: 2;             position:absolute;left:830px;top:260px;}             #Feld_rechts_6{             height: 6px;             width: 17px;             background:;             background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);             color:#ffffff ;             margin: 0px 0px 0px 0px;             padding: 10px;             float: left;             overflow:auto;             z-index: 1;             position:absolute;left:802px;top:312px;}             #Feld_rechts_7{             height: 6px;             width: 17px;             background:;             background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);             color:#ffffff ;             margin: 0px 0px 0px 0px;             padding: 10px;             float: left;             overflow:auto;             z-index: 1;             position:absolute;left:802px;top:542px;}             #counter{             position:absolute;             left: 75px;             top: 600px;             z-index: 1;             color: #FFFFFF;             } www.caylak-site.tr.gg

<div id="main_container"> <div class="top_bar"> <div class="top_search"> <div class="search_text"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Advanced Search</a></div> <input type="text" class="search_input" name="search" /> <input type="image" src="images/search.gif" class="search_bt"/> </div> </div> <div id="header"> <div id="logo"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/logo.png" _fcksavedurl="images/logo.png" _fcksavedurl="images/logo.png" alt="" border="0" width="237" height="140" /></a> </div> <div class="oferte_content"> <div class="top_divider"><img src="images/header_divider.png" _fcksavedurl="images/header_divider.png" _fcksavedurl="images/header_divider.png" alt="" width="1" height="164" /></div> <div class="top_divider"><img src="images/header_divider.png" _fcksavedurl="images/header_divider.png" _fcksavedurl="images/header_divider.png" alt="" width="1" height="164" /></div> </div>  </div> <div id="main_content">    <div id="menu_tab"> <div class="left_menu_corner"></div> <ul class="menu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav1"> Ana Sayfa</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav2">Html Kod</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav3">Template</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav4">Toplist</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav4">Css Kod</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav5">Ziyaretci Def</a></li> <li class="divider"></li> <li><a href="contact.html" _fcksavedurl="contact.html" _fcksavedurl="contact.html" class="nav6">İletişim</a></li> <li class="divider"></li> <li class="currencies"></li> </ul> <div class="right_menu_corner"></div> </div>  <div class="crumb_navigation"> Navigation: <span class="current">Home</span> </div> <div class="left_content">  <div class="title_box">Categories</div> <ul class="left_menu"> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> </ul> <div class="title_box">Special Products</div> <div class="border_box"></div>    </div>           <div class="center_content">             www.caylak-site.tr.gg

<div class="title_box">Karışık Html Kodları</div> <ul class="left_menu"> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> </ul> <div class="banner_adds"></div> </div>  </div>     <div class="footer"> <div class="right_footer"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">home</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">about</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sitemap</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">rss</a> <a href="contact.html" _fcksavedurl="contact.html" _fcksavedurl="contact.html">contact us</a> </div> </div> </div>              www.caylak-site.tr.gg

table {margin-left: auto;margin-right: auto}  h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}    body { background:url(https://img.webme.com/pic/c/capkin-power/bggm.jpg) no-repeat #fff center top; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px auto auto auto; color:#000; } p{ padding:2px; margin:0px; } #main_container{ width:1000px; height:auto; margin:auto; padding:0px; } .top_bar{ width:1000px; height:38px; background-color:#4a4a4a; } .top_search{ width:370px; height:32px; margin:0px 20px 0 0; _margin:0px 10px 0 0; float:right; background:url(https://img.webme.com/pic/c/capkin-power/top_search_bg.gif) no-repeat center; } input.search_input{ width:182px; height:18px; float:left; margin:5px 0 0 0 ; border:1px solid #dbdbdb; border-bottom-color:#ffffff; border-right-color:#ffffff; } .search_text{ float:left; width:110px; padding:8px 0 0 15px; color:#999999; } .search_text a{ text-decoration:none; color:#999999; } .search_bt{ float:left; padding:2px 0 0 15px; } .languages{ float:right; width:150px; padding:8px 0 0 0; } .lang_text{ float:left; padding:0 5px 0 0; color:#b3adad; } a.lang{ display:block; float:left; padding:0 5px 0 5px; } #header{ width:1000px; height:173px; background:url(https://img.webme.com/pic/c/capkin-power/header_bg.jpg) no-repeat center; background-position:0px 0px; margin:auto; } #logo{ float:left; padding:15px; } /*------------------------------oferte_content-----------------------*/ .oferte_content{ width:600px; height:164px; float:left; padding:0 0 0 50px; } .top_divider{ float:left; width:1px; height:164px; } .oferta{ width:538px; float:left; padding:15px 30px 0 30px; } .oferta_img{ float:left; padding:0 0 10px 0; } .oferta_title{ font-size:15px; color:#b72c24; font-weight:bold; } .oferta_details{ width:400px; float:left; padding:0 0 0 30px; } .oferta_text{ padding:5px 0 5px 0; font-size:12px; color:#FFFFFF; text-align:justify; line-height:15px; } a.details{ width:83px; height:21px; display:block; float:right; margin:5px 0 0 0; padding-left:5px; background:url(https://img.webme.com/pic/c/capkin-power/details_bt_bg.gif) no-repeat center; text-align:center; line-height:21px; text-decoration:none; color:#000000; } /*---------------------oferta_pagination-----------------------------*/  div.oferta_pagination { clear:both; padding:10px 0 0 0; _padding:0px 0 0 0; margin:5px; text-align:center; float:left; font-size:10px; }  div.oferta_pagination a { width:22px; height:22px; display:block; float:left; margin:0 0 0 5px; _margin:0 0 0 3px; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg.gif) no-repeat center; text-decoration:none; color:#9d8b8b; } div.oferta_pagination a:hover, div.pagination a:active { width:22px; height:22px; display:block; float:left; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg_a.gif) no-repeat center; text-decoration:none; color:#ad1614; } div.oferta_pagination span.current { width:22px; height:22px; display:block; float:left; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg_a.gif) no-repeat center; text-decoration:none; color:#ad1614; } #main_content{ clear:both; } /*---------------- menu tab----------------------*/ #menu_tab{ width:1000px; height:50px; background-color:#fff; } .left_menu_corner{ width:9px; height:50px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/menu_left.gif) no-repeat center; } .right_menu_corner{ width:9px; height:50px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/menu_right.gif) no-repeat center; } ul.menu { list-style-type:none; float:left; display:block; width:982px; margin:0px; padding:0px;background:url(https://img.webme.com/pic/c/capkin-power/menu_bg.gif) repeat-x;}  ul.menu li { display:inline; font-size:11px; font-weight:bold; line-height:50px; } ul.menu li.divider { display:inline; width:2px; height:50px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/menu_divider.gif) no-repeat center; }  a.nav1:link, a.nav1:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/home.png) no-repeat left; color:#676d77;} a.nav2:link, a.nav2:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/services.png) no-repeat left; color:#676d77;} a.nav3:link, a.nav3:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/favs.png) no-repeat left; color:#676d77;} a.nav4:link, a.nav4:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/user_add.png) no-repeat left; color:#676d77;} a.nav5:link, a.nav5:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/car.png) no-repeat left; color:#676d77;} a.nav6:link, a.nav6:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/contact-new.png) no-repeat left; color:#676d77;}  a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover { color:#333333;}  li.currencies{ width:180px; float:left; padding:0 0 0 15px; _padding:12px 0 0 15px; color:#676d77; font-size:11px; font-weight:bold; } /*----------------crumb_navigation-------------*/ .crumb_navigation{ width:980px; height:15px; padding:5px 10px 0 20px; color:#333333; background:url(https://img.webme.com/pic/c/capkin-power/navbullet.png) no-repeat left; background-position:5px 6px; } .crumb_navigation a{ color:#0fa0dd; text-decoration:underline; } span.current{ color:#0fa0dd; }  /*-------------left_content------------------*/ .left_content{ width:196px; float:left; } .title_box{ width:196px; height:30px; margin:5px 0 0 0; background:url(https://img.webme.com/pic/c/capkin-power/menu_title_bg.gif) no-repeat center; text-align:center; font-size:13px; font-weight:bold; color:#fff; line-height:30px; } /*--------left menu---------*/ ul.left_menu{ width:196px; padding:0px; margin:0px; list-style:none; } ul.left_menu li{ margin:0px; list-style:none; } ul.left_menu li.odd a{ width:166px;height:25px;display:block;background:url(https://img.webme.com/pic/c/capkin-power/checked.png) no-repeat left #dad0d0; background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px; } ul.left_menu li.even a{ width:166px;height:25px;display:block;background:url(https://img.webme.com/pic/c/capkin-power/checked.png) no-repeat left #eee6e6;background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px; } ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{ background:url(https://img.webme.com/pic/c/capkin-power/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px; }  .border_box{ width:194px; height:auto; text-align:center; border:1px #6da6b1 solid; } .product_title{ color:#ea2222; padding:5px 0 5px 0; font-weight:bold; } .product_title a{ text-decoration:none; color:#ea2222; padding:5px 0 5px 0; font-weight:bold; } .product_title a:hover{ color:#064E5A; } .product_img{ padding:5px 0 5px 0; } .prod_price{ padding:5px 0 5px 0; } span.reduce{ color:#999999; text-decoration:line-through; } span.price{ color:#ea2222; } /*----------newsletter--------------*/ input.newsletter_input{ width:160px; height:16px; border:1px #ddd9d9 solid; margin:10px 0 5px 0; font-size:12px; padding:3px; color:#999999; } a.join{ width:17px; display:block; margin:5px 0 5px 140px; _margin:5px 0 5px 130px; background:url(https://img.webme.com/pic/c/capkin-power/blue-add.png) no-repeat left; padding:0 0 0 20px; text-decoration:none; color:#1c4a52; } .banner_adds{ width:194px; text-align:center; padding:10px 0 10px 0; }  /*center content--------------------------*/ .center_content{ width:585px; float:left; padding:5px 10px; } .center_title_bar{ width:520px; height:33px; float:left; padding:0 0 0 40px; margin:0 0 0 12px; _margin:0 0 0 6px; line-height:33px; font-size:12px; color:#847676; font-weight:bold; background: none no-repeat center; }  /*----------------------right content--------------*/ .right_content{ width:196px; float:left; padding:5px 0 0 0; } .shopping_cart{ width:195px; height:84px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/cart_bg.gif) no-repeat center; } .cart_title{ font-size:12px; font-size:12px; color:#847676; font-weight:bold; padding:8px 0 0 0; } .cart_details{ width:115px; float:left; padding:5px 0 0 15px; text-align:left; } .cart_icon{ float:left; padding:5px 0 0 5px; } span.border_cart{ width:100px; height:1px; margin:3px 0 3px 0; display:block; border-top:1px #999999 dashed; } /*---------prod_box----------*/ .prod_box{ width:173px; height:auto; float:left; padding:10px 10px 10px 11px; } .top_prod_box{ width:173px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px; } .bottom_prod_box{ width:173px;height:10px;background:url(https://img.webme.com/pic/c/capkin-power/product_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px; } .center_prod_box{ width:173px;height: auto;background:url(https://img.webme.com/pic/c/capkin-power/product_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px; } .prod_details_tab{ width:173px; height:31px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/products_details_bg.gif) no-repeat center; margin:3px 0 0 0; } img.left_bt{ float:left; padding:6px 0 0 6px; } a.prod_details{ width:25px; display:block; float:left; background:url(https://img.webme.com/pic/c/capkin-power/square-blue-add.gif) no-repeat left; padding:0 0 0 20px; margin:7px 0 0 38px; _margin:6px 0 0 35px; text-decoration:none; color:#0fa0dd; } /*---------prod_box_big----------*/ .prod_box_big{ width:554px; height:auto; float:left; padding:10px 10px 10px 15px; } .top_prod_box_big{ width:554px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/details_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px; } .bottom_prod_box_big{ width:554px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/details_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px; } .center_prod_box_big{ width:554px;height: auto;background:url(https://img.webme.com/pic/c/capkin-power/details_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px; } .product_img_big{ width:170px; padding:5px 0 5px 10px; float:left; } .details_big_box{ width:345px; float:left; padding:0 0 0 15px; text-align:left; } .product_title_big{ color:#ea2222; padding:5px 0 5px 0; font-weight:bold; font-size:14px; } .specifications{ font-size:12px; font-weight:bold; line-height:18px; } .thumbs{ padding:8px 5px 8px 5px; border:1px #DFD1D1 solid; margin:3px 0 0 0; } .thumbs a{ padding:3px; } .prod_price_big{ padding:5px 0 5px 0; font-size:16px; } span.reduce{ color:#999999; text-decoration:line-through; } span.price{ color:#ea2222; } a.addtocart{ width:76px; height:27px; display:block; float:left; background:url(images/addtocart.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } a.compare{ width:76px; height:27px; display:block; float:left; margin:0 0 0 10px; background:url(https://img.webme.com/pic/c/capkin-power/compare.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } span.blue{ color:#5F9FAB; } /*---------------contact_form------------------*/ .contact_form{ width:355px; float:left; padding:0px 0 0 75px; } .form_row{ width:335px; clear:both; padding:10px 0 10px 0; _padding:5px 0 5px 0; color:#a53d17; } label.contact{ width:75px; float:left; font-size:12px; text-align:right; padding:4px 5px 0 0; color: #333333; } input.contact_input{ width:253px; height:18px; background-color:#fff; color:#999999; border:1px #DFDFDF solid; float:left; } textarea.contact_textarea{ width:253px; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999999; background-color:#fff; border:1px #DFDFDF solid; float:left; } a.contact{ width:99px; height:27px; display:block; float:right; margin:0 0 0 10px; background:url(https://img.webme.com/pic/c/capkin-power/contact_bt.gif) no-repeat left; padding:0 0 0 10px; text-decoration:none; line-height:27px; color:#1c4a52; } /*--------------footer----------------*/ .footer{ width:1000px; clear:both; height:65px; background:url(https://img.webme.com/pic/c/capkin-power/footer_bg.gif) repeat-x top; } .left_footer{ float:left; width:300px; padding:5px 0 0 10px; } .right_footer{ float:right; padding:15px 30px 0 0; } .right_footer a{ padding:0 0 0 7px; text-decoration:none; color: #666666; } .right_footer a:hover{ text-decoration:underline; }  .center_footer{ float:left; width:200px; text-align:center; color:#666666; padding:10px 0 0 60px; }             www.caylak-site.tr.gg

Bu Tasarımlar Html Kodlarına Aytılmış Olarak İndirilmektadir...

Tasarımların Rar Şifresi(www.caylak-site.tr.gg Dir

Tasarım No	Küçük Resim	Tasarım Adı	Kategori	Önizleme	Kodu İndir
1		Pastries	Sanatsal	Önizleme	İndir
2		Applique	Neşeli	Önizleme	İndir

Sanl

Saklı

Önizleme

İndir

SanlSanl

Önizleme

İndir

3	Thermal	İsyankar	Önizleme	İndir
4	CrystalX	Neşeli	Önizleme	İndir
5	Dreamcity	Şehir	Önizleme	İndir
6	Fragrance	Sanatsal	Önizleme	İndir
7	Personal	Neşeli	Önizleme	İndir
8	Numerology	Tabiat	Önizleme	İndir
9	Sun Flower	Tabiat	Önizleme	İndir
10	Greenygrass	Tabiat	Önizleme	İndir
11	Chasmogamous	Neşeli	Önizleme	İndir
12	Rising Sun	Tabiat	Önizleme	İndir
13	Rain Drop	Tabiat	Önizleme	İndir
14	Basketball	Spor	Önizleme	İndir
15	Beautiful Night	Aşk	Önizleme	İndir
16	Golden Age	Tabiat	Önizleme	İndir
17	Feather	Aşk	Önizleme	İndir
18	Wild City	Şehir	Önizleme	İndir
19	Kiss Me	Aşk	Önizleme	İndir
20	Tunel	Meslekî	Önizleme	İndir

Tasarımlar Alıntıdır En Güzellerini Seçi Bulmak İstedik Pc Eski Oldugu İçin Program Kuramıyorum Size Kendi Yapımım Olan Css Leri En Yakın Zamanda Sunucam...

Css Tasarımlar

TASARIM GÖRÜNÜMÜ

ANA KATOGORİ

HTML KODLAR

Sizden Gelen Sorular