43 NOLU CSS TASARIM Tasarımın Üzerindeki Bölüme
<div id="wrapper"> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şehir</a></div> <div id="navigation"> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Site</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Haber</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Dost Siteler</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> </ul> <h3>Site Haberleri</h3> <p>Siteniz Hakkındaki Haberleri Buraya Yazınız.</p> </div> <div id="main">
Tasarımın Altındaki Böüme </div> </div> <div id="footer"> </div> </div> Css Kod Bölümüne 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;} @charset "utf-8"; /* CSS Tasarim Merkezi www.csstasarim-arsiv.tr.gg */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img { padding:0; margin:0; } body { background-color: #cacabf; } #wrapper { width: 780px; margin: 0px auto; } #header { width: 780px; height: 240px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-header.jpg); background-repeat: no-repeat; } #logo { padding-top: 30px; width: 300px; float: right; clear: right; } #logo a { color: #ffffff; text-decoration:none; font-family: Times; font-size: 72px; font-style: normal; } #navigation { padding-top: 80px; float: right; clear: right; width: 300px; } #navigation a { color: #273c5d; text-decoration: none; font-family: times; font-size: 24px; } #inner-wrap { background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-main.jpg); background-repeat: repeat-y; float:right; width: 780px; } #side-bar { float: right; width: 214px; } #side-bar a { color: #ffffff; text-decoration: none; font-family: Times; padding:0px 10px 5px 20px; } #side-bar ul { list-style: none; } #side-bar h2 { font-weight: 200; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar h3 { font-weight: 100; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar p { padding:0px 10px 20px 20px; font-family: Times; } #main { float: left; width: 536px; margin-bottom: 15px; padding:15px; } #footer { padding-top: 40px; width: 780px; height: 51px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-footer.jpg); clear: both; } #footer p { text-align: center; color: #cac0ae; font-size: .6em; } #footer a { color: white; } h1 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } h2 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } h3 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } p { color: #ffffff; font-family: Times; }
