KODSİSTEMİ - free tasarimlar

free tasarimlar

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

</div>   	</div>  			 	<div id="left"> 		<div id="sidebar"> 			<ul> 				<li><a href="http://kodsistemi.tr.gg/">Anasayfa </a></li>                                 <li><a href="http://kodsistemi.tr.gg/">Link bir </a></li>                                 <li><a href="#">Link iki </a></li>                                 <li><a href="#">Link üç </a></li>                                 <li><a href="#">Link dört </a></li>                                                                 <li><a href="#">Link 5 </a></li>                                 <li><a href="#">Link 6 </a></li>                                 <li><a href="#">Link 7 </a></li>                                                                <li><a href="#">Link 8 </a></li>                                 <li><a href="#">Link 9 </a></li>                                 <li><a href="http://www.kodsistemi.tr.gg">Link 10 </a></li>                                 <li><a href="#">Link 11 </a></li>                                 <li><a href="#">Link 12 </a></li>                                  <li><a href="#">Link 13 </a></li>                                 <li><a href="#">Link 14 </a></li>                                  <li><a href="#">Link 15 </a></li>                                 <li><a href="http://www.kodsistemi.tr.gg">Link 16 </a></li>                                                      <li><a href="http://www.kodsistemi.tr.gg">Link 17 </a></li>                                              <li><a href="#">Link 18 </a></li></ul> 		</div>        	</div>   	<div id="right">       <div class="rightbox"> <h2>KODSİSTEMİ</h2> <p>Bu bölüme  resim, ilan, kayan haber ve benzeri değişik istediğiniz şekilde şeyler ekleyebilir, veya site içeriğine ait kolay bir menü de yapabilirsiniz. Ebatları bu bölüme göre ayarlayabileceğiniz her türlü kod olur.(www.kodsistemi.tr.gg)</p> </div>	 <br />              <div class="rightbox"> <h2>KODSİSTEMİ</h2>  <p><i>www.kodsistemi.tr.gg</i></p> <p><b>Bu bölümü de yine istediğiniz gibi düzenleyebilirsiniz<br />  <a href="http://kodsistemi.tr.gg/">Menü-resim-kayan yazı-reklam-ilan</a></p> <br /> <p><i>www.kodsistemi.tr.gg</i></p> <p><b>Lorem ipsum dolor sit amet</b> consectetuer adipiscing elit.<br />  <a href="http://kodsistemi.tr.gg/">Menü-resim-kayan yazı-reklam-ilan</a></p> </div>  	</div> 	<div id="footer"> 		<a href="http://validator.w3.org/">Valid CSS</a> :: <a href="http://kodsistemi.tr.gg/">Valid XHTML</a>  Copyright © 2007 by Free CSS Templates and Layouts :: Designed by: <a href="http://www.kodsistemi.tr.gg"title="free css templates and layouts">GET FREE CSS WEB SITE DESIGN</a> </div> </div>

CSS KODU BÖLÜMÜNE
KOD:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  html, body {  margin : 0; }  #container {  width : 100%; margin : 0 auto; }  #header {  width : 100%; height : 100px; background : url(http://img509.imageshack.us/img509/431/kodsistemitrggheaderal2.jpg) repeat-x 0% 0%; }  #header h2 {  font-size : 24px; margin-top : 15px; margin-left : 15px; font-family : "arial", helvetica, sans-serif; color : #9e9e9e; }  #wrapper {  float : left; width : 100%; margin-bottom : 20px; }  #content {  margin : 0 20%; }  #left {  float : left; width : 15%; margin-left : -100%; }  #right {  float : left; width : 15%; margin-left : -16%; }  #footer {  clear : both; border-top : 1px solid #cecece; text-align : center; padding : 5px 10px; color : #fff; background-image : url(http://www.opendesigns.org/designs/515/footerbg2.jpg); font-family : "arial", helvetica, sans-serif; font-size : 0.7em; background-repeat : repeat-x; }  #sidebar {  border-bottom : 1px solid #cecece; }  #sidebar ul {  margin : 0; padding : 0; list-style : none; font-family : "arial", helvetica, sans-serif; }  #sidebar li a {  display : block; font-weight : bold; font-size : 0.9em; color : #666666; border-right : 1px solid #999999; text-decoration : none; padding : 7px 0 4px 20px; background-image : url(http://www.opendesigns.org/designs/515/menubg.jpg); }  #sidebar li a:hover {  color : orange; background-image : url(http://www.opendesigns.org/designs/515/menubg2.jpg); }  #sidebar p {  font-family : "arial", helvetica, sans-serif; }  #leftbox {  margin-top : 20px; border : 1px solid #999999; background-image : url(http://www.opendesigns.org/designs/515/rbbg.jpg); background-repeat : no-repeat; background-position : top 0%; }  #leftbox p {  margin-top : 0; }  #leftbox h2 {  font-family : "arial", helvetica, sans-serif; font-size : 1em; margin-top : 5px; margin-left : 5px; color : #999999; }  .rightbox {  border : 1px solid #999999; background-image : url(http://www.opendesigns.org/designs/515/lbbg.jpg); background-repeat : no-repeat; background-position : top 0%; }  .rightbox p {  margin-top : 0; }  .rightbox h2 {  font-family : "arial", helvetica, sans-serif; font-size : 1em; margin-top : 5px; margin-left : 5px; color : #999999; }  p {  padding : 10px; margin : 0; font-family : "arial", helvetica, sans-serif; font-size : 12px; text-align : justify; }  img {  border : 0; }  h1 {  display : none; }  a {  color : #84d5fa; text-decoration : none; }  a:hover {  color : orange; }  ul {  list-style-type : none; }  blockquote {  font-family : cursive; color : #000000; border : 1px solid #999999; text-align : justify; background-image : url(http://www.opendesigns.org/designs/515/bqbg.jpg); background-repeat : repeat-x; }

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

