Yazar |
Mesaj |
-
sanalsahne
Uzman Üye
|
05.09.2008, 19:05 (UTC) Mesaj konusu: Css Desing Menüler ( Yeni Süper ) |
|
|
Siteniz İçin En Güzel Menüler Buyurun
SanalSahne.Tr.gg Paylasimidir ...
Menü 1
Kod: <style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}
.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}
.mattblacktabs li{
display: inline;
margin: 0;
}
.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}
.mattblacktabs li a:visited{
color: white;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
</style>
<div class="mattblacktabs">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
</ul>
</div>
Kod: <style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}
.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}
.ddoverlap li{
display: inline;
margin: 0;
}
.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(media/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}
.ddoverlap li a:visited{
color: blue;
}
.ddoverlap li a:hover{
text-decoration: underline;
}
.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(media/righttabselected.gif) 100% 0 no-repeat;
}
.ddoverlap li.selected a:hover{
text-decoration: none;
}
</style>
<!--[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%; /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
</style>
<![endif]-->
<div class="ddoverlap">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li>
<li class="selected"><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.cssdrive.com">Gallery</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript</a></li>
<li><a href="http://www.codingforums.com">Forums</a></li>
</ul>
<br style="clear: left" />
</div>
Kod:
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#cfnavbar{
margin: 0;
padding: 0;
}
#cfnavbar ul{
background: url(media/bgpink.gif) bottom center repeat-x;
padding-left: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}
* html #cfnavbar ul{ /*IE only rule. Add extra margin-bottom*/
margin-bottom: 1em;
}
#cfnavbar ul li{
display: inline;
}
#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 7px 13px 8px 6px;
text-decoration: none;
background: url(media/dividerpink.gif) bottom right no-repeat;
}
#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}
#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(media/leftcornerpink.gif) bottom left no-repeat;
}
#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(media/rightcornerpink.gif) bottom right no-repeat;
}
#cfnavbar ul li a:hover{
text-decoration: underline;
}
</style>
<div id="cfnavbar">
<ul>
<li><span><a href="http://www.dynamicdrive.com" id="leftcorner">Home</a></span></li>
<li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
<li><a href="http://www.dynamicdrive.com/contact.htm" id="rightcorner">Contact</a></li>
</ul>
</div>
<br style="clear: left" />
</div>
Devami Cok Yakinde Gelecek ...
İyi Eğlenceler ...______________
En son sanalsahne tarafından 13.11.2008 23:04:09 tarihinde değiştirildi, toplam 3 kere değiştirildi
|
|
↑
|
|
|
-
media-turk
Uzman Üye
Konum: Denizli
|
05.09.2008, 19:40 (UTC) Mesaj konusu: |
|
|
MenüLer GözükmüyoR... |
|
↑
|
|
|
-
sanal-reklam
Uzman Üye
|
05.09.2008, 21:00 (UTC) Mesaj konusu: Saol ARKADAŞIM |
|
|
denemedim ama her türlü yararlı paylaşım güzeldir.Saol ______________ Sanal-reklam.tr.gg Hakkında Akıllara Takılan Tüm Soruların Yanıtları www.sanal-reklam.tr.gg'de Mevcuttur.İncelemenizi Tavsiye Ediyoruz. |
|
↑
|
|
|
-
taalihsizler
Aktif Üye
Konum: m e r s i n
|
05.09.2008, 22:14 (UTC) Mesaj konusu: |
|
|
menu orneklerını gormek ıcın sağ tıkla ozellıkler resmın url sını al arama cubuguna yapıştırıp görebilirsin ______________ |
|
↑
|
|
|
-
siyahbeyaz-1903
Uzman Üye
|
05.09.2008, 22:20 (UTC) Mesaj konusu: |
|
|
taalihsizler yazmış: menu orneklerını gormek ıcın sağ tıkla ozellıkler resmın url sını al arama cubuguna yapıştırıp görebilirsin
güzel paylaşım |
|
↑
|
|
|
-
sanalsahne
Uzman Üye
|
06.09.2008, 11:16 (UTC) Mesaj konusu: |
|
|
Tşkrler ______________ |
|
↑
|
|
|
-
gazikilic
Bedava-Sitem Bağımlısı
|
10.11.2008, 19:54 (UTC) Mesaj konusu: |
|
|
Güzel |
|
↑
|
|
|
-
devkodservisi
Uzman Üye
Konum: [..:: İstanbul ::..] l Lütfen Sorularınızı Forumda Sorun !
|
13.11.2008, 17:02 (UTC) Mesaj konusu: |
|
|
Dewamının Geleceğini sanmıyorum ______________ |
|
↑
|
|
|
-
turk-toplist
Aktif Üye
|
13.11.2008, 21:04 (UTC) Mesaj konusu: ii |
|
|
Hadi Bi Tanede Benden Menu Olsun Bakim Degeriimi Bilin:d
Kod: <style>
body{
font: bold 80% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 600px;
float: left;
border-bottom: 1px solid gray;
}
ul li {
float: left;
background: url(http://img.webme.com/pic/c/css-tasarimm/sekme_sag_resim.gif) no-repeat top right;
}
li a {
background:url(http://img.webme.com/pic/c/css-tasarimm/sekme_sol_resim.gif) no-repeat left top;
display: block;
padding: 0 2em;
line-height: 2.5em;
text-decoration: none;
float: left;
color:#000;
}
ul a:hover {
color: #9D9C9C;
}
</style>
</head>
<body>
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Toplist</a></li>
<li><a href="#">Ziyaretci Defteri</a></li>
</ul>
</p> ______________ <a href="http://www.turk-toplist.tr.gg/" _fcksavedurl="http://www.turk-toplist.tr.gg/"><img class="" width="468" height="60" border="0" alt="" src="http://img.webme.com/pic/t/turk-toplist/banner22.gif" _fcksavedurl="http://img.webme.com/pic/t/turk-toplist/banner22.gif" /></a>
|
|
↑
|
|
|
-
ibrahmgun
Uzman Üye
|
14.11.2008, 15:05 (UTC) Mesaj konusu: |
|
|
Tşkrl |
|
↑
|
|
|
-
sanalsahne
Uzman Üye
|
22.11.2008, 17:27 (UTC) Mesaj konusu: |
|
|
Yorumlar İçin Teşekkürler Arkadaşlar ______________ |
|
↑
|
|
|
-
kod-cafe
Acemi Üye
|
23.11.2008, 19:32 (UTC) Mesaj konusu: merhaba |
|
|
merhaba paylasım ıcın saol ama resımler gorunmuo |
|
↑
|
|
|
|