Denetim Masası - Film Template

Tasarımın Üzerindeki Yazı :

<div id="tasarim"> <div id="tasarim"> <div id="ust"> <div align="center"> <h1><span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> <br /> <br /> FİLM HOME </span></span></h1> <span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> </span></span> <h3><span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> Web Ortamındaki En Yüksek Kalitede Film ... </span></span></h3> </div> </div> <div id="orta"> <div class="solsutun"> <ul class="menu">  <style type="text/css"> .menu , .menu ul { width:202px; margin:auto; padding:5px; list-style-type: none; overflow:hidden; border:1px solid #eee; } .menu li { float:left; position:relative; } .menu li img { float:left; margin: 5px 0 0 5px; border:none; } .menu li a .name { float:left; width:166px; margin:0 0 0 5px; font-weight:bold; font-size:0.7em; cursor:pointer; } .menu li a:active, .menu li a:focus { outline:0; } .menu li a .description{ float:left; width:161px; margin:-5px 0 0 5px; font-weight:normal; font-size:0.7em; cursor:pointer; } .menu li a:link, .menu li a:visited { height:35px; font-size:1em; color:#000; text-decoration:none; line-height:20px; border:1px solid #fff; display:block; font-weight:bold; } .menu li a:hover { background:#eee; } </style> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/user.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/user.png" alt="user.png"> <span class="name">Ana Sayfa</span> <span class="description">Giriş Sayfası... </span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/comment.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/comment.png" alt="comment.png"> <span class="name">Hakkımızda</span> <span class="description">Hakkımızda Kısa Bilgi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/print.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/print.png" alt="print.png"> <span class="name">İletişim</span> <span class="description">İletişim Seçenekleri</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> </ul>  </div> <div class="sagsutun">

Tasarımın Altındaki Yazı :

</div> </div> <div id="alt"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="text-align: center;"><span style="color: rgb(255, 255, 255);"><br /> www.FilmHome.tr.gg | Film ve Dizi Arşivi | En Son Çıkan Filmler | En Son Çıkan Diziler<br /> <br /> </span></div> </div>

Css Kodu :

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(http://www.thebrewcityrockers.com/black_background.gif) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/f/filmhome/filmhome1.png); width: 1000px; height: 333px; float: left; } #orta{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/f/filmhome/filmhome2.png); width: 1000px; height: 100%; float: left; } .solsutun{ width: 202px; float: left; padding: 0 0 0 45px; overflow: hidden; } .sagsutun { width: 638px; float: left; padding: 0 0 0 60px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/f/filmhome/filmhome3.png); width: 1000px; height: 333px; float: left; } table {margin-left: auto;margin-right: auto}