Uğur KESER'in Kapanmadan Önce Editlediği V3 Kırmızı Yeşil Tasarım Bedava Sitem İçin Menülerin Adlarına Göre İconlarla Doldurulmuş Güzel Sidebarlı Tasarım.Güle Güle Kullanın.
Tasarım Üstü
</script> <div id="tasarim"> <div class="logo"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/c/cadde-css/u-keser.png" _fcksavedurl="http://img.webme.com/pic/c/cadde-css/u-keser.png" /></a></div> <!-- UST MENU --> <div id="ustmenu"> <ul> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li><a href="http://ugur-keser.tr.gg/Hakkimda.htm" _fcksavedurl="http://ugur-keser.tr.gg/Hakkimda.htm">Hakkimda</a></li> <li><a href="http://ugur-keser.tr.gg/iletisim.htm" _fcksavedurl="http://ugur-keser.tr.gg/iletisim.htm">Iletisim</a></li> <li><a href="http://ugur-keser.tr.gg/sosyal.htm" _fcksavedurl="http://ugur-keser.tr.gg/sosyal.htm">Sosyal</a></li> </ul> </div> <!-- UST DUYURULAR --> <div id="ustduyuruvs"> <div class="duyuru"> <h3>Duyurular;</h3> <ul> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Bu Tasarım Uğur-KESER(CADDE-CSS)'e Aittir</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Bu Tasarım Uğur-KESER(CADDE-CSS)'e Aittir</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Bu Tasarım Uğur-KESER(CADDE-CSS)'e Aittir</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Duyuru Buraya gelicek.</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Duyuru Buraya gelicek.</a></li> </ul> </div> <div class="duyuruforum"> <h3> Eklerim </h3> <ul> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Uğur KESER</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Uğur KESER</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">CADDE-CSS DESİGN</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Forum Konularim Buraya gelicek.</a></li> <li><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Forum Konularim Buraya gelicek.</a></li> </ul> </div> </div> <!-- ICERIK --> <div class="icerikust"></div> <div class="icerikorta"> <div class="sol"> <div class="mmenubaslik">Ana Menü</div> <ul> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/homemenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/homemenu.png" alt="" /><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li> <img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/ataturkmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/ataturkmenu.png" alt="" /><a href="http://ugur-keser.tr.gg/iletisim.htm" _fcksavedurl="http://ugur-keser.tr.gg/iletisim.htm">Atatürk</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/psmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/psmenu.png" alt="" /><a href="http://ugur-keser.tr.gg/photoshop.htm" _fcksavedurl="http://ugur-keser.tr.gg/photoshop.htm">Photoshop</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/webmastermenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/webmastermenu.png" alt="" /><a href="http://ugur-keser.tr.gg/webmaster.htm" _fcksavedurl="http://ugur-keser.tr.gg/webmaster.htm">WebMaster</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/dersmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/dersmenu.png" alt="" /><a href="#" _fcksavedurl="#">Dersler</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/ybmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/ybmenu.png" alt="" /><a href="http://ugur-keser.tr.gg/Yararli-siteler.htm" _fcksavedurl="http://ugur-keser.tr.gg/Yararli-siteler.htm">Yararlı Bilgiler</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/pcmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/pcmenu.png" alt="" /><a href="http://ugur-keser.tr.gg/oyun.htm" _fcksavedurl="http://ugur-keser.tr.gg/oyun.htm">Oyun</a></li> </ul> <div class="kmenubaslik">Baba Menü</div> <ul> <li> <img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/msnmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/msnmenu.png" alt="" /><a href="http://ugur-keser.tr.gg" _fcksavedurl="http://ugur-keser.tr.gg">Msn</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/astrolojimenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/astrolojimenu.png" alt="" /><a href="http://ugur-keser.tr.gg/Banner-degisim-agi.htm" _fcksavedurl="http://ugur-keser.tr.gg/Banner-degisim-agi.htm">Banner Değişim</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/herteldenmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/herteldenmenu.png" alt="" /> <a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/saglikmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/saglikmenu.png" alt="" /><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/destekmenu.gif" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/destekmenu.gif" alt="" /><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/toplistmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/toplistmenu.png" alt="" /><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/videomenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/videomenu.png" alt="" /><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> </ul> <div class="ymenubaslik">Çocuk Menü</div> <ul> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/proxymenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/proxymenu.png" alt="" /><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/deftermenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/deftermenu.png" alt="" /> <a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> <li><img border="0" height="12" src="http://img.webme.com/pic/s/sebekenet/iletisimmenu.png" _fcksavedurl="http://img.webme.com/pic/s/sebekenet/iletisimmenu.png" alt="" /><a href="http://ugur-keser.tr.gg/" _fcksavedurl="http://ugur-keser.tr.gg/">Anasayfa</a></li> </ul> </div> <div class="sag"> <div class="sagbaslik">BURADASIN</div> <div class="sagicerik"> <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script> <script src="myriad-pro.cufonfonts.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('h2', { }); Cufon.replace(' #ustmenu'); Cufon.replace(' h3', { }); </script>

