HackerEdit53 Design - mikro blog

mikro blog

Önizleme resmi

Büyütmek için resme tıklayın.

Hakkında bilgi
İnternette sitemde ne konu açsam diye düşünürken bir blog'a rastladım.Tasarımını çok beğendim.Bedava-sitem'e uyarladım.Çok da güzel oldu.Kullanmanızı tavsiye ederim.

Kodları

Tasarım üstü

Tasarım altı

<div id="content_container"> 				<div id="pre_content"></div> 				<div id="content"> 					<h2 id="title"><span></span></h2> 					<center style="font-family: Tahoma, Verdana, Arial; background-color: rgb(255, 255, 255); ">  <br />  				</div> 				<div id="counter"><span></span></div> 				<div id="post_content"></div> 								<div id="sidebar_container"> 					<h2 id="sidebar_heading"><span></span></h2> 					<div id="sidebar_content"></div> 				</div> 			</div> 		</div> 		</tr><table id="sidebar" width="250" height="700" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody> <tr> <td valign="top"> <div class="baslik"> Son yazılar </div> <a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/">Eklenecektir</a> <br> <a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/">Eklenecektir</a> <br> <a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/">Eklenecektir</a> <br> <a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/">Eklenecektir</a> <br> <a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/">Eklenecektir</a> <br>     <div class="baslik"> Reklam alanı </div> </br> <div class="opacityv3"> <center> <a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><img src="http://f1303.hizliresim.com/17/g/l1plc.png" _fcksavedurl="http://f1303.hizliresim.com/17/g/l1plc.png" alt="" /></a><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"></center>   </div></td> </tr> </tbody> </table> <table id="bottombar" width="900" height="25" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody> <tr> <script type="text/javascript">

document.write(unescape('%3C%74%64%20%76%61%6C%69%67%6E%3D%22%74%6F%70%22%3E%0A%A9%20%32%30%31%33%20%54%FC%6D%20%68%61%6B%6C%61%72%69%20%73%61%6B%6C%69%64%69%72%2E%20%7C%20%41%6C%6C%20%72%69%67%68%74%20%72%65%73%65%72%76%65%64%2E%20%7C%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%68%61%63%6B%65%72%65%64%69%74%35%33%2E%74%72%2E%67%67%22%3E%48%61%63%6B%65%72%45%64%69%74%35%33%3C%2F%61%3E%3C%2F%74%64%3E'));
</script> </tr> </tbody> </table> </td> </tr> </tbody>

Css

table {margin-left: auto;margin-right: auto}h1#title{display: none;} ::-moz-selection {     background:#666666;     color:#ffffff; } ::selection {     background:#666666;     color:#ffffff; } h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  li.nav_element{display: none;}#siyahblogog {  height: auto;  width: 549px; } body { 	background-image: url(http://teknoblogumdeneme.com.nu/images/background.gif) } #tema { 	font-family: Arial; 	font-size: 12px; 	color: #000000; } #logo { 	font-family: Arial; 	font-size: 12px; 	color: #000000; } #navbar { 	font-family: Arial; 	font-size: 12px; 	font-weight: bold; 	color: #ffffff; 	background-image: url(http://teknoblogumdeneme.com.nu/images/standart/navbar.png); 	padding-top: 5px; 	padding-left: 5px; } #navbar a { 	font-family: Arial; 	font-size: 12px; 	font-weight: bold; 	color: #ffffff; 	text-decoration: none; } #navbar a:hover { 	font-family: Arial; 	font-size: 12px; 	font-weight: bold; 	color: #ffffff; 	text-decoration: none; 	text-shadow: rgb(255, 255, 255) 0px 0px 10px; } #navbar2 { 	font-family: Arial; 	font-size: 12px; 	font-weight: bold; 	color: #000000; 	background-image: url(http://teknoblogumdeneme.com.nu/images/standart/navbar2.png); 	padding-top: 5px; 	padding-left: 5px; } #navbar2 a { 	font-family: Arial; 	font-size: 12px; 	font-weight: bold; 	color: #000000; 	text-decoration: none; } #navbar2 a:hover { 	font-family: Arial; 	font-size: 12px; 	font-weight: bold; 	color: #000000; 	text-decoration: none; 	text-shadow: rgb(0, 0, 0) 0px 0px 10px; } #icerik { 	font-family: Arial; 	font-size: 12px; 	color: #000000; 	text-shadow: rgb(255, 255, 255) 0px 0px 5px; 	padding-top: 5px; 	padding-left: 5px; 	padding-right: 5px; 	border: 1px solid #CCCCCC; 	background-color: #FFFFFF; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; 	border-radius: 10px; } #icerik a { 	font-family: Arial; 	font-size: 12px; 	color: #000000; 	text-decoration: none; } #icerik a:hover { 	font-family: Arial; 	font-size: 12px; 	color: #000000; 	text-decoration: none; 	text-shadow: rgb(0, 0, 0) 0px 0px 10px; } #sidebar { 	font-family: Arial; 	font-size: 12px; 	color: #000000; 	border: 1px solid #CCCCCC; 	background-color: #FFFFFF; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; 	border-radius: 10px; } #sidebar .baslik { 	font-family: Arial; 	font-size: 12px; 	background-image: url(http://teknoblogumdeneme.com.nu/images/standart/sidebar.png); 	font-weight: bold; 	color: #ffffff; 	padding-left: 5px; 	padding-right: 5px; 	border: 0px solid #CCCCCC; 	background-color: #FFFFFF; 	-webkit-border-radius: 5px; 	-moz-border-radius: 5px; 	border-radius: 5px; } #sidebar a { 	font-family: Arial; 	font-size: 12px; 	color: #000000; 	text-decoration: none; } #sidebar a:hover { 	font-family: Arial; 	font-size: 12px; 	color: #000000; 	text-decoration: none; 	text-shadow: rgb(0, 0, 0) 0px 0px 10px; } #bottombar { 	font-family: Arial; 	font-size: 11px; 	color: #ffffff; 	background-image: url(http://teknoblogumdeneme.com.nu/images/standart/bottombar.png); 	padding-top: 5px; 	padding-left: 5px; } #bottombar a { 	font-family: Arial; 	font-size: 11px; 	color: #ffffff; 	text-decoration: none; } #bottombar a:hover { 	font-family: Arial; 	font-size: 11px; 	color: #ffffff; 	text-decoration: none; 	text-shadow: rgb(255, 255, 255) 0px 0px 10px; }.opacityv3 a img {     -webkit-transition:  opacity .2s ease-in-out;     -moz-transition:  opacity .2s ease-in-out;     -o-transition:  opacity .2s ease-in-out;     transition:  opacity .2s ease-in-out;     background-repeat: no-repeat;     border: none; } .opacityv3 a:hover img {     opacity: 0.5; } .opacityv3 a:active img {     opacity: 1; }