Tasarimkurdu | Tasarımın Kalbi

Css Tasarimlar 2

Önizle:

Tasarımın Üstü:

</script> </div> <div class="left">           <div class="post" id="post-5">       <div class="posttop">         <div class="date">         	<div class="day">            45        </div>           <div class="month">Belen</div>                     </div>         <h1 class="posttitle"><a href="#" _fcksavedurl="#" rel="bookmark">      HosGeldiniz</a></h1>                      <div class="indexomment"><span>15.03.2010</span></div>                  <div class="clear"></div>         <div class="storycontent">

Tasarımın Altı:

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;}     /* Theme Name: Dezinerfolio Marine Theme URI: dezinerfolio.com	 Description: Very Neat Web 2.0 Black Stripe Theme Version: 2.0 Author: Navdeep Raj */  *{ 	margin:0; 	padding:0; }  body{ 	font-family:Arial, Helvetica, sans-serif; 	font-size:12px; 	color:#666; 	background:#FFF url(https://img.webme.com/pic/b/belenhit/header_loop3.gif) repeat-x 0 0; 	padding-top:17px; }  .clear{ 	clear:both; }  .leftf{ 	float:left; }	  .right{ 	float:right; } 	 a{ 	text-decoration:none; }  a img, img{ 	border:none; }  h1, h1 a{ 	font-size:22px; 	font-weight:normal; 	color:#009cff; 	text-decoration:none; }  .head_mid h1{ 	padding-left:10px; }	  .mainlogo{ 	text-indent:-99999px; 	overflow:hidden; 	background:url(https://img.webme.com/pic/b/belenhit/tklogotranss.gif) no-repeat left center; 	display:block; 	height:125px; 	width:300px; }  h2, h2 a{ 	font-size:16px; 	font-weight:normal; 	color:#009cff; 	text-decoration:none; }  #header{ 	width:974px; 	clear:both; 	margin:0 auto; 	height:294px; 	background:url(https://img.webme.com/pic/b/belenhit/title_mid.gif) repeat-x 0 0; 	overflow:hidden; }  #header h1{ 	float:left; }  #header ul.navi{ 	float:right; 	padding-top:84px; 	padding-left:1px; 	padding-right:20px; 	background:url(https://img.webme.com/pic/b/belenhit/ul_hack.gif) no-repeat left bottom; }  #header ul.navi li{ 	float:left; 	list-style:none;  	background:url(https://img.webme.com/pic/b/belenhit/navi_basic.gif) no-repeat 0 0; 	width:95px; 	height:46px; 	text-align:center; 	overflow:hidden; }  #header ul.navi li.current_page_item{ 	background:url(https://img.webme.com/pic/b/belenhit/navi_hili.gif) no-repeat 0 0; }  #header ul.navi li a{ 	text-decoration:none; 	color:#818181; 	width:95px; 	height:31px; 	display:block; 	float:left; 	padding-top:15px; }  #header ul.navi li a:hover{ 	font-weight:bold; }  .head_left{ 	background:url(https://img.webme.com/pic/b/belenhit/title_left.gif) no-repeat 0 0; 	width:8px; 	height:294px; 	float:left; 	display:block; }  .linkcat h2{ 	display:none; }  #menu .df_menu_cont .linkcat { 	height:auto; }  .head_mid{ 	float:left; 	width:958px; }  .head_right{ 	background:url(https://img.webme.com/pic/b/belenhit/title_right.gif) no-repeat 0 0; 	width:8px; 	height:294px; 	float:left; 	display:block; }	  .contwrap{ 	width:974px; 	margin:0 auto; 	height:1%; 	overflow:hidden; }  .left{ 	width:710px; 	float:left; 	padding:18px; 	overflow:hidden; 	padding:18px 0; }  .left a{ 	color:#009CFF; }  .left a:hover{ 	border-bottom:1px dotted #009CFF; }  #menu{ 	width:245px; 	float:right; 	margin:15px 0; 	background:url(https://img.webme.com/pic/b/belenhit/side_loop.gif) repeat-y 0 0; }  .menutop{ 	background:url(https://img.webme.com/pic/b/belenhit/side_top.gif) no-repeat 0 0; 	height:17px; 	display:block; 	clear:both; }  .df_menu_head{ 	background:url(https://img.webme.com/pic/b/belenhit/sideul.gif) no-repeat right center; 	width:218px; 	height:26px; 	text-align:center; 	display:block; 	clear:both; 	padding-top:10px; 	padding-left:14px; 	cursor:pointer; 	margin:10px 0; 	font-weight:bold; }  #menu .header_highlight{ 	background:url(https://img.webme.com/pic/b/belenhit/sideul_hili.gif) no-repeat right center; 	color:#FFF; 	display:block; }  .df_menu_cont{ 	display:none; 	height:1%; 	overflow:hidden; 	 }  .df_menu_cont ul{ 	padding:0 1px; }  #searchform{ 	padding-left:14px; }  #searchform #s{ 	padding:5px; 	color:#666; 	border:1px solid #CCC; 	width:205px; 	text-align:center; 	background:#EFEFEF; }  #searchform #s:hover, #searchform #s:focus{ 	background:#FFF; 	border:1px solid #999; }   .df_menu_cont li{ 	padding:0 14px; 	list-style:none; 	height:36px; 	background:#f5f5f5; }  .df_menu_cont li a{ 	display:block; 	padding:10px 5px; 	border-bottom:1px solid #CCC; 	text-decoration:none; 	color:#555; }  .df_menu_cont li a:hover{ 	border-bottom:1px solid #999; 	color:#222; }  .menubot{ 	background:url(https://img.webme.com/pic/b/belenhit/side_bot.gif) no-repeat 0 0; 	height:18px; 	display:block; 	clear:both; }  .footer{ 	background:url(https://img.webme.com/pic/b/belenhit/footer_loop.gif) repeat-x 0 0; 	height:30px; 	text-align:center; 	padding-top:13px; 	color:#AAA; }  .footer a{ 	text-decoration:none; 	color:#0099FF; }  .sorrydialog{ 	text-align:center; }  #snippets{ 	clear:both; }  .persnippet{ 	float:left; 	width:251px; 	overflow:hidden; 	padding:15px 32px 0 32px; }  .snip_top{ 	background:url(https://img.webme.com/pic/b/belenhit/snips_top.gif) no-repeat 0 0; 	height:11px; 	width:251px; 	display:block; 	overflow:hidden; }  .snip_mid{ 	background:url(https://img.webme.com/pic/b/belenhit/snips_mid.gif) repeat-y 0 0; 	display:block; 	height:1%; 	overflow:hidden; }  .snip_mid h2{ 	color:#FFF; 	text-align:center; 	font-size:12px; 	font-weight:bold; 	clear:both; }  .snip_mid ul{ 	padding:0 10px; }  .snip_mid li{ 	list-style:none; 	display:block; }  .snip_mid li a{ 	color:#999; 	text-decoration:none; 	height:25px; 	display:block; 	padding:8px 5px 0 5px; 	overflow:hidden; 	border-bottom:1px solid #595959; }  .snip_mid li a:hover{ 	background:#3f3f3f; 	color:#EEE; }	  .snip_bot{ 	background:url(https://img.webme.com/pic/b/belenhit/snips_bot.gif) no-repeat 0 0; 	height:10px; 	display:block; 	overflow:hidden; }  .social{ 	width:66px; 	height:90px; 	display:block; 	float:left; 	text-indent:-99999px; 	overflow:hidden; 	padding:5px 8px 5px 8px; }  .social.rss{ 	background:url(https://img.webme.com/pic/b/belenhit/social_rss.jpg) no-repeat bottom center; }  .social.tech{ 	background:url(https://img.webme.com/pic/b/belenhit/social_tech.jpg) no-repeat bottom center; }  .social.digg{ 	background:url(https://img.webme.com/pic/b/belenhit/social_digg.jpg) no-repeat bottom center; }  .left .post{ 	margin-bottom:10px; 	padding:20px 15px; 	background:url(https://img.webme.com/pic/b/belenhit/postfooter.gif) no-repeat left bottom; }  .left .entry-meta{ 	background:url(https://img.webme.com/pic/b/belenhit/comment_top_focus.gif) repeat 0 0; 	padding:15px; 	border:1px solid #CCC; 	font-size:11px; 	margin:10px 0; }  .left .posttop{ 	overflow:hidden; }  input#submit{ 	border:1px solid #AAA; 	background:url(https://img.webme.com/pic/b/belenhit/whitebutton.gif) repeat-x left bottom; 	color:#555; 	width:312px; 	padding:5px 10px; 	cursor:pointer; }  input#submit:hover{ 	border:1px solid #555; }  .left .posttitle{ 	float:left; }	  .left .indexomment{ 	float:right; 	font-size:11px; }   #commentform #author,#commentform #email,#commentform #url,#commentform textarea, #code { 	background:#FAFAFA; 	width:300px; 	padding:5px; 	border:1px solid #999; 	font-family:Arial, Helvetica, sans-serif; 	font-size:12px;	 	color:#666; }  #commentform{ 	padding:10px 0; }  #commentform p{ 	padding:5px 0; 	width:400px; 	margin:0 auto; }  #commentform #author:focus,#commentform #email:focus,#commentform #url:focus,#commentform textarea:focus,#commentform #author:hover,#commentform #email:hover,#commentform #url:hover,#commentform textarea:hover, #code:hover, #code:focus { 	background:#FFF; 	border:1px solid #444; 	 }  .commentlist li{ 	list-style:none; 	padding:15px; 	background:url(https://img.webme.com/pic/b/belenhit/whitebutton.gif) repeat-x left bottom; 	border-bottom:1px solid #CCC; 	height:1%; 	overflow:hidden; }  .commentlist .commentmetadata{ 	float:right; 	 }  .commentlist cite, .commentlist cite a{ 	font-weight:bold; 	color:#FF6600; }  .commentlist p{ 	padding:5px 20px; }  .left .date{ 	background:url(https://img.webme.com/pic/b/belenhit/date.gif) no-repeat 0 0; 	width:83px; 	height:27px; 	float:left; 	padding-top:6px; 	font-weight:bold; 	padding-right:15px; }  .left .date div.month{ 	float:left; 	padding-left:8px; 	text-align:center; 	width:50px }  .left .date div.day{ 	float:left; 	padding-left:8px; 	color:#FFF;	 }  .left .storycontent{ 	padding:15px 0; }  .left .storycontent p{ 	padding:5px 0; 	line-height:18px; }  .left .storycontent ul, .left .storycontent ol{ 	padding-left:15px; }  .left .storycontent li{ 	list-style:none; 	background:url(https://img.webme.com/pic/b/belenhit/lis.gif) no-repeat left 10px; 	padding:5px 20px; }  .left .storycontent li p{ 	padding:0; }  .storycontent blockquote{ 	background:#FAFAFA; 	padding:5px 5px 5px 15px; 	border-left: 3px solid #CCC; 	margin-left:15px; }

Önizle :

Tasarımın Üstü:

<FCK:meta http-equiv="content-type" content="text/html;charset=utf-8" /> <FCK:meta name="author" content="Luka Cvrk (www.solucija.com)" /> <FCK:meta name="description" content="My Site" /> <FCK:meta name="keywords" content="key, words" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <title>Internet Broadcast · We share the relevant.</title> <style type="text/css">      </style> <div id="content"> <div id="top_info"> <p>Hosgeldiniz<b>Tasarimkurdu</b> <br /> <b>Hala Üye Değilmisiniz </b> <a href="#" _fcksavedurl="#">Üye ol</a>Tasarımları Gör.</p> </div> <div id="logo"> <h1><a href="#" _fcksavedurl="#"><img border="0" boyd="" onmouseout_fckprotectedatt="%0Aonmouseout%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Ft%2Ftasarimkurdu%2Ftklogooo.png'%3B%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Ft%2Ftasarimkurdu%2Ftkloogo.png'%3B%22" alt="" src="https://img.webme.com/pic/t/tasarimkurdu/tkloogo.png" _fcksavedurl="https://img.webme.com/pic/t/tasarimkurdu/tkloogo.png" /></a></h1> <p class="style2" id="slogan">Tasarimkurdu | Tasarımın Kalbi Burada Atıyor... | Tasarimkurdu bir ' Belenmedia ' Projesidir...</p> </div> <ul id="tablist">     <li><a class="current" href="http://tasarimkurdu.tr.gg/ana%20sayfa.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/ana%20sayfa.htm" accesskey="n"><span class="key">A</span>nasayfa</a></li>     <li><a href="http://tasarimkurdu.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm     " accesskey="b"><span class="key">İ</span>letişim</a></li>     <li><a href="http://tasarimkurdu.tr.gg/Ziyaret%E7i-defteri.htm     " accesskey="p"><span class="key">Z.</span>Defteri</a></li>     <li><a href="http://tasarimkurdu.tr.gg/Tasar%26%23305%3Bm-istek-.htm     " accesskey="r">T<span class="key">a</span>sarım İstek</a></li>     <li><a href="http://tasarimkurdu.tr.gg/.ue.yelere-.oe.zel-tasarimlar.htm     " accesskey="p"><span class="key">T</span>asarımlar</a></li>  </ul> <div id="topics"> <div class="thirds"><br /> <center> <p><span style="color: rgb(0, 0, 0);">Sitene Html Kodları :</span></p> </center></div> <div class="thirds"> <ul>     <li><a href="http://tasarimkurdu.tr.gg/introekle.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/introekle.htm"> Sitene Muhtesem İntro </a>(<img alt="" src="http://www.yenice-bld.gov.tr/images/yeni.gif" _fcksavedurl="http://www.yenice-bld.gov.tr/images/yeni.gif" />)</li>     <li><a href="http://tasarimkurdu.tr.gg/men.ue.kod.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/men.ue.kod.htm">Sitene Mavi Yatay Menü</a> (<img alt="" src="http://www.yenice-bld.gov.tr/images/yeni.gif" _fcksavedurl="http://www.yenice-bld.gov.tr/images/yeni.gif" />)</li>     <li><a href="http://tasarimkurdu.tr.gg/kodlar.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/kodlar.htm"> Sitene Döviz Kurları</a></li> </ul> </div> <div class="thirds"> <ul>     <li><a href="http://tasarimkurdu.tr.gg/kodlar2.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/kodlar2.htm">Sitene Hesap Makinesi </a></li>     <li><a href="http://tasarimkurdu.tr.gg/kodlar3.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/kodlar3.htm">Sitene Sayfayı Yazdır Butonu</a></li>     <li><a href="http://tasarimkurdu.tr.gg/kodlar.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/kodlar.htm">Sitene Canlı Tv</a></li> </ul> </div> </div> <div id="search"> <table width="280" cellspacing="0" cellpadding="0" border="0">     <tbody>         <tr>             <td><a href="http://belenlee.tr.gg/" _fcksavedurl="http://belenlee.tr.gg/"><img width="103" height="19" border="0" alt="" src="https://img.webme.com/pic/b/belenlee/belenlee.png" _fcksavedurl="https://img.webme.com/pic/b/belenlee/belenlee.png" /></a></td>             <td>             <form id="cse-search-box" action=" http://belenlee.tr.gg/..htm">                 <div><input type="hidden" name="cx" value="007639844017430735265:cuevnqwwvzy" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" id="query" class="query" title="Aradığınızı buraya yazın" maxlength="755" size="12" autocomplete="on" name="q" /> <input type="submit" id="search-submit" name="sa" value="Ara" /></div>             </form>             </td>         </tr>     </tbody> </table> </div> <div id="left"> <div class="subheader"> <p> </p> <center>    <img border="0" src="https://img.webme.com/pic/t/tasarimkurdu/duyuru..png" _fcksavedurl="https://img.webme.com/pic/t/tasarimkurdu/duyuru..png" alt="" />  </center> <p> </p> </div> <div class="left_articles">

Tasarımın Altı:

Css:

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;}          /* default styles */ body { padding: 5px 0 0 0; margin: 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(https://img.webme.com/pic/b/belenlee-fm/bg.gif) repeat-x; color: #454545; } a { color: #447537; background: inherit; } a:hover { color: #73d23f; background: inherit; } p {	margin: 0 0 5px 0; } h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; } h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; } h1 a, h2 a { color: #000; background: inherit; text-decoration: none; } ul { margin: 0; padding : 0; list-style : none; } img { border: 0; }   /* layout */ #content { margin: 10px auto; width: 960px; } #logo { margin: 0 0 10px 0; } #slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; } #top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }  /* round blue login button */ #loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(https://img.webme.com/pic/b/belenlee-fm/lb.gif) no-repeat; color: #000; } #loginbutton a:hover{ background: #fff url(https://img.webme.com/pic/b/belenlee-fm/lbhover.gif) no-repeat; color: #000;}  /* main horizontal menu */ #tablist{ padding: 3px 0; margin: 0; float: left; } 	#tablist li{ list-style: none; display: inline; margin: 0; } 	#tablist li a{ 		text-decoration: none; 		padding: 4px 22px; 		margin-right: 2px; 		background: #808080 url(https://img.webme.com/pic/b/belenlee-fm/corner.gif) no-repeat top right; 		font-weight: bold; 		color: #fff; 	} 	#tablist li a:hover{ 		background: #b5ec47 url(https://img.webme.com/pic/b/belenlee-fm/corner.gif) no-repeat top right; 		color: #fff; 	} 	#tablist li a.current{ 		background: #b2eb40 url(https://img.webme.com/pic/b/belenlee-fm/corner.gif) no-repeat top right; 		color: #2F637A; 		padding: 6px 22px; 	} 	#tablist .key { text-decoration: underline; }  /* main menu topics */ #topics { 	clear: left; 	float: left; 	width: 640px; 	background: #B0D0DC url(-) repeat-x left bottom; 	padding: 8px 5px; 	margin: 0 0 5px 0; 	color: #fff; 	height: 59px; } 	#topics li a { background-image: url(https://img.webme.com/pic/b/belenlee-fm/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }  /* main menu search */ #search { 	float: right; 	text-align: right; 	background: #fff url(https://img.webme.com/pic/t/tasarimkurdu/searchbg.gif) no-repeat; 	color: #000; 	padding: 32px 20px 12px 20px; 	min-height: 32px; /* FF height */ 	height: 25px;	/* IE height */ 	width: 270px; } 	/* search form styling */ 	form, form p { margin: 0; padding: 0; line-height: 25px; } 	 		.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  } 		.button { padding: 4px; font: bold 12px Arial, Sans-Serif; }  /* left side */ #left { 	float: left; 	width: 960px; 	margin: 0 0 10px 0; } 	.subheader { 		margin: 0 0 10px 0; 		padding: 8px; 		background: #f4f4f4 url(https://img.webme.com/pic/b/belenlee-fm/bgshade.gif) repeat-x; 		color: #808080; 		border-bottom: 1px solid #ccc; 	} 	.left_articles {  		margin: 0px 0 10px 0; 		background: #fff url(https://img.webme.com/pic/b/belenlee-fm/bgshade.gif) repeat-x; 		color: #454545; 		padding: 15px 15px 5px 10px; 	} 		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(https://img.webme.com/pic/b/belenlee-fm/news.gif) no-repeat center left; color: #808080; } 		.bigimage { 			float: left; 			clear: left; 			border: 1px solid #ccc; 			background: #eee; 			color: #000; 			width: 200px; 			height: 150px; 			margin: 0 15px 10px 0; 		} 	.left_box { 		background: #f4f4f4; 		color: #808080; 		border-top: 1px dotted #ccc; 		border-bottom: 1px dotted #ccc; 		padding: 15px; 		margin: 0 0 15px 0; 	} 	.thirds { 		float: left; 		width: 186px; 		padding: 0 10px 0 15px; 	}

Önizle:

Tasarımın üstü:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="content-type" content="text/html; charset=utf-8"  /> <title>Gold Co. by Free Css Templates</title> <FCK:meta name="keywords" content=""  /> <FCK:meta name="description" content=""  /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="breadcrumb"> 	<p><b>You are here:</b> Homepage</p> </div> <div id="contentt"> 	<div id="sidebar"> 		<div id="logo"> 			<h1><a href="#" _fcksavedurl="#">Gold Co.</a></h1> 			<h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2> 		</div> 		<div id="menu"> 			<ul> 				<li class="active"><a href="#" _fcksavedurl="#" title="">Homepage</a></li> 				<li><a href="#" _fcksavedurl="#" title="">About Us</a></li> 				<li><a href="#" _fcksavedurl="#" title="">Products</a></li> 				<li><a href="#" _fcksavedurl="#" title="">Services</a></li> 				<li><a href="#" _fcksavedurl="#" title="">Clients</a></li> 				<li><a href="#" _fcksavedurl="#" title="">Support</a></li> 			</ul> 		</div> 		<div id="login" class="boxed"> 			<h2 class="title">Client Account</h2> 			<div class="content"> 				<form id="form1" method="post" action="#"> 					<fieldset> 					<legend>Sign-In</legend> 					<label for="inputtext1">Client ID:</label> 					<input id="inputtext1" type="text" name="inputtext1" value="" /> 					<label for="inputtext2">Password:</label> 					<input id="inputtext2" type="password" name="inputtext2" value="" /> 					<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" /> 					<p><a href="#" _fcksavedurl="#">Forgot your password?</a></p> 					</fieldset> 				</form> 			</div> 		</div> 		<div id="updates" class="boxed"> 			<h2 class="title">Recent Updates</h2> 			<div class="content"> 				<ul> 					<li> 						<h3>March 5, 2007</h3> 						<p><a href="#" _fcksavedurl="#">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula…</a></p> 					</li> 					<li> 						<h3>March 3, 2007</h3> 						<p><a href="#" _fcksavedurl="#">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p> 					</li> 					<li> 						<h3>February 28, 2007</h3> 						<p><a href="#" _fcksavedurl="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p> 					</li> 					<li> 						<h3>February 25, 2007</h3> 						<p><a href="#" _fcksavedurl="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p> 					</li> 					<li> 						<h3>February 20, 2007</h3> 						<p><a href="#" _fcksavedurl="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros…</a></p> 					</li> 				</ul> 			</div> 		</div> 	</div> 	<div id="main"> 		<div id="welcome" class="post">

Tasarımın altı:

Css:

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;}    /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  * { 	margin: 0; 	padding: 0; }  body { 	margin: 20px 0; 	background: #C5E6EE; 	font: normal small Georgia, "Times New Roman", Times, serif; 	color: #40ACC7; }  h1, h2, h3 { 	font-weight: normal; }  h2 { }  h3 { }  p, blockquote, ul, ol { 	margin-bottom: 1.5em; 	text-align: justify; }  p { }  blockquote { 	margin-left: 3em; }  ul { 	margin-left: 3em; }  ul li { }  ol { 	margin-left: 3em; }  ol li { }  a { 	color: #FF7700; }  a:hover { 	text-decoration: none; }  imag { }  /* Boxed Style */  .boxed { }  .boxed .title { 	padding: 5px 0 5px 20px; 	background: #FBC25F url(https://img.webme.com/pic/w/websiteniyaristir/imag06.gif) no-repeat; 	font-size: 1em; 	font-weight: bold; 	color: #600303; }  .boxed .content { 	padding: 20px; }  /* Post */  .post { width: 475px;  	padding: 20px; }  .post .title { 	float: right; 	width: 395px; 	padding: 5px 0; 	font-size: 2em; }  .post .date { 	float: left; 	width: 60px; 	height: 70px; 	background: #D9EEF4 url(https://img.webme.com/pic/w/websiteniyaristir/imag07.gif) no-repeat; 	text-align: center; }  .post .date .month { 	display: block; 	padding-top: 6px; 	font-size: .8em; }  .post .date .day { 	display: block; 	font-size: 2em; }  .post .date .year { 	display: none; }  .post .meta { 	margin: 0 0 20px 70px; 	font-size: x-small; }  .post .meta p { }  .post .story { }  .post .story p, .post .story blockquote, .post .story ul, .post .story ol { 	line-height: 180%; }  /* Breadcrumb */  #breadcrumb { 	width: 715px; 	height: 30px; 	margin: 0 auto; 	padding: 15px 0 0 25px; 	background: #40ACC7 url(https://img.webme.com/pic/w/websiteniyaristir/imag01.gif) no-repeat; 	color: #FFFFFF; }  /* Logo */  #logo { 	height: 180px; 	background: #FBC25F url(https://img.webme.com/pic/w/websiteniyaristir/imag02.gif) no-repeat; 	text-align: center; }  #logo h1 { 	padding-top: 60px; 	font-size: 2.6em; 	font-weight: bold; }  #logo h2 { 	font-size: .8em; }  #logo a { 	text-transform: uppercase; 	text-decoration: none; 	color: #600303; }  /* Content */  #contentt { 	width: 730px; 	margin: 0 auto; 	background: #FFFFFF url(https://img.webme.com/pic/w/websiteniyaristir/imag03.gif) repeat-y 220px 0; 	border: 5px solid #40ACC7; }  #extra { }  /* Content > Main */  #main { 	 float: left; 	 width: 355px; }  #main a { }  /* Content > Main > Welcome */  #welcome { }  /* Content > Main > Example */  #example { }  /* Content > Sidebar */  #sidebar { 	float: left; 	width: 220px; 	background: url(https://img.webme.com/pic/w/websiteniyaristir/imag04.gif) no-repeat; }  #sidebar a { }  /* Content > Sidebar > Login */  #login { }  #login form { }  #login fieldset { 	border: none; }  #login legend { 	display: none; }  #login label { 	font-size: x-small; 	font-weight: bold; }  #login input { 	margin-bottom: 5px; 	padding: 2px 5px; 	border: 1px solid #40ACC7; 	font-family: Verdana, Arial, Helvetica, sans-serif; }  #inputtext1, #inputtext2 { 	color: #40ACC7; }  #inputsubmit1 { 	background: #40ACC7; 	color: #FFFFFF; }  /* Content > Sidebar > Menu */  #menu { 	padding: 20px; 	border-top: 5px solid #40ACC7; }  #menu ul { 	margin: 0; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	padding: 7px 15px; 	background: url(https://img.webme.com/pic/w/websiteniyaristir/imag04.gif) no-repeat left center; 	text-decoration: none; 	text-transform: uppercase; 	color: #40ACC7; }  #menu a:hover, #menu .active a { 	background-image: url(https://img.webme.com/pic/w/websiteniyaristir/imag05.gif); 	color: #FF7700; }  /* Content > Sidebar > Updates*/  #updates { }  #updates ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #updates h3 { 	font-size: small; }  #updates p { 	font-size: x-small; }  /* Footer */  #footer { 	clear: both; 	width: 700px; 	margin: 0 auto; 	padding: 10px 0; }  #footer p { 	margin: 0; 	text-align: right; 	font-size: x-small; }  /* Footer > Legal */  #legal { }  /* Footer > Links */  #links { }</texta

önizle:

Tasarımın üstü:

<head> <title>Edit by belenmedia.tr.gg</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"  /> <link rel="stylesheet" href="images/BrightSide.css" type="text/css" /> </head> <body> <div id="wrap">   <div id="header">     <h1 id="logo"><img src="http://profile.webme.com/profile/o/ozenyufka/big.png" _fcksavedurl="http://profile.webme.com/profile/o/ozenyufka/big.png" alt="" /></h1>     <h2 id="slogan"></h2>     <form method="post" class="searchform" action="http://belenlee.tr.gg/..htm">       <p>         <input type="text" name="search_query" class="textbox" />         <input type="submit" name="search" class="button" value="Search" />       </p>     </form>     <center><ul>       <li id="current"><a href="#" _fcksavedurl="#"><span>Ana Sayfa</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>        <li><a href="#" _fcksavedurl="#"><span>Linkk</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Linkk</span></a></li>             <li><a href="#" _fcksavedurl="#"><span>Linkk</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>      <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>       <li><a href="#" _fcksavedurl="#"><span>Link</span></a></li>     </ul></center>   </div>   <div id="content-wrap"> <img src="https://img.webme.com/pic/t/turk-rap-fm/headerphoto.gif" _fcksavedurl="https://img.webme.com/pic/t/turk-rap-fm/headerphoto.gif" width="820" height="120" alt="headerphoto" class="no-border" />     <div id="sidebar" >       <h1>-Ana Menü-</h1>       <ul class="sidemenu">         <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>         <li><a href="#" _fcksavedurl="#">Z. Defteri</a></li>         <li><a href="#" _fcksavedurl="#">İletisim</a></li>         <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>       </ul>       <h1>Özen Yufka</h1>       <ul class="sidemenu">       <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li><li><a href="#" _fcksavedurl="#">Link</a></li>       </ul>       <h1>Kısa Bilgi</h1>       <p>Hakkımızda kısa bilgi</p>       <p class="align-right">- Epictetus</p>     </div>     <div id="main"> <a name="TemplateInfo"></a>

Tasarımın altı:

</div>     <div id="rightbar">       <h1>Support Styleshout</h1>       <p>If you are interested in supporting my work and would like to contribute, you are welcome to make a small donation through the <a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">donate link</a> on my website - it will be a great help and will surely be appreciated.</p>       <h1>Lorem Ipsum</h1>       <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>     </div>   </div>   <div id="footer">     <div class="footer-left">       <p class="align-left"> © 2006 <strong>Company Name</strong> | Design by <a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">styleshout</a> | Valid <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer">XHTML</a> | <a href="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/">Belenmedia</a> </p>     </div>     <div class="footer-right">       <p class="align-right"> <a href="#" _fcksavedurl="#">Home</a> |  <a href="#" _fcksavedurl="#">SiteMap</a> |  <a href="#" _fcksavedurl="#">RSS Feed</a> </p>     </div>   </div> </div> </body> </html>

Css:

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;}  /********************************************    AUTHOR:  			Erwin Aligam     WEBSITE:   			http://www.styleshout.com/ 	TEMPLATE NAME: 	Bright Side of Life    TEMPLATE CODE: 	S-0005    VERSION:          1.0          	 Edit by: Belenmedia.tr.gg  *******************************************/    /********************************************    HTML ELEMENTS ********************************************/   /* top elements */ * { padding: 0; margin: 0; }  body { 	margin: 0; 	padding: 0; 	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif; 	color: #666666;  	background: #A9BAC3 url(https://img.webme.com/pic/t/turk-rap-fm/tasarimkurdubg.bmp) repeat-x 0% 28%; 	text-align: center; }  /* links */ a {  	color: #4284B0; 	background-color: inherit; 	text-decoration: none; } a:hover { 	color: #9EC068; 	background-color: inherit; }  /* headers */ h1, h2, h3 { 	font: bold 1em 'Trebuchet MS', Arial, Sans-serif; 	color: #333;	 } h1 { font-size: 1.5em; color: #6297BC; }  h2 { font-size: 1.4em; text-transform:uppercase;} h3 { font-size: 1.3em; }  p, h1, h2, h3 { 	margin: 10px 15px; } ul, ol { 	margin: 10px 30px; 	padding: 0 15px; 	color: #4284B0; } ul span, ol span { 	color: #666666;  }  /* images */ img { 	border: px solid #CCC; } img.no-border { 	border: none; } img.float-right {   margin: 5px 0px 5px 15px;   } img.float-left {   margin: 5px 15px 5px 0px; } a img {     border: 2px solid #568EB6; } a:hover img {     border: 2px solid #CCC !important; /* IE fix*/   border: 2px solid #568EB6; }  code {   margin: 5px 0;   padding: 10px;   text-align: left;   display: block;   overflow: auto;     font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;   /* white-space: pre; */   background: #FAFAFA;   border: 1px solid #f2f2f2;     border-left: 4px solid #4284B0;  } acronym {   cursor: help;   border-bottom: 1px solid #777; } blockquote { 	margin: 15px;  	padding: 0 0 0 20px;  	   	background: #FAFAFA; 	border: 1px solid #f2f2f2;  	border-left: 4px solid #4284B0;    	color: #4284B0; 	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;  }  /* form elements */ form { 	margin:10px; padding: 0; 	border: 1px solid #f2f2f2;  	background-color: #FAFAFA;  } label { 	display:block; 	font-weight:bold; 	margin:5px 0; } input { 	padding: 2px; 	border:1px solid #eee; 	font: normal 1em Verdana, sans-serif; 	color:#777; } textarea { 	width:300px; 	padding:2px; 	font: normal 1em Verdana, sans-serif; 	border:1px solid #eee; 	height:100px; 	display:block; 	color:#777; } input.button {  	margin: 0;  	font: bold 1em Arial, Sans-serif;  	border: 1px solid #CCC; 	background: #FFF;  	padding: 2px 3px;  	color: #4284B0;	 }  /* search form */ form.searchform { 	background: transparent; 	border: none; 	margin: 0; padding: 0; } form.searchform input.textbox {  	margin: 0;  	width: 120px; 	border: 1px solid #9EC630;  	background: #FFF; 	color: #333;  	height: 14px; 	vertical-align: top; } form.searchform input.button {  	margin: 0;  	padding: 2px 3px;  	font: bold 12px Arial, Sans-serif;  	background: #FAFAFA; 	border: 1px solid #f2f2f2; 	color: #777;	 	width: 60px; 	vertical-align: top; }  /*********************** 	  LAYOUT ************************/ #wrap { 	background: #FFF; 	width: 820px; height: 100%; 	margin: 0 auto;	 	text-align: left; } #content-wrap { 	clear: both; 	margin: 0; padding: 0;	 	background: #FFF; }  /* header */ #header { 	position: relative; 	height: 135px;	 	background: #ffffff url(https://img.webme.com/pic/t/turk-rap-fm/headerbg.gif) repeat-x 0% 100%;	 } #header h1#logo {  	position: absolute; 	margin-top: 10px; padding: 0; 	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif; 	letter-spacing: -2px; 	text-transform: lowercase; 	top: 0; left: 5px;	 } #header h2#slogan { 	position: absolute;	  	top:37px; left: 125px; 	color: #666666; 	text-indent: 0px; 	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;  	text-transform: none;	 } #header form.searchform { 	position: absolute; 	top: 0; right: -12px;	 }  /* main */ #main { 	float: left; 	margin-left: 15p