Yaprak Tasarımı

Tasarımın Üstüne

Tasarımın Altına

<div id="sidebar"> 					<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 KOD</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 style="clear:both"> </div> 			</div> 		</div> 	</div> <div id="footer"> 	<p></p> </div>

CSS Koduna

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}   body { 	margin: 0; 	padding: 0; 	background: #FFFFFF; 	font-size: 13px; 	text-align: justify; }  body, th, td, input, textarea, select, option { 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; 	color: #61492D; }  h1, h2, h3 { 	font-family: Georgia, "Times New Roman", Times, serif; 	font-weight: normal; 	color: #66A342; }  h1 { 	letter-spacing: -2px; 	font-size: 3em; }  h2 { 	letter-spacing: -1px; 	font-size: 3em; }  h3 { 	font-size: 1em; }  p, ul, ol { 	line-height: 200%; }  blockquote { 	margin: 15px 0px;  	padding: 5px 7px 5px 40px;  	     font-weight: normal; 	font-size: 17px; 	line-height: 1.6em; 	font-style: italic; 	font-family: Georgia, 'Times New Roman', Times, serif;		 	color: #66A342; }  blockquote p, blockquote ul, blockquote ol { 	line-height: normal; 	font-style: italic; }  a { 	color: #66A342; }  a:hover { 	color: #66A342; }  hr { 	display: none; }  /* Header */  #topbg { 	width: 800px; 	height: 50px; 	margin: 0 auto; 	padding: 0; 	background: url(http://www.bitkisagligi.net/Fasulye/fasulyeresim/BeanYellowMosaicPotyvirus.jpg) no-repeat left top; }  #header { 	width: 800px; 	height: 300px; 	margin: 0 auto; 	background: url(https://img.webme.com/pic/c/css-tasarimm/4-img02.jpg) no-repeat left top; }  #header h1, #header p { 	margin: 0; 	padding: 0; }  #header h1 { 	font-size: 52px; 	padding: 190px 0 0 35px; 	color: #FFFFFF; }  #header p { 	margin-top: -20px; 	padding: 0 0 0 30px; 	font-size: 24px; 	font-weight: normal; 	font-family: Georgia, "Times New Roman", Times, serif; 	color: #FFFFFF; 	text-transform: lowercase; }  #header a { 	text-decoration: none; 	color: #F79F1A; }  /* Page */  #page { 	width: 800px; 	margin: 0 auto; 	padding-top: 30px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/4-img03.jpg) no-repeat left top; }  /* Content */  #content { 	float: left; 	width: 530px; 	margin: 0; 	padding-left: 30px; 	color: #666666; }  .post { 	padding: 0px 0 0 0; }  .title { 	padding: 0 20px 5px 0px; 	font-size: 26px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/4-img06.gif) no-repeat right 40%; 	border-bottom: 2px #66A342 dashed; 	margin-right: 20px; }  .title a { 	text-decoration: none; 	color: #66A342; }  .pagetitle { }  .byline { 	margin: -25px 20px 0 0px; 	color: #66A342; }  .meta { 	text-align: left; 	color: #66A342; 	padding: 5px 20px 5px 25px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/4-img07.gif) no-repeat left 50%; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	margin-right: 20px; }  .meta .more { }  .meta .comments { 	background: url(https://img.webme.com/pic/c/css-tasarimm/4-img07.gif) no-repeat left 50%; 	padding-left: 25px; }  .meta a { 	color: #66A342; }  .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: 17px 20px 5px 0px; }  .last { 	border: none; }  /* Sidebar */  #sidebar { 	float: right; 	width: 210px; 	margin-bottom: 10px; 	padding-right: 30px; 	color: #66A342; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	margin: 0; 	padding: 0; }  #sidebar li ul { 	margin-left: 20px; 	padding: 0; }  #sidebar li li { 	margin: 0 0 0 0; 	margin: 0 0 0 0; 	line-height: 35px; 	border-bottom: 1px #66A342 dotted; }  #sidebar h2 { 	margin: 0px 0 0 20px;  	height: 35px; 	font-size: 18px; 	color: #66A342; 	background: url(https://img.webme.com/pic/c/css-tasarimm/4-img04.gif) no-repeat right 30%; 	border-bottom: 2px #66A342 dashed; }  #sidebar a { 	text-decoration: none; }  #sidebar a:hover { 	text-decoration: none; }  /* Search */  #search input { 	display: none; }  #search input#s { 	display: block; 	width: 230px; 	padding: 2px 5px; 	border: 1px solid #3DD1FF; 	background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/4-img03.jpg) repeat-x; }  #search br { 	display: none; }  /* Calendar */  #calendar { }  #calendar h2 { 	margin-bottom: 15px; }  #calendar table { 	width: 80%; 	margin: 0 auto; 	text-align: center; }  #calendar caption { 	width: 100%; 	text-align: center; }  #next { 	text-align: right; }  #prev { 	text-align: left; }  /* Footer */  #footer { 	width: 800px; 	margin: 0 auto; 	height: 50px; 	text-align: center; 	font-size: 10px; 	font-family: Arial, Helvetica, sans-serif; 	color: #48AB07; 	background: url(https://img.webme.com/pic/c/css-tasarimm/4-img03.jpg) no-repeat left top; 	margin-bottom: 27px; }  #footer p { 	padding-top: 15px; }  #footer p a { 	color: #69B536; }  img { border: none; }  img.left { 	float: left; 	margin: 3px 20px 30px 0px; }  img.right { 	float: right; 	margin: 3px 0px 10px 30px; }