ozzblog - uzay tasarim

uzay tasarim

Uzay tasarım..

TASARIM DEMO : Buraya tıklayın

TASARIM ÜSTÜ :

</head>  <body>  <div id="site"> 	<div id="banner"> 		<div id="logo"> 			<img alt="http://www.ozzblog.tr.gg" src="https://img.webme.com/pic/o/ozzblog/logo6.png" _fcksavedurl="https://img.webme.com/pic/o/ozzblog/logo6.png" /></div> 		<div id="sosyal-paylasim"> 			<a href="#" _fcksavedurl="#"><img alt="Facebook" src="https://img.webme.com/pic/o/ozzblog/face.png" _fcksavedurl="https://img.webme.com/pic/o/ozzblog/face.png" /></a><a href="#" _fcksavedurl="#"><img alt="Twitter" src="https://img.webme.com/pic/o/ozzblog/twit.png" _fcksavedurl="https://img.webme.com/pic/o/ozzblog/twit.png" /></a><a href="#" _fcksavedurl="#"><img alt="Rss" src="https://img.webme.com/pic/o/ozzblog/rss.png" _fcksavedurl="https://img.webme.com/pic/o/ozzblog/rss.png" /></a></div> 	</div> 	<div id="menu"> 		<ul> 			<li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> 			<li><a href="#" _fcksavedurl="#">Blog</a></li> 			<li><a href="#" _fcksavedurl="#">Hakkımda</a></li> 			<li><a href="#" _fcksavedurl="#">Bilgi</a></li> 			<li><a href="#" _fcksavedurl="#">Arşiv</a></li> 			<li><a href="#" _fcksavedurl="#">Proje</a></li> 			<li><a href="#" _fcksavedurl="#">Reklam</a></li> 		</ul> 	</div> 	<div id="govde"> 		<div id="orta-sol"> 		  <div id="icerik">

TASARIM ALTI :

