deneme
tasarım üstü
<center><STYLE>#glowtext { FILTER: glow(color=#c57d5a,strength=2); WIDTH: 100%} A:link {text-decoration: none; color: #155508} A:visited {text-decoration: none; color:#155508} A:active {text-decoration: none; color: #000000} A:hover {text-decoration: none; color:#000000} </STYLE> <div id="tasarim"> <div id="baslik"></div> <div id="ust"><br/><br/><br/><div style="text-align: center;"><font size="5"> <a href="url" _fcksavedurl="url" _fcksavedurl="url"> </a><br /> <br /> </font></div></div> <div id="orta"> <div class="solsutun"><ul id="navmenu"> <li><a href="anasayfa url" _fcksavedurl="anasayfa url" _fcksavedurl="http://sanalyavuz.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li></div> <div class="sagsutun">
tasarım altı
</div> </div> <div id="alt"></div> </div>
css kodu
table {margin-left: auto;margin-right: auto} 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: 0 auto; margin-right:0 auto; background: url(http://img191.imageshack.us/img191/2301/greenorganic66na8.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: 0 auto; margin-right:0 auto; } #baslik{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/h/hackerfriend4/header.png); width: 1000px; height: 0px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 20px; color: #ff0000; font-family: Verdana, arial; } #ust{ margin-left: 0 auto; margin-bottom: 0 auto; margin-right:0 auto; background: url(http://img16.imageshack.us/img16/4772/feed01.gif); width: 1000px; height: 191px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img29.imageshack.us/img29/3711/feed02.gif); width: 1000px; height: 100%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 55px; overflow: hidden; } .sagsutun { width:710px; float: left; padding: 0 0 0 30px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img42.imageshack.us/img42/5876/feed03.gif); width: 1000px; height: 191px; float: left; } <div id="alt">aaaaa</div> body { background: #; color: #666; } h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0; } hr { border:none; border-top:1px solid #CCCCCC; height:1px; margin-bottom:5px; } a { color: #900; text-decoration: none; } /* Root = Vertical, Secondary = Vertical */ ul#navmenu, ul#navmenu li, ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 170px; /*For KHTML*/ list-style: none; } ul#navmenu:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 2px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; } /* Root Menu */ ul#navmenu a { border: 1px solid #CCC; border-right-color: #CCC; border-bottom-color: #CCC; padding: 0 6px; display: block; background: #EEE; color: #666; font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } /* Root Menu Hover Persistence */ ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #CCC; color: #; } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { background: #EEE; color: #666; } /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #CCC; color: #FFF; } /* 3rd Menu */ ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666; } /* 3rd Menu Hover Persistence */ ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; } /* 4th Menu */ ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; } /* 4th Menu Hover */ ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; } ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 150px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }