Arkadaşlar tablolu tasarımı bıraktım tablosuz (div li) tasarıma geçtim ve buda ilk tasarımım alın kullanın tavsiye edin.İlk divli tasarımım olduğu için biraz klasik oldu ama olsun.
Özellikleri:
Yapımcı :
www.mayhann.tr.gg - Mehmet Ayhan
Tasarım Özellikleri -->
-->EN ÜSTTE KOCAMAN 966X102 LOGO
-->ÜST MENÜ - DİKEY )
-->SOL MENÜ - DİKEY
-->EN ALTTA 500X60 REKLAM
-->REKLAMIN YANINDA 300X60 BOYUTUNDA KÜÇÜK LOGO İSTERSENİZ BAŞKA BİR ŞEY OLARAKTA KULLANABİLİRSİNİZ.
-->TASARIMIN EN ALT SAĞ KISMINDA COPYRIGHT
Önizleme Resim :
http://forumazor.tk/ozel/mayhann%20div.bmp
Demo :
http://olumbahgid.tr.gg/
Tasarımın Üstü -->
Kod:
body { margin-top: -8px; } 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;} #sayfa { height: auto; width: 1000px; margin-right: auto; margin-left: auto; margin-top: -18px; } #ust { background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_01.png); height: 123px; width: 1000px; } #reklam-alani { height: 60px; width: 500px; margin-top: 19px; margin-left: 19px; float: left; } #kucuk-logo { float: left; height: 60px; width: 300px; margin-top: 19px; margin-left: 6px; } #ve-son { float: left; height: 60px; width: 148px; margin-top: 7px; margin-left: 6px; font-size: 15px; font-family: Candara; font-weight: bold; } #menu { background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_02.png); height: 55px; width: 1000px; } #orta { background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_03.png); height: auto; width: 1000px; } #alt { background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_04.png); height: 98px; width: 1000px; } body { background-color: #E3D4F2; } .glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; background: url(media/menur_bg.gif) repeat-x; /*tab background image path*/ height: 46px; list-style: none; } .glossymenu li{ float:left; } .glossymenu li a{ float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 13px; font-weight: bold; /*Padding to accomodate left tab image. Do not change*/ height: 46px; line-height: 46px; text-align: center; cursor: pointer; padding-top: 2; padding-right: 0; padding-bottom: 0; padding-left: 16px; } .glossymenu li a b{ float: left; display: block; padding: 0 24px 0 8px; /*Padding of menu items*/ } .glossymenu li.current a, .glossymenu li a:hover{ color: #FFF; background: url(media/menur_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left; } .glossymenu li.current a b, .glossymenu li a:hover b{ color: #06F; background: url(media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/ } .arrowlistmenu{ width: 180px; /*width of menu*/ } #ddblueblockmenu{ border: 1px solid black; border-bottom-width: 0; width: 209px; } #ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #ddblueblockmenu li a{ display: block; padding: 3px 0; padding-left: 9px; width: 193px; /*185px minus all left/right paddings and margins*/ text-decoration: none; color: white; background-color: #2175bc; border-bottom: 1px solid #90bade; border-left: 7px solid #1958b7; } * html #ddblueblockmenu li a{ /*IE only */ width: 111px; /*IE 5*/ width: 191px; /*185px minus all left/right paddings and margins*/ } #ddblueblockmenu li a:hover { background-color: #2586d7; border-left-color: #1c64d1; } #ddblueblockmenu div.menutitle{ color: white; border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: black; font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #sol { float: left; height: auto; width: 210px; margin-left: 17px; } #sag { float: left; height: auto; width: 550px; margin-left: 20px; margin-right: 20px; } #temiz { clear: left; }
