En Yeni Tasarımlar - tasarım 1

tasarım 1

<div id="header"> 	<div id="logo"> 		<h1><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Majestic</a></h1> 		<p>WwW.BsİciNtaSariM.Tr.gg</p> 	</div> 	<div id="menu"> 		<ul> 			<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" class="current_page_item">Home</a></li> 			<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="http://www.bsicintasarim.tr.gg">Blog</a></li> 			<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Photos</a></li> 			<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Links</a></li> 			<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="http://www.bsicintasarim.tr.gg">Contact</a></li> 		</ul> 	</div> </div>  <div id="wrapper"> 	 	<div id="page"> 		<div id="page-bg"> 			<div id="sidebar1" class="sidebar"> 				<div id="sidebar1-bgtop"> 				<div id="sidebar1-bgbtm"> 				<ul> 					<li> 						<h2>Recent Posts</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="http://www.bsicintasarim.tr.gg">Consectetuer adipiscing elit</a></li> 							<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="http://www.bsicintasarim.tr.gg">Suspendisse iaculis mauris</a></li> 							<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Suspendisse iaculis mauris</a></li> 							<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Proin gravida orci porttitor</a></li> 						</ul> 					</li> 					<li> 						<h2>Recent Comments</h2> 						<ul> 							<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Free CSS Templates</a> on <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Metus aliquam pellentesque</a></li> 							<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Free CSS Templates</a> on <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Suspendisse iaculis mauris</a></li> 							<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Free CSS Templates</a> on <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Urnanet non molestie semper</a></li> 							<li><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Free CSS Templates</a> on <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">Proin gravida orci porttitor</a></li> 						</ul> 					</li> 					<li> 						<h2>Categories</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 						</ul> 					</li> 					<li> 						<h2>Archives</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">August</a> (31)</li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">July</a> (31)</li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">June</a> (30)</li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">May</a> (31)</li> 						</ul> 					</li> 				</ul> 				</div> 				</div> 			</div> 			 			<div id="content"> </body></html></body></html>

               TASARIM ÜSTÜ

</div> 			 			<div id="sidebar2" class="sidebar"> 				<div id="sidebar2-bgtop"> 				<div id="sidebar2-bgbtm"> 				<ul> 					<li> 						<form id="searchform" method="get" action="#"> 							<div> 								<h2>Site Search</h2> 								<input type="text" name="s" id="s" size="15" value="" /> 							</div> 						</form> 					</li> 					<li> 						<h2>Tags</h2> 						<p class="tag"><a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">dolor</a> <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">ipsum</a> <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">lorem</a> <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">sit amet</a> <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">dolor</a> <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">ipsum</a> <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg#">lorem</a> <a href="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg" _fcksavedurl="http://www.bsicintasarim.tr.gg">sit amet</a></p> 					</li> 					<li> 						<h2>Categories</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 						</ul> 					</li> 				</ul> 			</div> 			</div> 			</div> 			 			<div style="clear: both;"> </div> 		</div> 	</div> 	 </div> <div id="footer"> 	<p class="copyright">©  2009 All Rights Reserved  •  Design by <a href="http://www.bsicintasarim.tr.gg/" _fcksavedurl="http://www.bsicintasarim.tr.gg/" _fcksavedurl="http://www.bsicintasarim.tr.gg/" _fcksavedurl="http://www.bsicintasarim.tr.gg/">bsicintasarim</a>.</p> 	<p class="link"><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Privacy Policy</a> • <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Terms of Use</a></p> </div>     </body></html>
</body></html>

TASARIM ALTINA