<div id="header"> 	<div id="logo"> 		<h1><a href="#">KODSİSTEMİ</a></h1> 		<h2><a href="http:///">www.kodsistemi.tr.gg</a></h2> 	</div> 	<div id="menu"> 		<ul> 			<li class="active"><a href="#">My Blog</a></li> 			<li><a href="#">My Photos</a></li> 			<li><a href="#">My Favorites</a></li> 			<li><a href="#">About Me</a></li> 			<li><a href="#">Contact Me</a></li> 		</ul> 	</div> </div> <div id="content"> </div>  		</div> 	</div> 	<div id="colTwo"> 		<ul> 			<li> 				<h2><span>Search</span></h2> 				<form method="get" action="#"> 					<div> 						<input type="text" id="textfield1" name="textfield1" value="" size="18" /> 						<input type="submit" id="submit1" name="submit1" value="Search" /> 					</div> 				</form> 			</li> 			<li> 				<h2><span>Archives</span></h2> 				<ul> 					<li><a href="#">January 2007</a></li> 					<li><a href="#">December 2006</a></li> 					<li><a href="#">November 2006</a></li> 					<li><a href="#">October 2006</a></li> 					<li><a href="#">September 2006</a></li> 					 					 					<li><a href="#">January 2006</a></li> 				</ul> 			</li> 			<li> 				<h2><span>Categories</span></h2> 				<ul> 					<li><a href="#">Quisque vestibulum</a> (23)</li> 					<li><a href="#">Sed a nisl a lacus</a> (78)</li> 					<li><a href="#">Quisque sagittis</a> (11)</li> 					<li><a href="#">In aliquet hendrerit</a> (65)</li> 					 					 					<li><a href="#">Praesent sit amet</a> (54)</li> 				</ul> 			</li> 			<li> 				<h2><span>Blogroll</span></h2> 				<ul> 					<li><a href="#">AnotherFriendlySite.net</a></li> 					<li><a href="#">CoolSite.com</a></li> 					<li><a href="#">MyBestFriend.com</a></li> 				</ul> 			</li> 			<li> 				<h2><span>Meta</span></h2> 				<ul> 					<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> 				</ul> 			</li> 		</ul> </div>

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

CSS KODU BÖLÜMÜNE
KOD:

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;} #counter{display: none;}   /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  body { 	margin: 0; 	padding: 0; 	background: #e0ffff url(http://img249.imageshack.us/img249/3047/wwwkodsistemitrggimg1xn3.gif) repeat-x; 	font: normal small sans-serif; 	color: #878C66; }  h1, h2, h3, h4, h5, h6 { 	color: #997867; }  a { 	text-decoration: none; 	color: #825037; }  a:hover { 	text-decoration: underline; }  /* Header */  #header { 	width: 700px; 	height: 160px; 	margin: 0 auto;        color: #7ac5cd; }  /* Logo */  #logo { 	float: left; 	padding: 12px 0 0 0; }  #logo * { 	margin: 0; 	text-decoration: none; 	font-weight: normal; 	color: #20b2aa; }  #logo h1 { 	letter-spacing: -2px; 	font-size: 1.8em; }  #logo h2 { 	margin-top: -5px; 	padding-left: 2px; 	font-size: 1em; }  /* Menu */  #menu { 	float: right; }  #menu ul { 	margin: 0; 	padding: 37px 0 0 0; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	height: 22px; 	margin-left: 2px; 	padding: 8px 15px 0 15px; 	background: #87ceeb url(http://img88.imageshack.us/img88/9263/wwwkodsistemitrggimg2xa3.gif) repeat-x; 	border: 1px solid #C9CCB9; 	border-bottom: none; 	text-decoration: none; 	color: #878C66; }  #menu .active a, #menu a:hover { 	height: 23px; 	background: #97ffff; }  /* Content */  #content { 	width: 700px; 	margin: 0 auto;         margin-left: 255px; }  /* Column One */  #colOne { 	float: right; 	width: 470px; }  #colOne .post { 	clear: both; 	margin-bottom: 3em; }  #colOne .title { 	margin: 0; 	padding: 0; 	border-bottom: 1px solid #C9CCB9; 	font-size: 1.6em; }  #colOne .posted, #colOne .meta { 	margin: 0; 	text-align: right; 	font-size: xx-small; }  #colOne .posted { 	margin-top: -13px; }  #colOne .meta { 	border-top: 1px solid #C9CCB9; }  #colOne .meta p { 	margin: 0; }  /* Column Two */  #colTwo { 	float: left; 	width: 200px;        margin-left: 18px;        margin-top: 2px; }  #colTwo #textfield1 { 	width: 170px; }  #colTwo #submit1 { 	display: none; }  #colTwo ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #colTwo li h2 { 	margin: 0; 	padding: 0; 	line-height: 100%; }  #colTwo li h2 span { 	margin: 0; 	padding: 5px 10px; 	background: #EED5D2 url(http://img411.imageshack.us/img411/5622/kodsistemitrggimg3ki4.gif) repeat-x; 	border: 1px solid #C9CCB9; 	border-bottom: none; 	text-transform: uppercase; 	font-size: 10px; }  #colTwo li ul, #colTwo li form { 	margin: 0 0 10px 0; 	padding: 10px; 	border: 1px solid #C9CCB9; }  /* Footer */  #footer { 	width: 700px; 	margin: 0 auto; 	padding: 1em; 	border-top: 1px solid #C9CCB9; }  #footer p { 	font-size: xx-small; }