Mr.Tiqi
| Konu: öDEV TASARIMI Paz Mayıs 23, 2010 4:29 pm | |
| [Resimleri görebilmek için üye olun veya giriş yapın.]TASARIM ÜSTÜ: - Kod:
-
<div id="tasarim"> <div id="ust"> <div class="ust"><center><img src="[url=http://i42.tinypic.com/2vx1z4h.jpg]http://i42.tinypic.com/2vx1z4h.jpg[/url]" alt="" /></center></div> </div> <div id="ustmenu"><div class="ustmenu"> <body> <div class="menu"> <ul> <li><a href="[url=http://bs-tasarimci.tr.gg/]http://bs-tasarimci.tr.gg[/url]" >Home</a></li> <li><a href="[url=http://bs-tasarimci.tr.gg/]http://bs-tasarimci.tr.gg[/url]" id="current">Products</a> <ul> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3edrop/]http://bs-tasarimci.tr.gg">Drop[/url] Down CSS Menus</a></li> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3ehorizontal/]http://bs-tasarimci.tr.gg">Horizontal[/url] CSS Menus</a></li> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3evertical/]http://bs-tasarimci.tr.gg">Vertical[/url] CSS Menus</a></li> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3edreamweaver/]http://bs-tasarimci.tr.gg">Dreamweaver[/url] Menus</a></li> </ul> </li> <li><a href="/faq.php">FAQ</a> <ul> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3edrop/]http://bs-tasarimci.tr.gg">Drop[/url] Down CSS Menus</a></li> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3ehorizontal/]http://bs-tasarimci.tr.gg">Horizontal[/url] CSS Menus</a></li> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3evertical/]http://bs-tasarimci.tr.gg">Vertical[/url] CSS Menus</a></li> <li><a href="[url=http://bs-tasarimci.tr.gg%22%3edreamweaver/]http://bs-tasarimci.tr.gg">Dreamweaver[/url] 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"> TASARIM ALTI: - Kod:
-
</div> </div> <div id="alt"></div> </div> CSS KODU: - 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([url=http://img63.imageshack.us/img63/3113/odv01.jpg]http://img63.imageshack.us/img63/3113/odv01.jpg[/url]); 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([url=http://img266.imageshack.us/img266/8664/odv02.jpg]http://img266.imageshack.us/img266/8664/odv02.jpg[/url]); 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([url=http://img248.imageshack.us/img248/112/odv03.jpg]http://img248.imageshack.us/img248/112/odv03.jpg[/url]); 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([url=http://img294.imageshack.us/img294/5210/odv04.jpg]http://img294.imageshack.us/img294/5210/odv04.jpg[/url]); 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([url=http://img163.imageshack.us/img163/6485/odv05.jpg]http://img163.imageshack.us/img163/6485/odv05.jpg[/url]); 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("[url=http://img504.imageshack.us/img504/7743/seperator.gif]http://img504.imageshack.us/img504/7743/seperator.gif[/url]") 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("[url=http://img571.imageshack.us/img571/170/hoverj.gif]http://img571.imageshack.us/img571/170/hoverj.gif[/url]") 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; }
| |
|