Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj05.09.2008, 19:05 (UTC)    
Mesaj konusu: Css Desing Menüler ( Yeni Süper )

Siteniz İçin En Güzel Menüler Buyurun Wink
SanalSahne.Tr.gg Paylasimidir ...




Menü 1 Wink



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>




Menü 2 Wink



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>




Menu 3 Wink



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
Mesaj05.09.2008, 19:40 (UTC)    
Mesaj konusu:

MenüLer GözükmüyoR...
Mesaj05.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. Wink
Mesaj05.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
______________
Mesaj05.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 Wink
Mesaj06.09.2008, 11:16 (UTC)    
Mesaj konusu:

Tşkrler Wink
______________
Mesaj10.11.2008, 19:54 (UTC)    
Mesaj konusu:

Güzel
Mesaj13.11.2008, 17:02 (UTC)    
Mesaj konusu:

Dewamının Geleceğini sanmıyorum Wink
______________
Mesaj13.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>
Mesaj14.11.2008, 15:05 (UTC)    
Mesaj konusu:

Tşkrl Wink
______________
Aşağıdaki yazı fontunun adı Angilo Tatto'dur. Gelen mesajlara istinaden yazdım Smile
Mesaj22.11.2008, 17:27 (UTC)    
Mesaj konusu:

Yorumlar İçin Teşekkürler Arkadaşlar Wink
______________
Mesaj23.11.2008, 19:32 (UTC)    
Mesaj konusu: merhaba

merhaba paylasım ıcın saol ama resımler gorunmuo
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu