Html - Css - Eglence - Ve Fazlası




 
AnasayfaKayıt OlGiriş yap

Paylaş | 
 

 Gri Tasarım

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
endless94
Moderatör
Moderatör
avatar

Mesaj Sayısı Mesaj Sayısı : 31
Rep Gücü Rep Gücü : 2
Doğum tarihi Doğum tarihi : 04/02/94
Kayıt tarihi Kayıt tarihi : 21/04/10
Nerden Nerden : D3N!2L!
Ruh Hali Ruh Hali :

MesajKonu: 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
Sayfa başına dön Aşağa gitmek
http://webgezgini.lifeme.net
 
Gri Tasarım
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Html - Css - Eglence - Ve Fazlası :: Tr.Gg Dünyası :: Css Tasarımlar-
Buraya geçin: