kodlagitsin

tasarim14

TASARIM 14

KOD 14

Tasarimin Üzerine

<div id="wrapper"> 	 <h1>Css Merkezi</h1> 	<div id="nav"> 		<a  href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">Home</a> 		<a  href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">Servis</a> 		<a  href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">İletişim</a> 		 <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">Toplist</a> 		 <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">Yorumlar</a> 	 </div> 	<div id="body"> 		<div id="body-top"> 			 <div id="body-top-2"></div> 			<div id="body-bot"> 			 	<div id="welcome"> 					<img  src="http://tbn0.google.com/images?q=tbn:dJaPBUWrB9q44M:http://www.resimmerkezi.net/yesil-yaprak_wallpapers_3861_1280x1024.jpg"   _fcksavedurl="http://tbn0.google.com/images?q=tbn:dJaPBUWrB9q44M:http://www.resimmerkezi.net/yesil-yaprak_wallpapers_3861_1280x1024.jpg"  width="231" height="301" alt="www.csstasarim-arsiv.tr.gg" /> 					 <h2>Hoşgeldiniz.</h2> 					<p>Sitemize Hoşgeldiniz Bu  Tasarim <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">www.csstasarim-arsiv.tr.gg</a>  Sitesinden Alınmıştır.Sizde Ordan Bu Tasarimi  Kullanabilirsiniz.</p> 						 							 				</div> 				<div  id="conntent">

Tasarimin ALtına

<div  class="fineline"></div> 					  					  					 				  <div  id="planer"> 				  	<h2>Yaprak Tasarimi</h2> 				  	 <div class="fineborder"><img  src="https://img.webme.com/pic/c/css-tasarimm/css14.jpg"  _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/css14.jpg"  width="186" height="79" alt="CSS 14" /></div> 			 			 				  	 <p class="more"><a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg/css14.htm"  class="bar-lit">Tasarima Git</a></p> 				  </div> 	 			  <div id="stories"> 				  	<h2>Çiçek Tasarimi</h2>  				  	<div class="fineborder"><img  src="https://img.webme.com/pic/c/css-tasarimm/css15.jpg"  _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/css15.jpg"  width="186" height="79" alt="CSS 15" /></div>  				  	<p  class="more"><a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg/css15.htm"  class="bar-lit">Tasarima Git</a></p> 				  </div> 	 			  <div class="clear-flat"></div> 				</div> 				 <div class="clear"></div> 			</div> 		</div> 	 </div> 	<div id="footer"> 		<p>Copyright <a  href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://csstasarim-arsiv.tr.gg">  www.csstasarim-arsiv.tr.gg</a> Sitesine Ayittir.</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;}   html, body, ul, li, h1, h2, h3, h4 { 	margin: 0px; 	padding: 0px; 	 list-style: none; } h2{ 	font-family: Arial, Helvetica, sans-serif; 	 font-size: 17px; 	color: #544e38; } img { 	border: 0px; } a { 	 text-decoration: underline; } a:hover { 	text-decoration: underline; }  .left { 	float: left; } .right { 	float: right; } .more { 	text-align:  right; } .clear { 	clear: both; }  body { 	background: white; 	 text-align: center; 	font: 11px verdana, arial, sans-serif; } #wrapper {  	text-align: left; 	margin: auto; 	width: 728px; }  #body { 	 background: url(https://img.webme.com/pic/c/css-tasarimm/17-body_bg.gif)  repeat-y; 	color: white; 	width: 100%; } #body-top { 	background: top  left url(https://img.webme.com/pic/c/css-tasarimm/17-body_top.gif)  no-repeat; 	position: relative; } #body-bot { 	background: bottom left  url(https://img.webme.com/pic/c/css-tasarimm/17-body_bot.gif) no-repeat;  	padding-bottom: 17px; } #body-top-2 { 	position: absolute; 	top: 12px;  	left: 251px; 	width: 463px; 	height: 11px; 	background: top left  url(https://img.webme.com/pic/c/css-tasarimm/17-body_top_2.gif)  no-repeat; }  #wrapper { 	position: relative; 	padding-top: 68px; } h1 {  	position: absolute; 	top: 36px; 	left: 13px; 	font-size:26px; 	 color:#3f3c2d; 	font-variant: small-caps; 	font-family: Arial,  Helvetica, sans-serif; } #nav { 	position: absolute; 	top: 43px; 	left:  256px; 	 } #nav  a { 	 background-image:url(https://img.webme.com/pic/c/css-tasarimm/17-menu.gif);  	width:90px; 	height:19px; 	display:inline; 	float:left; 	font-family:  Arial, Helvetica, sans-serif; 	font-size: 15px; 	text-align:center; 	 padding-top:6px; 	text-decoration:none; 	color:#e9e4d0; 	 font-weight:bolder; } #nav  a:hover { 	color:#544e38; }  #body-bot { 	 padding-top: 12px; } #welcome { 	float: left; 	width: 231px; 	 padding-left: 13px; 	 } #welcome a { 	color: #F2F7F8; } #welcome a:hover  { 	color: #CFCCBF; } #welcome h2 { 	text-align: center; 	margin: 11px;  	color:#ceb085; 	font-size:24px; } #welcome p { 	margin: 0px 19px; }  #welcome .more { 	margin-top: 18px; 	margin-bottom: 10px; }  #conntent {  	float: right; 	width: 418px; 	padding-right: 34px; 	padding-top: 23px;  	color: #686454; } #conntent .left { 	margin-right: 10px; } #conntent a  { 	color: #5A5644; } #conntent a:hover { 	color: #26241A; }  #intro { 	 margin: 12px; }  .fineline { 	border-bottom: 1px solid #D3CAA9; 	 margin-bottom: 12px; }  .fineline-flat { 	border-bottom: 1px solid  #D3CAA9; }  .fineborder { 	border: 1px solid #D3CAA9; 	padding: 2px; 	 width: 186px; 	margin-bottom: 12px; }  .bar-lit { 	padding-left: 6px; 	 background: 0px 4px  url(https://img.webme.com/pic/c/css-tasarimm/17-bar_lit.gif) no-repeat; }  .bar-drk { 	padding-left: 6px; 	background: 0px 4px  url(https://img.webme.com/pic/c/css-tasarimm/17-bar_drk.gif) no-repeat; }   #picbar { 	background: #A3A189; 	width: 415px; 	margin: 2px 0 19px 0; }   #arr-left, #arr-right  { 	float: left; 	width: 15px; }  .picbox { 	 float: left; 	width: 117px; 	padding: 2px; 	border: 1px solid #8B846A; 	 margin: 5px 0px 5px 4px; }  #picbar img { 	display: block; }  #arr-right  { 	margin-left: 4px; }  #planer { 	float: left; 	width: 186px; 	 border-right: 1px solid #D3CAA9; 	padding-right: 20px; 	padding-top:  5px; } #stories { 	float: right; 	width: 195px; 	padding-top: 5px; }   #planer p, #stories p { 	margin: 4px 0px; }  #planer .more, #stories  .more { 	margin: 12px 0px; }  .clear-flat { 	margin-bottom: 4px; }    #footer { 	font: 11px arial, sans-serif; 	color: #4E4A3A; 	text-align:  right; 	padding-right: 47px; } #footer p { 	margin-top: 0.5em; }

ANA MENÜ

CSS MENÜ

PHOTOSHOP MENÜ

DREAMWEAVER MENÜ

HTML MENÜ

İCON MENÜ

tasarim14