kodlagitsin

tasarim12

TASARIM 12

KOD 12

Tasarimin Üzerine

<div id="container">     <div id="header">     <h1><a href="#"  _fcksavedurl="#">Merkez</a></h1>     <h2>Css  Tasarim Bizim İşimiz</h2>          <ul id="mainMenu">     	 <li><a href="#" _fcksavedurl="#">Ana  Sayfa</a></li>         <li><a href="#"  _fcksavedurl="#">Hakkında</a></li>          <li><a href="#"  _fcksavedurl="#">Toplist</a></li>         <li><a  href="#" _fcksavedurl="#">SiteMap</a></li>          <li><a href="#" _fcksavedurl="#">Arşiv</a></li>          <li><a href="#"  _fcksavedurl="#">İletişim</a></li>          <li><span>Arama:</span></li>         <li  class="formList"><form action="www.csstasarim-arsiv.tr.gg">          <div class="c1"><div class="c2"><div  class="c3"><div class="c4">         <input type="text"  name="search" size="10" class="searchBox" />         <button  type="submit"  class="goButton"><span>Git</span></button>          </div></div></div></div>          </form></li>     </ul>   </div>      <div id="mainContent">        <div  class="blog">            <h2 class="blogTitle"><a  href="www.css-tasarimm.tr.gg"  _fcksavedurl="www.css-tasarimm.tr.gg">Css Tasarim Bizim İşimiz  www.csstasarim-arsiv.tr.gg</a></h2>       <h3  class="meta">tR.gg'nin En Büyük Tasarim Veren Sitesi Olma  Yolundayız...</h3>

Tasarimin ALtına

</div>        <h2 class="boxDesc">Arşiv:</h2>               <div class="c1"><div class="c2"><div  class="c3"><div class="c4">       <ul>       	 <li><a href="#" _fcksavedurl="#">Ocak  2008</a></li>         <li><a href="#"  _fcksavedurl="#">Şubat 2008</a></li>          <li><a href="#" _fcksavedurl="#">Mart  2008</a></li>         <li><a href="#"  _fcksavedurl="#">Nisan 2008</a></li>          <li><a href="#" _fcksavedurl="#">Mayıs  2008</a></li>         <li><a href="#"  _fcksavedurl="#">Haziran 2008</a></li>       	 <li><a href="#" _fcksavedurl="#">Temmuz  2007</a></li>         <li><a href="#"  _fcksavedurl="#">Ağustos 2007</a></li>          <li><a href="#" _fcksavedurl="#">Eylül  2007</a></li>         <li><a href="#"  _fcksavedurl="#">Ekim 2007</a></li>          <li><a href="#" _fcksavedurl="#">Kasim  2007</a></li>         <li><a href="#"  _fcksavedurl="#">Aralık 2007</a></li>       </ul>        </div></div></div></div>               <h2 class="boxDesc">Kategori:</h2>              <div  class="c1"><div class="c2"><div class="c3"><div  class="c4">       <ul>       	<li><a href="#"  _fcksavedurl="#">Oyun</a></li>         <li><a  href="#" _fcksavedurl="#">İnndir</a></li>          <li><a href="#" _fcksavedurl="#">Aşk</a></li>          <li><a href="#" _fcksavedurl="#">Html  Kodlar</a></li>         <li><a href="#"  _fcksavedurl="#">Site Ekle Hit Kazan</a></li>          <li><a href="#" _fcksavedurl="#">Lig TV  İzle</a></li>       	<li><a href="#"  _fcksavedurl="#">Maç Skorları</a></li>          <li><a href="#" _fcksavedurl="#">Puan  Durumu</a></li>         <li><a href="#"  _fcksavedurl="#">Downloads Merkezi</a></li>          <li><a href="#" _fcksavedurl="#">Css Tasarim  Merkezi</a></li>         <li><a href="#"  _fcksavedurl="#">İceblue Tasarim</a></li>          <li><a href="#" _fcksavedurl="#">Red  Tasarim</a></li>         <li><a href="#"  _fcksavedurl="#">CSS Design</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>        </ul>       </div></div></div></div>               <br class="clear" />            	</div>        <div id="footer">      <p>Copyright © 2008, WwW.Site-Adi.tR.gg <img  src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  alt="" class="bullet" /> Design by <a  href="http://www.css-tasarimm.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">Css Tasarim  Merkezi</a> <img  src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  alt="" class="bullet" /> <a href="#"  _fcksavedurl="#">WwW.Site-Adi.tR.gg</a></p>    </div>    </div>

