Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.06.2012, 12:41 (UTC)    
Mesaj konusu: Mehmet Ayhan İlk Tablosuz Tasarım

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:

<div id="sayfa">   <div id="ust"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg"><img src="http://forumazor.tk/ozel/yeni-tasarim/LOGO.png" _fcksavedurl="http://forumazor.tk/ozel/yeni-tasarim/LOGO.png" width="966" height="103" hspace="17" vspace="13"></a></div>   <div id="menu"><ul class="glossymenu">    <li class="current"><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Anasayfa</b></a></li>    <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>İletişim</b></a></li>    <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Hakkımda</b></a></li>       <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Konuk Defteri</b></a></li>       <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Oyunlar</b></a></li>       <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Radyo</b></a></li>    </ul> </div>   <div id="orta">     <div id="sol"><div id="ddblueblockmenu">  <div class="menutitle">Menu</div> <ul> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Anayafa</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">İletişim</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">E-okul</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Konuk Defteri</a></li> </ul>  <div class="menutitle">Link Takas</div> <ul> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Ekle lan isin ne</a></li> <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg" style="border-bottom-color: black">Olum Baq Qit</a></li> </ul>  </div>  </div>     <div id="sag">

Tasarımın Altı -->
Kod:

    <div id="temiz"></div>   <div id="alt">   <div id="reklam-alani"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg"><img src="http://forumazor.tk/ozel/yeni-tasarim/500x60.png" _fcksavedurl="http://forumazor.tk/ozel/yeni-tasarim/500x60.png" width="500" height="60" alt="500x60 Reklam Alanı" /></a></div>   <div id="kucuk-logo"><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><img src="http://forumazor.tk/ozel/yeni-tasarim/kuccccccccuk-loqo.png" _fcksavedurl="http://forumazor.tk/ozel/yeni-tasarim/kuccccccccuk-loqo.png" width="300" height="60" alt="küçük-logo" /></a> </div>     <div id="ve-son">       <p><b>Copyright © 2011-2012 Mehmet Ayhan </b><font color="#FF0000">www.mayhann.tr.gg</font><p></p> </div> </div>

CSS Kodu -->
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; }

DAHA FAZLASI İÇİN http://www.mayhann.tr.gg BİR TEŞEKKÜR YETER
______________
Mesaj19.06.2012, 13:34 (UTC)    
Mesaj konusu:

Tasarım Güzel Ama Dahada Güzelleştirebilirmissin Başarılar...
______________
Mesaj19.06.2012, 15:40 (UTC)    
Mesaj konusu:

mesela Question
______________
Mesaj19.06.2012, 15:43 (UTC)    
Mesaj konusu:

Tablosuz Yapmassan Daha Güzel Olabilir Diye Umuyorum...
______________
Mesaj19.06.2012, 15:43 (UTC)    
Mesaj konusu:

Ay Pardon Kardeşim.Yanlıs Yazmıssım Smile Daha İçerikli Yap Yani...
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu