endless94 Moderatör
Mesaj Sayısı : 31 Rep Gücü : 2 Doğum tarihi : 04/02/94 Kayıt tarihi : 21/04/10 Nerden : D3N!2L! Ruh Hali :
| Konu: Gri Tasarım Perş. 1 Tem. 2010 - 14:01 | |
| TASARIM ÜSTÜNE - Kod:
-
<div id="tasarim"> <div id="ust"></div> <div id="menubaslik"> <div class="solmenu"><div id="vertmenu"> <h1>Bs-tasarimci</h1> <ul> <li><a href="#" _fcksavedurl="#" tabindex="1">Home</a></li> <li><a href="#" _fcksavedurl="#" tabindex="2">About Us</a></li> <li><a href="#" _fcksavedurl="#" tabindex="3">Computing</a></li> <li><a href="#" _fcksavedurl="#" tabindex="4">Web Sites</a></li> <li><a href="#" _fcksavedurl="#" tabindex="5">Games</a></li> </ul> </div></div> <div class="logo"><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><img border="0" src="http://img10.imageshack.us/img10/9151/300x100.gif" _fcksavedurl="http://img10.imageshack.us/img10/9151/300x100.gif" alt="" /></a></div> <div class="reklam"><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><img border="0" src="http://img822.imageshack.us/img822/3787/400x100.gif" _fcksavedurl="http://img822.imageshack.us/img822/3787/400x100.gif" alt="" /></a></div> <div class="sagmenu"><div id="vertmenu"> <h1>Bs-tasarimci</h1> <ul> <li><a href="#" _fcksavedurl="#" tabindex="1">Home</a></li> <li><a href="#" _fcksavedurl="#" tabindex="2">About Us</a></li> <li><a href="#" _fcksavedurl="#" tabindex="3">Computing</a></li> <li><a href="#" _fcksavedurl="#" tabindex="4">Web Sites</a></li> <li><a href="#" _fcksavedurl="#" tabindex="5">Games</a></li> </ul> </div></div> </div> <div id="yanmenu"><div class="yanmenu"> <div id="navigation"> <ul> <li id="current"><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span> Bu </span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Tasarım</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>EndLesS94</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Tarafından </span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Yapılmıştır!</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Bs-Tasarimci</span></a></li> <li><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg"><span>Tr.Gg</span></a></li> </ul> </div> </div></div> <div id="gri"></div> <div id="orta"> <div class="content">
TASARI ALTINA - Kod:
-
</div></div> <div id="alt"></div> </div>
CSS KODUNA - 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: auto; margin-right: auto; background: url(http://img25.imageshack.us/img25/7577/tas701.gif); width: 1000px; height: 64px; float: left; } #menubaslik{ margin-left: auto; margin-right: auto; background: url(http://img293.imageshack.us/img293/7633/tas702.gif); width: 1000px; height: 153px; float: left; } .solmenu{ width:114px; float: left; padding: 0 0 0 5px; overflow: hidden; } .logo{ width:313px; float: left; padding: 25px 0 0 7px; overflow: hidden; } .reklam{ width:430px; float: left; padding: 25px 0 0 15px; overflow: hidden; } .sagmenu{ width:105px; float: left; padding: 0 0 0 8px; overflow: hidden; } #yanmenu{ margin-left: auto; margin-right: auto; background: url(http://img293.imageshack.us/img293/4184/tas703.gif); width: 1000px; height: 46px; float: left; } .yanmenu{ width:747px; float: left; padding: 0 20px 0 130px; overflow: hidden; } #gri{ margin-left: auto; margin-right: auto; background: url(http://img38.imageshack.us/img38/9798/tas704.gif); width: 1000px; height: 34px; float: left; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img293.imageshack.us/img293/9071/tas705.gif); width: 1000px; height: 100%; float: left; } .content{ width:745px; float: left; padding: 0 0 0 135px; overflow: hidden; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img293.imageshack.us/img293/2782/tas706.gif); width: 1000px; height: 102px; float: left; } <html> <style type="text/css"> #vertmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 160px; padding: 0px; margin: 0px; } #vertmenu h1 { display: block; background-color:#FF9900; font-size: 90%; padding: 3px 0 5px 3px; border: 1px solid #000000; color: #333333; margin: 0px; width:100px; } #vertmenu ul { list-style: none; margin: 0px; padding: 0px; border: none; } #vertmenu ul li { margin: 0px; padding: 0px; } #vertmenu ul li a { font-size: 80%; display: block; border-bottom: 1px dashed #C39C4E; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width:100px; } #vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #000000; background-color: #eeeeee; } </style> </html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Centered Sliding Doors Navigation at exploding-boy.com</title> <style type="text/css"> <!-- body { background: #FFF; color: #000; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; } a:link, a:visited { color: #FF2A84; text-decoration: underline; } a:hover, a:active { color: #FFF; text-decoration: none; background: #FF2A84; } #navigation { background: #DDD; border-bottom: 1px solid #A1A1A1; margin: 1em 0 0; padding: 0.6em 0 0; font-weight: bold; } #navigation ul, #navigation ul li { list-style: none; margin: 0; padding: 0; } #navigation ul { padding: 5px 0 5px; text-align: center; } #navigation ul li { display: inline; } #navigation ul li a { background: url(http://img19.imageshack.us/img19/5580/tableftd.gif) no-repeat left top; color: #FFF; text-decoration: none; padding: 5px 0; } #navigation ul li span { background: url(http://img532.imageshack.us/img532/1424/tabright.gif) no-repeat right top; padding: 4px 7px 5px 3px; margin: 4px 0 4px 4px; } #navigation ul li a:hover span { text-decoration: underline; background-position: 100% -75px; } #navigation ul li a:hover { background-position: 0 -75px; } #navigation #current a { background-position: 0 -150px; } #navigation #current a span { background-position: 100% -150px; }
/*- Internet Explorer...It's Hacktastic!--------------------------- */
/**//*/ #navigation ul li a { display: inline-block; white-space: nowrap; width: 1px; }
#navigation ul { padding-bottom: 0; margin-bottom: -1px; } /**/
/**/ * html #navigation ul li a { padding: 0; } /**/ --> </style> </head> <body> </body> </html>
TASARIM-KODLAMA: ENDLESS94/BS-TASARİMCİ.TR.GG | |
|