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

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

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 - Kırmızıv1</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head>  <body> <div id="container1">   <div id="usttaban">     <div id="logo"><img src="https://img.webme.com/pic/m/mungess/karakterlilogo.png" _fcksavedurl="https://img.webme.com/pic/m/mungess/karakterlilogo.png" width="194" height="200" /></div>   </div>   <div id="menu">     <ul>       <li><a href="#" _fcksavedurl="#"> Anasayfa</a></li>       <li><a href="#" _fcksavedurl="#">İletişim</a></li>       <li><a href="#" _fcksavedurl="#">Haberler</a></li>       <li><a href="#" _fcksavedurl="#">Forum</a></li>       <li><a href="#" _fcksavedurl="#">Teknoloji</a></li>       <li><a href="#" _fcksavedurl="#">Dost Siteler</a></li>       <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>     </ul>   </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; }     @charset "utf-8"; body { 	background-image: url(http://1.bp.blogspot.com/-aaHILynblh8/UH-mK9O5_nI/AAAAAAAAAn8/d441zl7fMwA/s1600/8.Jpg); 	background-attachment: fixed; 	background-repeat: round; } #container1 { 	height: auto; 	width: 800px; 	margin-right: auto; 	margin-left: auto; 	background-color: #FFF; 	border: 1px solid #CCC; 	padding: 10px; } #usttaban { 	height: 200px; 	width: 800px; } #logo { 	height: 200px; 	width: 800px; 	float: left; 	text-align: center; } #container1 #menu { 	height: 35px; 	width: 800px; 	margin-top: 10px; 	background-color: #333; } #container1 #menu ul { 	margin: 0px; 	padding: 0px; 	list-style-type: none; } #container1 #menu ul li a { 	float: left; 	width: 114px; 	color: #FFF; 	text-decoration: none; 	text-align: center; 	display: block; 	height: 35px; 	line-height: 35px; transition:2s background-color; } #content { 	margin-top: 10px; 	height: auto; 	width: 800px; 	text-decoration: none; 	color: #333; } #alt { 	height: 30px; 	width: 800px; 	margin-top: 10px; 	background-color: #333; 	line-height: 30px; 	color: #FFF; 	text-decoration: none; 	text-align: center; } #container1 #alt a { 	color: #FFF; 	text-decoration: none; 	font-weight: bold; } #ustmenu { 	height: 100px; 	width: 595px; 	border: 2px dotted #333; 	float: right; } #container1 #usttaban #ustmenu ul { 	margin: 0px; 	padding: 0px; 	list-style-type: none; }      #container1 #menu ul li a:hover { 	background-color: #666; }

Not: Tasarım altında; " Tasarım ve kodlama: TeknoAnaliz.tr.gg " yazan yeri değiştirmeyiniz, aksi taktirde si