TeknoAnaliz | Teknoloji & Kişisel blog - Siyah sade görünümlü tasarım

Siyah sade görünümlü tasarım

Tasarım üstüne gelicek kod;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /> <title>Mungess - Site tasarımları</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head>  <body> <div id="container1">   <div id="header">     <div id="logo"><img src="//img.webme.com/pic/m/mungess/headerlogo2.png" _fcksavedurl="//img.webme.com/pic/m/mungess/headerlogo2.png" width="174" height="150" /></div>     <div id="menu">       <ul>         <li><a href="#" _fcksavedurl="#">Anasayfa</a>           <ul>             <li><a href="#" _fcksavedurl="#">İletişim</a></li>           </ul>         </li>         <li><a href="#" _fcksavedurl="#">Yorumlar</a></li>         <li><a href="#" _fcksavedurl="#">Forum</a></li>         <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>         <li><a href="#" _fcksavedurl="#">Dost siteler</a></li>         <li><a href="#" _fcksavedurl="#">Ekstralar</a></li>       </ul>     </div>   </div>   <div id="clear-header"></div>   <div id="cizgi"><img src="//img.webme.com/pic/m/mungess/cizgi.png" _fcksavedurl="//img.webme.com/pic/m/mungess/cizgi.png" width="800" height="30" /></div>   <div id="content">

Tasarım altına gelicek kod;

Css kodu;

/* KOPYALAMA RENGİ KIRMIZI */  ::-moz-selection {     background:#c00;     color:#fff; } ::selection {     background:#c00;     color:#fff;    }   /* ADMİN YORUMUNU KUTU İÇİNE AL */   i {       padding : 5px;     text-align : left;     display : block;     overflow : auto;     font : 500 1em/1.5em 'Verdana';     border : 1px solid #cccccc;     -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px; }   /*BÜTÜN REKLAMLARI ORTALAMA 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; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb {     margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; } #webme_sky_ad { top: 200px; }  /* RENK KODU */  #b64242   /* ALT REKLAMI ÇERÇEVE İÇİNE AL */   #webme_footer_textlink_dont_hide { color: #000000; position: absolute; left: 000px; in: 0px; padding: 9px 27px 8px 130px; background: url(http://salihtoy.com/wp-content/uploads/2013/05/fobs.png); }   /* YAZI TİPİNİ DEĞİŞTİRME */   body,td,th {     font-family: Calibri, Arial;     font-size: 13px;     color: #000;     margin: 0px; }       body { 	background-attachment: fixed; 	background-image: url(//img.webme.com/pic/m/mungess/desen1.png); 	background-repeat: repeat; } #container1 { 	background-color: #FFF; 	height: auto; 	width: 800px; 	margin-right: auto; 	margin-left: auto; 	padding: 10px; 	border: 1px solid #CCC; } #cizgi { 	margin-top: 10px; 	margin-bottom: 10px; } #container #alt p a { 	text-decoration: none; 	color: #000; 	font-weight: bolder; }   #header { 	height: 150px; 	width: 800px; } #logo { 	height: 150px; 	width: 200px; 	float: left; } #menu { 	width: 600px; 	height: 30px; 	background-repeat: no-repeat; 	float: left; 	background-color: #2e2e2e; 	color: #333; 	margin-top: 55px; } #alt { 	height: auto; 	width: 800px; 	color: #000; 	text-decoration: none; 	text-align: center; }   #clear-header { 	clear: both; } #cizgi { 	height: auto; 	width: 800px; 	margin-top: 10px; 	background-position: bottom; 	background-repeat: no-repeat; } #content { 	height: auto; 	width: 800px; }  #cizgi1 { 	height: 30px; 	width: 800px; 	margin-top: 10px; 	margin-bottom: 10px; }     #container1 #header #menu ul { 	padding: 0px; 	list-style-type: none; 	margin-top: 0px; 	margin-right: 0px; 	margin-bottom: 0px; 	margin-left: 10px; } #container1 #header #menu ul li a { 	float: left; 	height: 30px; 	width: 83px; 	display: block; 	text-align: center; 	color: #FFF; 	text-decoration: none; 	font-weight: bold; 	line-height: 30px; } #container1 #header #menu ul li a:hover { 	float: left; 	height: 30px; 	width: 83px; 	display: block; 	text-align: center; 	color: #CCC; 	text-decoration: none; 	font-weight: bold; 	line-height: 30px; }

Not: Tasarım altında; " Tasarım ve kodlama: Mungess " yazan yeri değiştirmeyiniz, aksi taktirde siteniz kapatılabilir. O kadar uğraştık, bunu çok görmeyin bizlere, güle güle kullanın.