Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!

Csstasarim33

Tasarimin Üzerine

<div id="serious_black"> 		 		 		<div id="header"> 			<div class="wrap clear"> 				 				<div id="logo"> 					<h1><a href="index.html" _fcksavedurl="index.html">Site Adı</a></h1> 					<h2>www.css-merkez.tr.gg</h2> 				</div> 				 				 				 				<div id="nav"> 					<span class="act"><span><span><span><span>Home</span></span></span></span></span> 					<a href="index.html" _fcksavedurl="index.html"><span><span><span><span>Defter</span></span></span></span></a> 					<a href="index.html" _fcksavedurl="index.html"><span><span><span><span>Toplist</span></span></span></span></a> 					<a href="index.html" _fcksavedurl="index.html"><span><span><span><span>İletişim</span></span></span></span></a> 					<a href="index.html" _fcksavedurl="index.html"><span><span><span><span>Hakkımızda</span></span></span></span></a> 				</div> 				 			</div> 		</div> 		 		 		 		<div id="middle"> 			<div class="middle-tr"> 				<div class="middle-bl"> 					<div class="middle-br"> 						 						<div class="wrap clear"> 							 							<div id="content">

Tasarimin ALtına

</div> 							  							 							<div id="sidebar"> 								 								<div class="sidebar-nav box"> 									<div class="tr"> 										<div class="br">  											<h3>Menu</h3> 											<ul> 												<li><a href="index.html" _fcksavedurl="index.html">Ana Sayfa</a></li> 												<li><a href="index.html" _fcksavedurl="index.html">İletişim</a></li> 												<li><a href="index.html" _fcksavedurl="index.html">Ziyaretci Defteri </a></li> 												<li><span class="act">Şuan Buradayız</span></li> 												<li><a href="index.html" _fcksavedurl="index.html">Toplist</a></li> 												<li><a href="index.html" _fcksavedurl="index.html">Diğer Konular</a></li> 												<li><a href="index.html" _fcksavedurl="index.html">Kategoriler</a></li> 											</ul>  										</div> 									</div> 								</div> 								  								 								<div class="box"> 									<div class="tr"> 										<div class="br">  											<h3>Site Saati</h3> 											<center><embed height="89" align="" width="162" src="http://www.dostyurdu.com/flash/saat.swf" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false"></embed></center>  										</div> 									</div> 								</div> 								  								 								<div class="box"> 									<div class="tr"> 										<div class="br">  											<h3>Duyuru Panosu</h3> 											<p>Siteniz Hakkında Buraya Yenilikleri Yazınız...</p>  										</div> 									</div> 								</div> 								  							</div> 							 						</div> 						 						 					</div> 				</div> 			</div> 		</div> 		 		 		 		<div id="footer"> 			<div class="wrap"> 				<p class="cp">© 2009 <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Murat Özdoğan</a></p> 				<p>designed by <a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/" title="css merkez">CSS Tasarim Merkezi</a></p> 			</div> 		</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;}  #header, #nav, #sidebar, #sidebar * { 	zoom: 1; }  #sidebar, #sidebar .act { 	position: relative; 	z-index: 1; }  #sidebar .act { 	z-index: 30; } * { 	font-family: arial, verdana, helvetica, sans-serif; 	font-size: 100%; 	margin: 0; 	padding: 0; }  .clear:after {   content: ".";   display: block;   height: 0;   clear: both;   visibility: hidden; }  .clear {    display: inline-table; }  /* Hides from IE-mac */ * html .clear {   height: 1%; }  .clear {   display: block; } /* End hide from IE-mac */  html, body { 	background: #83b3d8; 	color: #000; }  body { 	font-size: 75%; 	text-align: center; }  #serious_black { 	padding: 10px 0; 	margin: 0 auto; 	text-align: left; 	width: 880px; }  a { 	text-decoration: underline; }  a, :focus { 	outline: 0; }  a { 	color: #ff7f00; }  a:hover, a:focus { 	text-decoration: none; }  h1, h1 a { 	color: #000; 	text-decoration: none; }  h1 { 	font-size: 200%; 	font-weight: normal; }  h2 { 	font-size: 100%; 	font-weight: normal; }  ul { 	list-style: none; }  form p { 	padding: .4em 0 !important; }  a, a *, button, button * { 	cursor: pointer; }  textarea { 	overflow: auto; }  button { 	background: #ff7f00 url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/gradient_bg.gif') left top repeat-x; 	border: 0; 	color: #fff; 	font-weight: bold; 	padding: .25em 1em .3em 1em; 	text-align: center; }  code, pre { 	background: #262626; 	border-left: 5px solid #363636; 	color: #fff; 	display: block; 	font-family: monospace; 	font-size: 120%; 	line-height: 180%; 	padding: 15px 15px 0 15px; 	width: 505px; 	zoom: 1; 	height: 1%; }  blockquote {	 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/quotebg.gif') left 10px no-repeat; 	color: #888; 	display: block; 	font-style: italic; 	line-height: 180%;	 	padding: 20px; 	text-indent: 3em; }  .ri { 	text-align: right; }  #logo, #sidebar { 	display: block; 	float: left; }  #content {	 	width: 540px; 	padding-right: 50px; }  #nav, #content { 	float: right;	 }  #sidebar { 	margin-left: -2px; 	width: 253px; }  #logo { 	padding: .7em 0 1.6em 18px; 	width: 280px; }  #nav { 	padding: 1.5em 0 0; 	text-align: right; 	text-transform: uppercase; }  #nav a, #nav span { 	display: block; }  #nav a, #nav .act { 	float: left; 	margin-left: 2px; }  #nav a span span span span, #nav .act span span span span { 	padding: 6px 10px; }  #nav a:hover, #nav a:focus, #nav .act { 	background: #ff7f00 url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/gradient_bg.gif') left top repeat-x; }  #nav a:hover span, #nav a:focus span, #nav .act span { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/metanavtl.gif') left top no-repeat; }  #nav a:hover span span, #nav a:focus span span, #nav .act span span { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/metanavtr.gif') right top no-repeat; }  #nav a:hover span span span, #nav a:focus span span span, #nav .act span span span { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/metanavbl.gif') left bottom no-repeat; }  #nav a:hover span span span span, #nav a:focus span span span span, #nav .act span span span span { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/metanavbr.gif') right bottom no-repeat; 	padding: 6px 10px; }  #nav a, #nav a * { 	color: #000 !important; 	text-decoration: none;	 }  #nav a:hover, #nav a:hover *, #nav a:focus, #nav a:focus *, #nav .act, #nav .act * { 	color: #fff !important; }  #middle { 	background: #000 url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/captl.gif') left top no-repeat; 	color: #a4a4a4;	 }  #middle .middle-tr { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/captr.gif') right top no-repeat;	 }  #middle .middle-bl { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/capbl.gif') left bottom no-repeat; }  #middle .middle-br { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/capbr.gif') right bottom no-repeat; 	padding: 30px 0 50px; 	width: 880px; }  #middle h2 { 	color: #fff; 	font-size: 220%; 	padding-bottom: 1em; }  #middle h3, #middle h4 { 	color: #fff; 	font-size: 110%; 	padding: 2em 0 .5em; }  #middle h4 { 	font-size: 100%; }  #middle p { 	font-size: 110%; 	line-height: 160%; 	padding-bottom: 2em; }  #middle .teaser { 	color: #fff; 	font-size: 130%; 	line-height: 170%; 	padding-bottom: 1em; }  #content h3 { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/dashed.gif') left top repeat-x; 	margin-top: 2em; 	padding-top: 2em; }  #content ul li { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/li_dot1.gif') left .5em no-repeat; 	display: block; 	padding: .4em 0 .4em 18px; }  #content ul li ul { 	margin: .5em 0 0; }  #content ul li li { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/li_dot2.gif') left .5em no-repeat; 	font-size: 95%; 	padding: .4em 0 .4em 15px; }  #middle table { 	border: 0; 	border-collapse: collapse; 	border-spacing: 0; 	width: 100%; }  #middle table th,  #middle table td { 	padding: .7em .5em; }  #middle table thead th { 	background: #ff7f00 url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/gradient_bg.gif') left top repeat-x; 	color: #fff; }  #middle table tbody .odd td { 	background: #262626; }  #middle .in { 	background: #fff; 	border: 0; }  #content label { 	font-size: 90%; 	font-weight: bold; }  #content input, #content textarea {	 	padding: 5px; 	width: 530px; }  #middle img { 	border: 5px solid #fff; 	display: block; }  #middle .img-left { 	float: left; 	margin: .3em 20px 10px 0; }  #middle .img-right { 	float: right; 	margin: .3em 0 10px 20px; }  #sidebar h3 { 	padding: 0; }  #sidebar .box, #sidebar ul li { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/dotted.gif') left bottom repeat-x; 	display: block; 	padding: 0; }  #sidebar .box { 	background: #c0d7ea url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/smenubg.gif') left top repeat-x; 	color: #000; 	font-size: 90%; 	margin: 0 0 2em 0; }  #sidebar .box h3 { 	color: #000; 	padding-bottom: 10px; }  #sidebar .box .tr { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/smenucaptr.gif') right top no-repeat; }  #sidebar .box .br { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/smenucapbr.gif') right bottom no-repeat; 	padding: 15px 10px 0 18px; }  #sidebar .sidebar-nav { 	background: #ff7f00 url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/menubg.gif') left top repeat-y; 	font-size: 110%; }  #sidebar .sidebar-nav .tr { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/menucaptr.gif') right top no-repeat; }  #sidebar .sidebar-nav .br { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/menucapbr.gif') right bottom no-repeat; 	padding: 10px 0 10px 18px; }  #sidebar .sidebar-nav h3 { 	color: #fff; 	padding: 0 0 .5em; }  #sidebar ul li a, #sidebar ul li .act { 	display: block;	 	color: #ffe5cc; 	padding: .8em 0; 	text-decoration: none; }  #sidebar ul li a:hover, #sidebar ul li a:focus { 	color: #fff; 	text-decoration: underline; }  #sidebar ul li .act { 	background: transparent url('http://csstasarimm.cs.funpic.org/Tasarim/Turuncu-Siyah/menuact.gif') right 50% no-repeat; 	color: #fff; 	margin-right: -11px; }  #footer { 	display: block; 	padding: 20px 0 40px; 	text-align: center; }  #footer p { 	font-size: 90%; 	padding: 0 0 5px 0; }  #footer, #footer a { 	color: #cbdfef; 	text-decoration: none; }  #footer .cp, #footer .cp a { 	color: #fff; }  #footer .cp span { 	padding: 0 .25em; }  #footer .cp a:hover, #footer .cp a:focus { 	text-decoration: underline; }

Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!

Web Tasarımlarını biraraya toplayan site,tasarım,css tasarımlar birçok web tasarım burda

Csstasarim33

Menü

Tasarimlar

Üyeler