/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  body { 	margin-top: 50px; 	padding: 0; 	background: #0A1420; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #FFFFFF; }  h1, h2, h3 { 	margin-top: 0; 	color: #FFFFFF; }  h1 { 	font-size: 1.6em; 	font-weight: normal; }  h2 { 	font-size: 1.6em; }  h3 { 	font-size: 1em; }  ul { }  a { 	text-decoration: none; 	color: #FFFFFF; }  a:hover { 	border-bottom: none; }  a img { 	border: none; }  img.left { 	float: left; 	margin: 0 20px 0 0; }  img.right { 	float: right; 	margin: 0 0 0 20px; }  #header { 	width: 940px; 	height: 150px; 	margin: 0 auto; 	padding: 0px; }  /* Header */  #logo { 	width: 940px; 	height: 80px; 	margin: 0 auto; 	padding-top: 20px; }  #logo h1, #logo p { 	float: left; 	margin: 0; 	color: #FFFFFF; }  #logo span { }  #logo h1 { 	padding: 25px 0 0 0; 	letter-spacing: -1px; 	text-transform: lowercase; 	font-weight: normal; 	font-size: 3em; }  #logo p { 	text-transform: uppercase; 	padding: 47px 0 0 3px; 	font-size: 10px; 	color: #CCCCCC; }  #logo a { 	border: none; 	text-decoration: none; 	color: #FFFFFF; }  /* Menu */  #menu { 	width: 940px; 	margin: 0 auto; 	padding: 0; 	height: 50px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img01.gif)  no-repeat left top; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	height: 34px; 	margin: 0; 	padding: 16px 30px 0 30px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img14.gif) no-repeat right 7px; 	text-decoration: none; 	text-transform: capitalize; 	font-size: 13px; 	font-weight: bold; 	color: #04283B; }  #menu a:hover { 	color: #04283B; }  #menu .current_page_item a { 	color: #04283B; }  /* Wrapper */  #wrapper { }  /* Page */  #page { 	width: 940px; 	margin: 0 auto; 	padding: 0px; }  #page-bg { }  /* Latest Post */  #latest-post { 	padding: 20px; 	border: 1px solid #E7E7E7; }  /* Content */  #content { 	float: left; 	width: 560px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img12.gif) repeat-y left top; }  #content-bgtop { 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img11.gif) no-repeat left top; }  #content-bgbtm { 	padding: 20px 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img13.gif) no-repeat left bottom; }  .post { 	padding-bottom: 15px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img15.gif) repeat-x left bottom; 	line-height: 200%; }  .post h1 { 	font-weight: normal; }  .title { 	margin: 0; 	padding: 10px 0 4px 20px; 	font-weight: normal; }  .title a { 	border-bottom: none; 	color: #FFFFFF; }  .title a:hover { 	border-bottom: 1px dotted #000000; }  .byline { 	margin: -10px 20px 20px 20px; }  .tag { 	padding: 0 15px; }  .entry { 	padding: 0 20px; }  .links { 	padding: 4px 0px; 	text-align: right; 	font-weight: bold; }  .links a { 	border: none; }  .links a:hover { }  /* Sidebars */  #sidebar1 { 	float: left; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img04.gif) repeat-y left top; 	color: #04283B; }  #sidebar1-bgtop { 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img03.gif) no-repeat left top; }  #sidebar1-bgbtm { 	padding-top: 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/mages/img05.gif) no-repeat left bottom; }  #sidebar1 h2 { 	height: 30px; 	margin: 0px 0px 0px 0px; 	padding: 25px 0px 0px 15px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img06.gif) no-repeat left top; 	font-size: 13px; 	font-weight: bold; 	color: #04283B; }  #sidebar1 a { 	color: #04283B; }  #sidebar2 { 	float: right; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img08.gif) repeat-y left top; }  #sidebar2-bgtop { 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img07.gif) no-repeat left top; }  #sidebar2-bgbtm { 	padding-top: 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img09.gif) no-repeat left bottom; }  #sidebar2 h2 { 	height: 30px; 	margin: 0px 0px 0px 0px; 	padding: 25px 0px 0px 15px; 	background: url(images/img10.gif) no-repeat left top; 	font-size: 13px; 	font-weight: bold; 	color: #FFFFFF; }  #sidebar2 a { 	color: #FFFFFF; }  .sidebar { 	float: left; 	width: 190px; 	font-size: 11px; }  .sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  .sidebar li { 	padding: 0 0 20px 0; }  .sidebar li ul { }  .sidebar li li { 	margin: 0 20px 0 15px; 	padding: 8px 0px; 	border-bottom: 1px #BBBBBB dashed; }   .sidebar li h2 { 	height: 30px; 	margin: 0 0 0 0; 	padding: 10px 15px 0px 15px; 	color: #FFFFFF; }  .sidebar a { }  /* Search */  #searchform { 	margin: 0; 	padding: 0 0 0 0; }  #searchform br { 	display: none; }  #searchform h2 { }  #s { 	margin: 10px 0px 0 15px; 	padding: 2px 2px; 	width: 150px; 	height: 18px; 	border: 1px solid #FFFFFF; 	background: #FFFFFF; 	font-size: 10px; 	color: #000000; }  #x { 	margin: 0; 	padding: 2px 5px; 	height: 25px; 	background: #CA8186; 	text-decoration: none; 	text-transform: uppercase; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; 	color: #CCCCCC; } /* Calendar */  #calendar_wrap { 	padding: 0 15px; 	text-align: center; }  #calendar_wrap table { 	width: 100%; }  #calendar_wrap th { }  #calendar_wrap td { }  #calendar_wrap tfoot td { 	border: none; }  #calendar_wrap tfoot td#prev { 	text-align: left; 	font-weight: bold; 	border: none; }  #calendar_wrap tfoot td#prev a { 	border: none; }  #calendar_wrap tfoot td#next { 	text-align: right; 	font-weight: bold; 	border: none; }  #calendar_wrap tfoot td#next a { 	border: none; }  /* Footer */  #footer { 	width: 960px; 	height: 70px; 	margin: 0 auto; 	padding: 10px 0px 0px 0px; 	color: #FFFFFF; }  #footer p { 	margin: 0; 	padding: 25px 20px 0 20px; 	text-transform: uppercase; 	text-align: center; 	font-size: smaller; 	font-family: Arial, Helvetica, sans-serif; }  #footer a { 	color: #FFFFFF; }  #footer .link { 	float: right; }  #footer .copyright { 	float: left; }  </body></html>
</body></html>

CSS KODU