</div> 			<p> </p> 			<div class="orta-reklam"> 				<img alt="Reklam" src="https://img.webme.com/pic/o/ozzblog/orta-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/o/ozzblog/orta-reklam.jpg" /></div> 	  </div> 		<div id="orta-sag"> 			<div class="menu-baslik"> 				Reklam</div> 			<div class="reklam"> 			</div> 			<div class="bosluk"> 			</div> 			<div class="menu-baslik"> 				Başlıklar</div> 			<div id="icon1"> 			</div> 			<div class="basliklar"> 				<div class="yazilar"> 					<a href="#" _fcksavedurl="#">Windows 7</a></div> 			</div> 			<div id="icon2"> 			</div> 			<div class="basliklar"> 				<div class="yazilar"> 					<a href="#" _fcksavedurl="#">Teknoloji</a></div> 			</div> 			<div id="icon3"> 			</div> 			<div class="basliklar"> 				<div class="yazilar"> 					<a href="#" _fcksavedurl="#">Donanım</a></div> 			</div> 			<div class="bosluk"> 			</div> 			<div class="menu-baslik"> 				Kategoriler</div> 			<div class="kategoriler"> 				<ul> 					<li><a href="#" _fcksavedurl="#">Diğer <span>(750)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Donanım <span>(385)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Güncel <span>(224)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Güvenlik <span>(724)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Genel <span>(546)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Diğer <span>(750)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Donanım <span>(385)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Güncel <span>(224)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Güvenlik <span>(724)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Genel <span>(546)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Diğer <span>(750)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Donanım <span>(385)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Güncel <span>(224)</span></a></li> 					<li><a href="#" _fcksavedurl="#">Güvenlik <span>(724)</span></a></li> 				</ul> 			</div> 			<div class="bosluk"> 			</div> 			<div class="menu-baslik"> 				Son Yazılarım</div> 			<div class="kategoriler"> 				<ul> 					<li><a href="#" _fcksavedurl="#">Tablet Piyasası Kızışıyor...</a></li> 					<li><a href="#" _fcksavedurl="#">Yeni Tasarıma Start Verdim...</a></li> 					<li><a href="#" _fcksavedurl="#">Artık Özel Bir VPN Sahibiyim...</a></li> 					<li><a href="#" _fcksavedurl="#">Beni Millet Vekili Seçin Bilişim...</a></li> 					<li><a href="#" _fcksavedurl="#">Tablet Piyasası Kızışıyor...</a></li> 					<li><a href="#" _fcksavedurl="#">Yeni Tasarıma Start Verdim...</a></li> 					<li><a href="#" _fcksavedurl="#">Artık Özel Bir VPN Sahibiyim...</a></li> 					<li><a href="#" _fcksavedurl="#">Beni Millet Vekili Seçin Bilişim...</a></li> 					<li><a href="#" _fcksavedurl="#">Tablet Piyasası Kızışıyor...</a></li> 					<li><a href="#" _fcksavedurl="#">Yeni Tasarıma Start Verdim...</a></li> 				</ul> 			</div> 			<div class="bosluk"> 			</div> 			<div class="menu-baslik"> 				Son Yorumlar</div> 			<div class="kategoriler"> 				<ul> 					<li><a href="#" _fcksavedurl="#">Tablet Piyasası Kızışıyor...</a></li> 					<li><a href="#" _fcksavedurl="#">Yeni Tasarıma Start Verdim...</a></li> 					<li><a href="#" _fcksavedurl="#">Artık Özel Bir VPN Sahibiyim...</a></li> 					<li><a href="#" _fcksavedurl="#">Beni Millet Vekili Seçin Bilişim...</a></li> 					<li><a href="#" _fcksavedurl="#">Tablet Piyasası Kızışıyor...</a></li> 					<li><a href="#" _fcksavedurl="#">Yeni Tasarıma Start Verdim...</a></li> 					<li><a href="#" _fcksavedurl="#">Artık Özel Bir VPN Sahibiyim...</a></li> 					<li><a href="#" _fcksavedurl="#">Beni Millet Vekili Seçin Bilişim...</a></li> 					<li><a href="#" _fcksavedurl="#">Tablet Piyasası Kızışıyor...</a></li> 					<li><a href="#" _fcksavedurl="#">Yeni Tasarıma Start Verdim...</a></li> 				</ul> 			</div> 		</div> 	</div> </div> <div id="imza"> 	Tüm Hakları Saklıdır. Bu tasarım OzzBlog adlı web siteye aittir. Hiçbir şekilde kullanılamaz ve yayınlanamaz.</div>  </body>  </html>

