Tasarım Üzeri:

<div id="containr"> <!-- header --> <div id="logo"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS TASARİM MERKEZİ</a></div> <div id="menu"> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Hakkımızda</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Sponsorlar</a> </div> <!--end header --> <!-- main --> <div id="main"> <div id="sidebar"> <h2>Site Menüsü</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 1</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 2</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 3</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 4</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 5</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 6</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 7</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 8</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 9</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim 10</a></li> </ul> </div> <div id="text">
Tasarım Altı:

</div> </div> <!-- end main --> <!-- footer --> <div id="footer"> <div id="menu_footer"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Hakkımızda</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Sponsorlar</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Site Haritasi</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">HTML Kodlari</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Diğer</a></div> <div id="left_footer">© Copyright 2008 <b>www.siteadresi.tr.gg</b></div> <div id="right_footer"> <!-- WWW.CSS-TASAR&#304;MM.TR.GG --- S&#304;TES&#304;NE AY&#304;TT&#304;R. :-) --> Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarim Merkezi"><b>siteadresiniz.tr.gg</b></a> & <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarimm"><b>CSS Tasarimm</b></a> </div> </div> <!-- end footer --> </div>

Css Bölümü:

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;} html {background:url(https://img.webme.com/pic/c/css-tasarimm/10-body.gif);} body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(https://img.webme.com/pic/c/css-tasarimm/10-body_bckg.gif) repeat-x;} a {color:#EE4400; text-decoration:none;} a:hover {text-decoration:underline;} #containr {background:url(https://img.webme.com/pic/c/css-tasarimm/10-main_bckg.jpg) center top no-repeat; width:1000px; margin:0 auto;} #logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;} #menu {height:40px; text-align:center;} #menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;} #menu a:hover {color:#000000;} #main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;} #text {margin:20px 220px 0 40px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text li {list-style:none; padding-left:15px; background:url(https://img.webme.com/pic/c/css-tasarimm/10-li.gif) no-repeat 0px 6px;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:right; padding:20px 30px 0 30px; width:170px;} #sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;} #sidebar ul {margin:0; padding:0;} #sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;} #sidebar li:hover {background-color:#f3f3f3;} #sidebar a {text-decoration:none;} #footer {padding:0 110px; height:169px; clear:both; background:url(https://img.webme.com/pic/c/css-tasarimm/10-footer_bckg.jpg) center top no-repeat;} #menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;} #menu_footer a {color:#7A2200; text-transform:lowercase;} #left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;} #left_footer a {color:#FFFFFF;} #right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;} #right_footer a {color:#FFFFFF;}