Tasarımın Üstü:
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Tam Donanimm</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">Tam Donanimm </a></h1>
<p> <a href="http://www.tamdonanimm.tr.gg"></a></p>
</div>
<div id="search">
<form method="get" action="">
<fieldset>
<input type="text" name="s" id="search-text" size="15" />
<input type="submit" id="search-submit" value="Search" />
</fieldset>
</form>
</div>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li class="current_page_item"><a href="#">Anasayfa</a></li>
<li><a href="#">Yazılar</a></li>
<li><a href="#">Manşet</a></li>
<li><a href="#">En Yeniler</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Hakkımızda</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="sidebar">
<ul>
<li>
<h2>Manşet</h2>
<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper consectetuer hendrerit.</p>
</li>
<li>
<h2>Kategoriler</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Yazılar</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Arşiv</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end #page -->
</div>
<div id="footer">
<p>Copyright (c) 2010 Tamdonanimm.tr.gg All rights reserved.Tasarım by Melih <a href="http://www.tamdonanimm.tr.gg">CSS Cebindeki Sesi Sustur.</a>.</p>
Tasarımın Altı:
</div>
<!-- end #footer -->
<div style="text-align: center; font-size: 0.75em;">Tasarım website Tam Donanimm</a>.</div></body>
</html>
CSS Kodu:
li.nav_element{display: none;}
Tasarım Ayarları/1. extra Sağ Kutucuk:
Kod: body { margin: 0; padding: 0; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #787878; } h1, h2, h3 { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #F93D00; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.6em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; color: #704A21; } a:hover { } #wrapper { width: 960px; margin: 0 auto; padding: 0; } /* Header */ #header { width: 960px; height: 85px; margin: 0 auto; } /* Logo */ #logo { float: left; height: 65px; margin: 0; padding-top: 20px; color: #00629E; } #logo h1, #logo p { margin: 0; padding: 0; } #logo h1 { float: left; letter-spacing: -1px; text-transform: lowercase; font-size: 2.6em; } #logo p { float: left; margin: 0; padding: 12px 0 0 10px; font: normal 14px Georgia, "Times New Roman", Times, serif; font-style: italic; } #logo a { border: none; background: none; text-decoration: none; color: #00629E; } /* Search */ #search { float: right; width: 220px; padding: 0; } #search form { height: 41px; margin: 0; padding: 30px 0 0 0px; } #search fieldset { margin: 0; padding: 0; border: none; } #search-text { width: 210px; padding: 5px 5px; border: 1px solid #E9851D; background: #FFFFFF; text-transform: lowercase; font: normal 11px Arial, Helvetica, sans-serif; color: #5D781D; } #search-submit { display: none; } /* Menu */ #menu { width: 960px; height: 50px; margin: 0 auto; padding: 0; background: url(http://i26.tinypic.com/123b0n7.jpg) repeat-x left top; } #menu ul { margin: 0; padding: 0px 0px 0px 25px; list-style: none; line-height: normal; } #menu li { float: left; height: 50px; } #menu a { display: block; margin-right: 3px; padding: 10px 30px 7px 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; border: none; } #menu a:hover, #menu .current_page_item a { } #menu .current_page_item a { padding-left: 0; } #menu a:hover { text-decoration: underline; }/* Sidebar */ #sidebar { float: left; width: 240px; padding: 0; color: #787878; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { padding-bottom: 30px; } #sidebar li li { line-height: 35px; border-bottom: 1px dashed #C5DB76; padding-left: 10px; } #sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; } #sidebar h2 { height: 42px; padding: 8px 0 0 20px; background: url(http://i29.tinypic.com/syblsp.jpg) repeat-x left top; letter-spacing: -.5px; color: #FFFFFF; } #sidebar p { margin: 0 0px; padding: 0px 20px 20px 20px; text-align: justify; } #sidebar a { color: #787878; border: none; } #sidebar a:hover { text-decoration: underline; color: #787878; } /* Calendar */ #calendar { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { width: 960px; background: #474036; height: 50px; margin: 0 auto; padding: 0px 0 15px 0; font-family: Arial, Helvetica, sans-serif; } #footer p { margin: 0; padding-top: 20px; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; color: #E1F5A6; } #footer a { color: #FFFFFF; }
