Html Kodlar l v. l Tr.Gg Tasarım Kodları Tamamen Kendımızındır

cs3

css3

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

</div> 	 	 	<div id="sidebar"> 		<ul> 			<li> 				<h2>Menü</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>  				</ul> 			</li> 			<li> 				<h2>Tasarimlar</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> 				</ul> 			</li> <li> 							<h2>Arşiv</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li> 							</ul> 						</li> 		</ul> 	</div> 	 	<div style="clear: both;"> </div> </div>  <div id="footer"> 	<p>©2008 Tüm Hakları SakLıdır.  •  Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a>.</p> </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;}  /* Design by WWW.CSS-TASARİMM.TR.GG */  body { 	margin: 0; 	padding: 0; 	background: #AAE74A url(https://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; }  body, th, td, input, textarea { 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 13px; 	color: #666666; }  p, ol, ul { 	line-height: 170%; }  a:hover { 	text-decoration: none; }  /* Header */  #header { 	width: 960px; 	height: 120px; 	margin: 0 auto; }  #logo { 	float: left; 	height: 120px;                       margin-top: -11px; 	margin-left: 10px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left center; }  #logo h1, #logo p { 	text-transform: lowercase; }  #logo h1 { 	margin: 0; 	padding: 25px 0 0 85px; 	letter-spacing: -2px; 	font-size: 3em; 	font-weight: normal; 	color: #000000; }  #logo h1 a { 	color: #000000; }  #logo p { 	margin: -10px 0 0 2px; 	padding: 0 0 0 85px; 	text-transform: lowercase; }  #search { 	float: right; 	width: 280px; }  #search form { 	margin-top: -5px; 	padding: 63px 0 0 0; }  #search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search #s, #search #x { 	float: left; }  #search #s { 	width: 188px; 	margin: 2px 6px 0 0; 	padding: 2px 5px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x; 	border: 1px solid #ACACAC; }  #search #x { 	width: 67px; 	height: 28px; 	padding: 0; 	background: #006BFF url(https://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat; 	border: none; 	text-transform: lowercase; 	color: #FFFFFF; }  /* Menu */  #menu { 	width: 962px; 	height: 50px; 	margin-top: -32px; 	margin-left: auto; 	margin-right: auto; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #menu li { 	display: block; 	float: left; }  #menu a { 	display: block; 	float: left; 	height: 38px; 	padding: 8px 20px 0 20px; 	text-decoration: none; 	text-transform: lowercase; 	color: #000000; }  #menu a:hover { 	text-decoration: underline; }  #menu .current_page_item { 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }  #menu .current_page_item a { 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right top; 	font-weight: bold; }  /* Page */  #page { 	width: 962px; 	margin: 0 auto; 	background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /* Content */  #content { 	float: right; 	width: 700px; 	padding: 0; 	background:  none no-repeat; }  #content a { 	color: #FF8900; }  .pagetitle { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img13.gif) no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #content #rss-posts { 	display: block; 	margin: -30px 15px 0px 0px; 	padding: 0 20px 0 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-rss.gif) no-repeat right center; 	text-align: right; 	font-weight: bold; 	color: #FFFFFF; }  .post { 	padding: 40px 30px 0 30px; }  .title { 	margin: 0; 	font-size: 2.4em; 	font-weight: normal; }  .byline { 	margin: 0 0 20px 0; }  .meta { 	border-top: 1px dotted #CCCCCC; 	text-align: right; }  .meta .more, .meta .comments { 	padding-left: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left center; }  /* Sidebar */  #sidebar { 	float: left; 	width: 230px; 	padding: 11px 5px 0 11px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	margin-bottom: 20px; }  #sidebar li ul { 	padding: 10px 15px; }  #sidebar li li { 	margin: 0; 	padding-left: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left center; }  #sidebar h2 { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #sidebar a { 	text-decoration: none; 	color: #0065FF; }  #sidebar a:hover {	 	text-decoration: underline; }  /* Footer */  #footer { 	width: 962px; 	margin: 0 auto; 	padding: 30px 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }  #footer p { 	margin: 0; 	text-align: center; 	color: #FFFFFF; }  #footer a { 	color: #FFFFFF; }