bs-herseyburda
CSS Tasarım 1
Tasarım Üzerine:
Tasarım Altına:
</div> </div> <div id="alt"></div> </div>
CSS Kısmına:
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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/e/esintinet/32.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(http://img535.imageshack.us/img535/5171/dddsi.png); width: 1000px; height: 245px; float: left; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img180.imageshack.us/img180/345/terty02.gif); width: 1000px; height: 100%; float: left; } .solsutun{ width:216px; float: left; padding: 0 0 0 30px; overflow: hidden; } .sagsutun{ width:700px; float: left; padding: 0 0 0 35px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img718.imageshack.us/img718/8209/ssae.png); width: 1000px; height: 189px; float: left; }
.outer a, .outer div, .outer li, .outer ul{ margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif;}div.menu{ width: 193px;}div.menu ul{ list-style: none; text-indent: 0px;}div.menu li{ margin-top: 3px;}div.menu a{ font: 12px Verdana; padding: 4px; color: #646464; display:block; padding: 6px 30px; height: 20px; text-decoration: none; background: url('images/background.gif');}div.menu a:hover{ background: url('images/highlight.gif') no-repeat right; padding: 6px 40px;}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}
| <div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="solsutun"><div class="outer"><div class="menu"> <ul> <li><a href="http://bs-herseyburda.tr.gg/ana-sayfa.htm" _fcksavedurl="http://bs-herseyburda.tr.gg/ana-sayfa.htm">Ana Sayfa</a></li> <li><a href="http://bs-herseyburda.tr.gg/iletisim.htm" _fcksavedurl="http://bs-herseyburda.tr.gg/iletisim.htm">İletişim</a></li> <li><a href="http://bs-herseyburda.tr.gg/ziyaretci-defteri.htm" _fcksavedurl="http://bs-herseyburda.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li> </ul></div></div></div> <div class="sagsutun"> |
</div> </div> <div id="alt"></div> </div>
CSS Kısmına:
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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/e/esintinet/32.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(http://img535.imageshack.us/img535/5171/dddsi.png); width: 1000px; height: 245px; float: left; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img180.imageshack.us/img180/345/terty02.gif); width: 1000px; height: 100%; float: left; } .solsutun{ width:216px; float: left; padding: 0 0 0 30px; overflow: hidden; } .sagsutun{ width:700px; float: left; padding: 0 0 0 35px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img718.imageshack.us/img718/8209/ssae.png); width: 1000px; height: 189px; float: left; }
.outer a, .outer div, .outer li, .outer ul{ margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif;}div.menu{ width: 193px;}div.menu ul{ list-style: none; text-indent: 0px;}div.menu li{ margin-top: 3px;}div.menu a{ font: 12px Verdana; padding: 4px; color: #646464; display:block; padding: 6px 30px; height: 20px; text-decoration: none; background: url('images/background.gif');}div.menu a:hover{ background: url('images/highlight.gif') no-repeat right; padding: 6px 40px;}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}