Css Kod Bölümüne

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;}  *  { 	margin: 0; 	padding: 0; }  body { 	font: 13px Georgia, "Times New  Roman", Times, serif; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-header.jpg) top center  no-repeat #870010; 	text-align: center; 	color: #FFF; }  /**** GENERAL  STYLES WWW.CSS-TASARİMM.TR.GG ****/  a { 	color: #F47D1F; 	 text-decoration: none; }  a:hover { 	color: #FFCFB3; }  p { 	 line-height: 1.4em; 	text-align: justify; 	padding: 10px 0 0 0; }   #mainContent ul, #mainContent ol { 	margin-left: 40px; 	line-height:  1.8em; 	padding: 10px 0 0 0; }  #mainContent ul { 	list-style:  url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_o.gif); }   blockquote { 	border-left: 4px solid #B21; 	color: #FFCFB3; 	margin:  10px 40px 0 40px; 	line-height: 1.8em; 	padding: 0 10px 10px 10px; }   blockquote:first-line { 	font-size: 20px; 	font-style: italic; 	 line-height: 1.4em; }  code { 	border-bottom: 1px dotted #B21; 	color:  #FFCFB3; }  h1, h2, h3, h4, h5, h6 { 	font-weight: normal; 	 font-variant: small-caps; 	line-height: 1.5em; }  h1 { 	font-size: 26px;  }  h2 { 	font-size: 22px; }  h3 { 	font-size: 18px; }  h4 { 	font-size:  16px; }  h5 { 	font-size: 14px; }  h6 { 	font-size: 12px; }   /****  GENERAL LAYOUT WWW.CSS-TASARİMM.TR.GG ****/  #container { 	width: 868px;  	margin: 0 auto; 	text-align: left; }  #header { 	height: 520px; 	 padding: 0 10px 0 20px; }  #mainContent { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-footer.jpg) bottom center  no-repeat; }  /**** HEADER STYLES WWW.CSS-TASARİMM.TR.GG ****/  #header  h1 { 	float: left; 	font-size: 72px; 	font-weight: normal; 	 font-variant: normal; 	line-height: 1.2em; 	padding-top: 10px; }   #header h1 a { 	color: #FFF; }  #header h1 a:hover { 	color: #FFCFB3; }   #header h2 { 	float: left; 	font-size: 16px; 	font-weight: normal; 	 font-style: italic; 	font-variant: normal; 	line-height: 1.2em; 	 padding: 35px 0 0 10px; }  /**** MAIN MENU LAYOUT and STYLES  WWW.CSS-TASARİMM.TR.GG ****/  #mainMenu { 	color: #FFCFB3; 	float:  right; 	font-size: 30px; 	line-height: 1.5em; 	list-style: none; 	 margin-left: -35px; 	position: relative; }  #mainMenu a { 	color: #FFF; }   #mainMenu a:hover { 	background: #FFCFB3; 	color: #870010; }   #mainMenu a, #mainMenu span { 	padding: 0 5px; }  /**** BLOG LAYOUT and  STYLES WWW.CSS-TASARİMM.TR.GG ****/  .blog { 	padding-bottom: 40px; }   .blog h2.blogTitle { 	font-size: 28px; 	font-weight: normal; 	 font-variant: normal; 	line-height: 18px; 	position: relative; 	z-index:  1; }  .blog h3.meta { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat;  	color: #FFCFB3; 	font-size: 13px; 	font-weight: normal; 	font-variant:  normal; 	height: 36px; 	line-height: 36px; 	padding: 0 10px 0 15px; 	 position: relative; 	z-index: 0; }  * html .blog h3.meta { 	padding-top:  10px; }  .blog h2.blogTitle a { 	color: #FFF; }  .blog h2.blogTitle  a:hover { 	color: #FFCFB3; }  .blog h3.meta a { 	color: #FFCFB3; }   .blog h3.meta a:hover { 	color: #FFF; }  img.bullet { 	padding: 0 4px; }   /**** ROUNDED CORNER BOX STYLES WWW.CSS-TASARİMM.TR.GG ****/  .c1 { 	 background: url(https://img.webme.com/pic/c/css-tasarimm/6-c1.gif) top  left no-repeat #EC691F; 	margin: 0 0 40px 0; }  .c2 { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-c2.gif) top right  no-repeat; }  .c3 { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-c3.gif) bottom left  no-repeat; }  .c4 { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-c4.gif) bottom right  no-repeat; }  #mainContent .c4 p, #mainContent .c4 ul { 	padding: 0  20px; 	line-height: 36px; 	margin-left: 0; }  /**** ROUNDED CORNER  BOTTOM BOX STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/  .c4 li { 	display:  inline; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif) center right  no-repeat; }  .c4 li a { 	color: #FFCFB3; 	margin-right: 11px; 	 white-space: nowrap; }  .c4 li a:hover { 	color: #FFF; }  .boxDesc { 	 font-size: 28px; 	font-weight: normal; 	font-variant: normal; }  /****  ROUNDED CORNER BOX - INPUT STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/   li.formList .c1, li.formList .c2, li.formList .c3, li.formList .c4 { 	 width: 125px; }  #postComment .c1, #postComment .c2, #postComment .c3,  #postComment .c4 { 	height: 40px; 	line-height: 40px; 	width: 300px; }   .c4 input.searchBox, #postComment input, .postCommentTA textarea { 	 background: transparent; 	border: none; 	color: #870010; 	font: 12px  Georgia, "Times New Roman", Times, serif; 	position: relative; 	left:  4px; 	width: 80px; }  #mainContent .c1 { 	margin-bottom: 15px; }   #postComment input { 	float: left; 	position: relative; 	top: 12px; 	 width: 200px; }  #postComment .postCommentTA .c1, #postComment  .postCommentTA .c2, #postComment .postCommentTA .c3, #postComment  .postCommentTA .c4 { 	height: auto; 	width: 500px; }  #mainContent  #postComment .postCommentTA .c1 { 	margin-bottom: 30px; }   .postCommentTA textarea { 	margin: 10px; 	overflow: auto; 	width: 470px;  }  #postComment label { 	color: #FFCFB3; 	float: right; 	padding-right:  10px; }  #mainMenu li.formList { 	line-height: .6em; }  /**** BUTTON  STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/  .goButton { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-button.gif) center center  no-repeat; 	border: none; 	color: #FFCFB3; 	height: 28px; 	width: 38px; }   .goButton span { 	position: relative; 	top: -1px; }   .postButtonCluster { 	position: relative; 	top: -20px; }   .postButtonCluster button { 	background: none; 	border: none; 	color:  #FFCFB3; 	font: 16px Georgia, "Times New Roman", Times, serif; 	 margin-right: 20px; }  /**** COMMENT LIST STYLES  WWW.CSSTASARİM-ARSİV.TR.GG ****/  #commentList { 	list-style-position:  outside; 	position: relative; 	left: -40px; 	margin-right: -40px; 	 width: 868px; }  #commentList li { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat;  	color: #FFCFB3; 	font-size: 13px; 	font-weight: normal; 	font-variant:  normal; 	padding: 0 10px 0 15px; }  .commentMeta { 	clear: both; 	 height: 36px; }  .cml {  	float: left; }  .cmr {  	float: right; 	 font-size: 10px; }  .commentContent { 	color: #FFF; 	position: relative;  	top: -20px; }  /**** FOOTER STYLES ****/  #footer p { 	color: #FFCFB3;  	font-size: 11px; 	padding: 10px 0; 	text-align: center; }  /**** IMAGE  FLOATING, IMAGE CENTERING WWW.CSS-TASARİMM.TR.GG ****/  .floatImgR,  .floatImgL, .imageCenter { 	border: 1px solid #B21; 	padding: 2px; }   .floatImgR { 	float: right; 	margin: 10px 0 5px 10px; }  .floatImgL { 	 float: left; 	margin: 10px 10px 5px 0; }  .imageCenter { 	display:  block; 	margin: 10px auto; }  /**** CLEARING ****/  br.clear { 	clear:  both; }

ANA MENÜ

CSS MENÜ

PHOTOSHOP MENÜ

DREAMWEAVER MENÜ

HTML MENÜ

İCON MENÜ

tasarim12