GüzeL Bir Tema Hemde Css Li

Konu: GüzeL Bir Tema Hemde Css Li Salı Eyl. 15, 2009 9:51 am

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.(<a href="//www.kodsistemi.tr.gg)</p>" target="_blank" rel="nofollow">www.kodsistemi.tr.gg)</p></a> </div>	 <br />              <div class="rightbox"> <h2>KODSİSTEMİ</h2>  <p><i><a href="//www.kodsistemi.tr.gg</i></p>" target="_blank" rel="nofollow">www.kodsistemi.tr.gg</i></p></a> <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><a href="//www.kodsistemi.tr.gg</i></p>" target="_blank" rel="nofollow">www.kodsistemi.tr.gg</i></p></a> <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(https://2img.net/r/ihimizer/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; }

» GüzeL Bir Tema
» GüzeL Renkli Bir Tema
» Keep it Simple GüzeL Bir JooMLa Tema
» DiNi Bir tema GüzeL Olmuş
» WiNDoWS MEDiA PLaYer 10 iNDiR