Fikir ve Sanat - Erkanseker Poddi Dizayn v3

TASARIM ÜZERİ

<div id="design"> <div id="logo"></div> <div id="slogan"></div> <div style="clear:both;"></div> <div id="menu_l"></div> <div id="menu"> <div id="menu_items"> <a href="http://erkanseker.tr.gg/" _fcksavedurl="http://erkanseker.tr.gg/">Ana Sayfa</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;" alt="" /> <a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Hakkımda</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;" alt="" /> <a href="http://erkanseker.tr.gg/Ziyaretci-defteri.htm" _fcksavedurl="http://erkanseker.tr.gg/Ziyaretci-defteri.htm">Ziyaretçi Defterİ</a> <img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;" alt="" /> <a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Forum</a> <img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;" alt="" /> <a href="http://erkanseker.tr.gg/Top-liste.htm" _fcksavedurl="http://erkanseker.tr.gg/Top-liste.htm">Siteni Ekle</a> <img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;" alt="" /> <a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Eklenecek</a> <img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;" alt="" /> <a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Eklenecek</a> <img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;" alt="" /> <a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Eklenecek</a> </div> </div> <div id="menu_r"></div> <div id="content_top"> </div> <div id="hinweis"> <div style="width: 100%; float: right; background: none repeat scroll 0% 0% rgb(255, 234, 189); padding: 3px; text-align: center;"> <b>Sitemizden Haberler:</b> Buraya Ekle </div></a> </div>

TASARIM ALTI

<div id="header_container"> </div> <div id="counter"><span> </span></div> <div id="post_content"> </div> <div id="below_content"> <div id="footer"> <div id="spalten"> <div id="spalte1"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />  <b style="color: #000;">YARARLI LİNKLER</b>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Erkanseker</a></li>     <li><a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Esinti Tunning</a></li>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Yakında</a></li> </ul> </div> <div id="spalte2"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />  <b style="color: #000;">DOST SİTELER</b>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Erkanseker</a></li>     <li><a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Esinti Tunning</a></li>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm" target="_blank">Yakında</a></li> </ul> </div> <div id="spalte3"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />  <b style="color: #000;">ÖNE ÇIKANLAR</b>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Erkanseker</a></li>     <li><a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Esinti Tunning</a></li>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Yakında</a></li> </ul> </div> <div id="spalte4"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />  <b style="color: #000;">REKLAMLAR</b>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Erkanseker</a></li>     <li><a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Esinti Tunning</a></li>     <li><a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm" target="_blank">Yakında</a></li> </ul> </div> </div> </div> <div id="content_bottom"> </div> <div id="copy">© Copyright 2016 by Erkan Şeker | Tüm Hakları Saklıdır | <a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Erkanseker</a> | <a href="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg" _fcksavedurl="https://www.youtube.com/channel/UCildeDNCHk9V7r05Tztvikg">Esinti Tunning</a> |  <a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Yakında</a>  |  <a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Yakında</a>  |  <a href="http://erkanseker.tr.gg/Anasayfa.htm" _fcksavedurl="http://erkanseker.tr.gg/Anasayfa.htm">Yakında</a><a name="commentform"></a><div> </div> <div id="extraDiv1"><span></span></div> <div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div> <div id="extraDiv6"><span></span></div> </body> </html>

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 checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #counter{display: none;} /*Background*/ body { background: url(https://newevolutiondesigns.com/images/freebies/white-wallpaper-18.jpg) repeat; font-family: arial, sans-serif; font-size: 0.8em; padding: 0px; margin: 0px;} #bg_top{ background: url( https://img.webme.com/pic/o/osmantalay/bg_top.png ) repeat-x; width: 100%; height: 300px; position: absolute; top: 0px; z-index: -1;} /*Schriftformatierung*/ p { line-height: 1.4em; margin:0; padding:0 0 5px; color:#646464;} h1 { color:#FE7507; font-size: 130%; font-weight: bold; font-family: Helvetica, Arial,sans-serif;} h2 { color:#646464; font-size:100%; font-weight: bold; font-family: Helvetica, Arial,sans-serif;} a { color:#FE7507; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none;} a:hover { color:#FDAB4A; text-decoration:underline;} * { padding: 0; margin: 0; } ul, li{ list-style-type: none;} hr{ height: 1px; border: 0px solid #e0e0e0; background-color: #e0e0e0; margin: 5px; margin-left: 0px; margin-right: 0px;} img{ border: 0px;} /*BILD-/VIDEOPOSITION*/ .left{ float: left; padding: 8px 8px 8px 0px;} .right{ float: right; padding: 0px 0px 8px 8px;} .center{ display: block; text-align: center; margin: 0 auto;} .left_video{ float: left; margin: 0px auto; background-image:  none; width: 323px; height: 267px; padding: 22px;} .right_video{ float: right; margin: 0px auto; background-image:  none; width: 323px; height: 267px; padding: 22px;} /*Design*/ #design{ width: 911px; margin: 10px auto;} /*Header*/ #logo{ background: url(https://img.webme.com/pic/e/erkanseker/gercklogo.png) no-repeat; width: 350px; height: 90px; margin-bottom: 10px; float: left;} /*CONTENT*/ #content{ width: 836px; min-height: 450px; background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y; float: left; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; color: #646464;} #content_top{ background: url(https://img.webme.com/pic/o/osmantalay/content_top.png) no-repeat; width: 896px; height: 19px; float:left;} #content_bottom{ background: url(https://img.webme.com/pic/o/osmantalay/content_bottom.png) no-repeat; width: 896px; height: 19px; float: left;} #content_box{ background: #eeeeee; border: 1px solid #DDDDDD; padding: 10px; margin: 10px;} #hinweis{ width: 836px; background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y; float: left;; padding-right: 30px; padding-left: 30px; padding-top: 5px; color: #646464;} #hinweis a{ color: #646464;} /*SUBPAGE*/ /*MENU*/ #menu { background-image:url(https://img.webme.com/pic/o/osmantalay/menu_bg.png); height:38px; width: 870px; float: left; margin-bottom: 10px;} #menu_r { background-image:url(https://img.webme.com/pic/o/osmantalay/menu_r.png); width:13px; height:38px; display:inline; float:left;} #menu_l { background-image:url(https://img.webme.com/pic/o/osmantalay/menu_l.png); width:13px; height:38px; display:inline; float:left; margin-left: 4px;} #menu_items { float: left; height:28px; display:inline; padding-top: 10px;} #menu_items a:link, #menu_items a:visited, #menu_items a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-size: 11px; text-transform: uppercase; text-decoration:none; color:#fff; margin:0px 10px;} #menu_items a:hover {color: #3b3b3b;} /*Foot-Menu*/ #footer{ width: 896px; height: 112px; background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y; float: left;} #spalten{margin: 0px auto; width: 781px} #spalte1, #spalte2, #spalte3, #spalte4{ width: 184px; height: 90px; float: left; border-right: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; padding: 5px; background: #e5e5e5;} #spalte1{border-left: 1px solid #bbbbbb;} #foot li a { display: b