Tasarım Altı
</div> </div> </div> <div class="altt"></div> </div> </div>

Css Kodu
/*Menü Gizleme Kodu*/ h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /*Reklam Ortalama Kodu*/ table {margin-left: auto;margin-right: auto} body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #900; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #900; } a:hover { text-decoration: none; color: #F00; } a:active { text-decoration: none; color: #900; } img{ border: none; } h3{ font-size: 18px; } body{ background: #fff; background: url(http://www.backgroundlabs.com/backgrounds/358.gif); } #tasarim{ width: 950px; margin-left: auto; margin-right: auto; } .logo{ width: 317px; height: 77px; float: left; margin: 0 0 0 37px; } #ustmenu{ width: 905px; height: 49px; float: left; background:url(http://img.webme.com/pic/m/mikro-blog/ustmenu_bg.png); padding: 22px 0 0 45px; font-family: "Myriad Pro"; font-weight: bold; } #tasarim #ustmenu ul { font-family: "Myriad Pro"; font-size: 18px; font-weight: bold; text-decoration: none; margin: 0; padding: 0; } #tasarim #ustmenu ul li { display: inline; padding-right: 30px; margin: 0; } #tasarim #ustmenu ul li a { font-family: "Myriad Pro"; font-size: 18px; font-weight: bold; color: #FFF; text-decoration: none; padding: 5px; } #tasarim #ustmenu ul li a:hover { text-decoration: none; padding: 2px 5px 3px 5px; background: url(http://img.webme.com/pic/m/mikro-blog/menu_hover.png); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #ustduyuruvs{ width: 950px; height: 202px; background:url(http://img.webme.com/pic/m/mikro-blog/duyurularvs.png); float: left; } .duyuru{ width: 365px; height: 175px; float: left; margin: -8px 0 0 80px; color: #f91364; } .duyuruforum{ width: 365px; height: 175px; float: right; margin: -8px 87px 0 0; color: #f91364; } /*DUYURULAR*/ #tasarim #ustduyuruvs .duyuru ul { margin: -15px 0 0 0; padding: 0px; } #tasarim #ustduyuruvs .duyuru ul li { line-height: 25px; border-bottom: 1px dashed #e3e7e9; list-style: none; } #tasarim #ustduyuruvs .duyuru ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; text-decoration: none; } /*FORUM KONULARIM*/ #tasarim #ustduyuruvs .duyuruforum ul { margin: -15px 0 0 0; padding: 0px; } #tasarim #ustduyuruvs .duyuruforum ul li { line-height: 25px; border-bottom: 1px dashed #e3e7e9; list-style: none; } #tasarim #ustduyuruvs .duyuruforum ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; text-decoration: none; } /*ICERIK*/ .icerikust{ width: 950px; height: 21px; background: url(http://img.webme.com/pic/m/mikro-blog/icerik_ust.png); float: left; } .icerikorta{ width: 950px; height: 100%; background:url(http://img.webme.com/pic/m/mikro-blog/icerik_bg.png); float: left; } .sol{ width: 266px; height: 100%; float: left; margin: 0 0 0 59px; } .sag{ width: 545px; height: 100%; float: right; } .sagicerik{ width: 515px; height: 100%; float: right; margin: 0 84px 0 0; } /*MENU BASLIKLAR*/ .mmenubaslik{ width: 246px; height: 36px; background:url(http://img.webme.com/pic/k/kargasacrew/mavi_menubaslik.png); float: left; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; padding: 4px 0 0 20px; } .kmenubaslik{ width: 246px; height: 36px; background:url(http://img.webme.com/pic/k/kargasacrew/kirmizi_menubaslik.png); float: left; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; padding: 4px 0 0 20px; } .ymenubaslik{ width: 246px; height: 36px; background:url(http://img.webme.com/pic/k/kargasacrew/yesil_menubaslik.png); float: left; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; padding: 4px 0 0 20px; } /*SOL MENU*/ #tasarim .icerikorta .sol ul { padding: 0px; margin-left: 30px; } #tasarim .icerikorta .sol ul li { list-style-type: none; } #tasarim .icerikorta .sol ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; line-height: 25px; padding-left: 20px; background: url() left center no-repeat; } #tasarim .icerikorta .sol ul li a:hover { text-decoration: underline; } /*SAG TARAF*/ .sagbaslik{ width: 525px; height: 36px; background: url(http://i53.tinypic.com/2la379l.png); float: right; margin: 0 61px 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; padding: 4px 0 0 20px; } .altt{ width: 950px; height: 43px; background:url(http://i54.tinypic.com/314qrl1.png); float: left; margin-bottom: 20px; }