Misafir Misafir
| Konu: Ödev Sitesi İçin Tasarım İstek 06.05.10 19:02 | |
| RENKLER:Yeşil Ve Beyaz SİTENİN KONUSU : Ödev Sitesi MENÜ YERİ: ÜST RESİMLER : Kafana Göre Yap Ama Tasarım Hakan-Fan ın Yeni Tasarımına Benzesin Çizebilgiğinin En İyisini Çiz Ödev-arsivleri nin eski tasarımı gibi olsun.. teşekkürler.. |
|
zendless94 Doçent
Mesaj Sayısı : : 315 D.Yeri : : Dén!2L1
| Konu: Geri: Ödev Sitesi İçin Tasarım İstek 07.05.10 14:34 | |
| KODLAR Tasarım üstüne - Kod:
-
<div id="tasarim"> <div id="ust"> <div class="ust"><center><img src="http://i42.tinypic.com/2vx1z4h.jpg" alt="" /></center></div>
</div> <div id="ustmenu"><div class="ustmenu"> <body> <div class="menu"> <ul> <li><a href="http://bs-tasarimci.tr.gg" >Home</a></li> <li><a href="http://bs-tasarimci.tr.gg" id="current">Products</a> <ul> <li><a href="http://bs-tasarimci.tr.gg">Drop Down CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Horizontal CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Vertical CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Dreamweaver Menus</a></li> </ul> </li> <li><a href="/faq.php">FAQ</a> <ul> <li><a href="http://bs-tasarimci.tr.gg">Drop Down CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Horizontal CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Vertical CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Dreamweaver Menus</a></li> </ul> </li> <li><a href="/contact/contact.php">Contact</a></li> </ul> </div>
</body>
</div></div> <div id="yesil"><div class="yesil">İstediğin bir şey yaz.....</div> </div> <div id="orta"> <div class="ortasutun"> Tasarım altına - Kod:
-
</div> </div> <div id="alt"></div> </div> Csskoduna - Kod:
-
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;} #counter{text-align:center;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(arkaplan url) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; }
#ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img63.imageshack.us/img63/3113/odv01.jpg); width: 1000px; height: 234px; float: left; }
.ust{ width:556px; float: left; padding: 130px 0 0 436px; overflow: hidden; text-align: justify; }
#ustmenu{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img266.imageshack.us/img266/8664/odv02.jpg); width: 1000px; height: 57px; float: left; }
.ustmenu{ width:940px; float: left; padding: 10px 0 0 27px; overflow: hidden; text-align: justify; }
#yesil{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img248.imageshack.us/img248/112/odv03.jpg); width: 1000px; height: 60px; float: left; }
.yesil{ width:995px; float: left; padding: 14px 0 0 31px; overflow: hidden; text-align: justify; }
#orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img294.imageshack.us/img294/5210/odv04.jpg); width: 1000px; height: 100%; float: left; }
.ortasutun{ width:946px; float: left; padding: 0 0 0 28px; overflow: hidden; text-align: justify; }
#alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img163.imageshack.us/img163/6485/odv05.jpg); width: 1000px; height: 151px; float: left; }
.menu{ border:none; border:0px; margin:0px; padding:0px; font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; } .menu ul{ background:#333333; height:35px; list-style:none; margin:0; padding:0; } .menu li{ float:left; padding:0px; } .menu li a{ background:#333333 url("http://img504.imageshack.us/img504/7743/seperator.gif") bottom right no-repeat; color:#cccccc; display:block; font-weight:normal; line-height:35px; margin:0px; padding:0px 25px; text-align:center; text-decoration:none; } .menu li a:hover, .menu ul li:hover a{ background: #2580a2 url("http://img571.imageshack.us/img571/170/hoverj.gif") bottom center no-repeat; color:#FFFFFF; text-decoration:none; } .menu li ul{ background:#333333; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:200; /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; } .menu li li { background:url('http://img219.imageshack.us/img219/9938/subsep.gif') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:225px; } .menu li:hover li a{ background:none; } .menu li ul a{ display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a{ background:#2580a2 url('http://img571.imageshack.us/img571/192/hoversub.gif') center left no-repeat; border:0px; color:#ffffff; text-decoration:none; } .menu p{ clear:left; }
| |
|
Misafir Misafir
| Konu: Geri: Ödev Sitesi İçin Tasarım İstek 07.05.10 15:20 | |
| kardeş süpersin ama senden ricam olucak menüye hakan-fanın menüsünden ama yeşi duyurular ve istatistikler bölümü olsun içeriğin üstündeki isteğin şeyi yaz kısmını kaldır arka plan güzel bişi yap ve header isminide http://odev-devi.tr.gg/ bu siteye göre yap teşekkürler.. |
|