CSS KODU :

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;} body { 	font-family: Tahoma, Geneva, sans-serif; 	background: #021233 url(https://img.webme.com/pic/o/ozzblog/anabg.png) repeat-x left top; 	margin: 0px; 	padding: 0px; } a { 	text-decoration: none; 	color: #000000; } img { 	border: 0px; } a:hover { 	text-decoration: underline!important; } #site { 	width: 941px; 	display: table; 	margin: 0 auto; } #govde { 	background-color: #ffffff; 	width: 900px; 	display: table; 	margin: 0px 26px 0px 15px; } #sosyal-paylasim { 	width: 90px; 	height: 20px; 	margin: 101px 0px 0px 820px; 	line-height: 20px; } #sosyal-paylasim img { 	padding-left: 6px; } .reklam { 	width: 255px; 	height: 250px; 	background-image: url('https://img.webme.com/pic/o/ozzblog/reklam.png'); 	background-repeat: no-repeat; 	background-color: #e6e8d3; } #logo { 	width: 354px; 	float: left; 	line-height: 115px; } #logo a { 	height: 115px; 	width: 240px; 	display: block; } #logo img { 	padding-left: 10px; 	max-width: 354px; 	max-height: 123px; } #banner { 	background-image: url('https://img.webme.com/pic/o/ozzblog/banner.png'); 	background-repeat: no-repeat; 	width: 941px; 	height: 123px; 	float: left; } div { 	font-family: Tahoma, Geneva, sans-serif; 	font-size: 9pt; } .haber { 	width: 630px; 	margin-bottom: 20px; } .haber-baslik { 	height: 40px; 	width: 630px; } .haber-konu { 	font-size: 11pt; 	height: 20px; 	width: 500px; 	margin-left: 60px; 	color: #ffb408; 	float: left; } .haber-kategori { 	font-size: 9pt; 	height: 20px; 	width: 500px; 	margin-left: 60px; 	float: left; } .yorum { 	background-image: url('https://img.webme.com/pic/o/ozzblog/sprite.png'); 	background-repeat: no-repeat; 	background-position: 0 -59px; 	height: 20px; 	width: 20px; 	float: left; 	font-size: 10pt; } .yorum-sayisi { 	width: 50px; } .haber-yazi { 	font-size: 8pt; 	font-family: Arial,tahoma; 	width: 610px; 	margin-top: 20px; 	padding: 10px 10px 0px 10px; } .devamini-oku { 	text-align: right; } .devamini-oku span a { 	color: #7baeb9; 	text-decoration: none; } #sayfalama { 	color: #000000; 	width: 630px; 	height: 20px; 	background-color: #fafdec; 	text-decoration: none; 	line-height: 20px; 	float: left; } #sayfalama-info { 	float: left; 	margin: 0 5px 0 10px; } #sayfalama ul { 	list-style: none; 	margin: 0; 	padding: 0; 	float: left; } #sayfalama ul li { 	float: left; 	padding-right: 5px; 	padding-left: 5px; 	cursor: pointer; } #sayfalama ul li:hover { 	background-color: #ffffff; } #sayfalama ul li a { 	color: #000000; 	text-decoration: none; } #sayfalama ul li a:hover { 	background-color: #ffffff; } .orta-reklam { 	width: 623px; 	height: 60px; 	background-color: #cbcdb8; 	margin-bottom: 25px; 	padding-left: 7px; } .haber-resim { 	margin: 0px 8px 0px 0px; 	float: left; 	border: 1px silver solid; } #slide { 	padding: 6px 0 0 10px; 	height: 250px; 	width: 630px; 	overflow: hidden; } #menu { 	background-image: url('https://img.webme.com/pic/o/ozzblog/sprite.png'); 	background-repeat: no-repeat; 	background-position: -759px 0; 	height: 82px; 	width: 100%; 	float: left; 	font-size: 10pt; } .basliklar { 	width: 239px; 	height: 64px; 	background-image: url('https://img.webme.com/pic/o/ozzblog/sprite.png'); 	background-repeat: no-repeat; 	background-position: -290px 0; 	margin: 10px 0px 0px 7px; } .basliklar a { 	color: #000000; 	text-decoration: none; } .basliklar a:hover { 	color: blue; 	text-decoration: none; } .basliklar .yazilar { 	padding: 23px 0px 0px 55px; 	font-size: 12pt; } #icon1 { 	width: 52px; 	height: 53px; 	background-image: url('https://img.webme.com/pic/o/ozzblog/sprite.png'); 	background-repeat: no-repeat; 	background-position: -530px 0; 	z-index: 100; 	position: absolute; 	margin-top: 15px; } #icon2 { 	width: 52px; 	height: 53px; 	background-image: url('https://img.webme.com/pic/o/ozzblog/sprite.png'); 	background-repeat: no-repeat; 	background-position: -583px 0; 	z-index: 100; 	position: absolute; 	margin-top: 15px; } #icon3 { 	width: 52px; 	height: 53px; 	background-image: url('https://img.webme.com

ozzblog, Uzay, Uzay tasarım, Uzay tema, Uzay temalı blog tasarımı, yeni tasarım, bedava-sitem tasarım, Css tasarım, Css blog tasarım, Css tema, Css template, Css, ozzblog.tr.gg, özzblog.tr.gg, ozblog, blog,