SahraForumDizini

Genel Forum Sitesi
 
AnasayfaAnasayfa  SSSSSS  AramaArama  Kayıt OlKayıt Ol  Giriş yap  
Sayfayı FaceBook'ta Paylaş

Paylaş | 
 

 Harika bir JavaScript Menü

Aşağa gitmek 
YazarMesaj
chdkrks
Ban Üye
Ban Üye
avatar

<b>Mesaj Sayısı</b> Mesaj Sayısı : 8
<b>Tecrübe</b> Tecrübe : 97
<b>Rep Puanı</b> Rep Puanı : 2
<b>Kayıt Tarihi</b> Kayıt Tarihi : 19/07/11

MesajKonu: Harika bir JavaScript Menü   Cuma 29 Tem. - 12:38:42

Arkadaşlar birçoğumuz üzerine Mou§e gelince büyüyen Java§cript menüleri görmüşüzdür.
Kodlarını bulup §izlerle Paylaşmak ݧtedim:


------------------------------------------------------------------------CSS KISMINA----------------------------------------------------------------------------
Kod:
<style type="text/css">

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

</style>


----------------------------------------------------------------------------MENÜ'YÜ GÖRMEK İSTEDİĞİMİZ SAYFAYA----------------------------------------------------------------
Kod:
<ul class="bubblewrap">
<li><a href="BURAYA LİNK"><img src="http://dynamicdrive.com/cssexamples/media/stumbleupon.png" title="Add to Stumbleupon" /></a></li>
<li><a href="BURAYA LİNK"><img src="http://dynamicdrive.com/cssexamples/media/facebook.png" title="Add to Facebook" /></a></li>
<li><a href="BURAYA LİNK"><img src="http://dynamicdrive.com/cssexamples/media/digg.png" title="Add to Digg" /></a></li>
<li><a href="BURAYA LİNK"><img src="http://dynamicdrive.com/cssexamples/media/twitter.png" title="Add to Twitter" /></a></li>
<li><a href="BURAYA LİNK"><img src="http://dynamicdrive.com/cssexamples/media/rss.png" title="Add RSS Feed" /></a></li>
</ul>
Sayfa başına dön Aşağa gitmek
Sahra
ForumSahraSiteSahibi
ForumSahraSiteSahibi
avatar

<b>Mesaj Sayısı</b> Mesaj Sayısı : 428
<b>Tecrübe</b> Tecrübe : 1091
<b>Rep Puanı</b> Rep Puanı : 29
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/07/11
<b>Yaş</b> Yaş : 26
<b>Nerden</b> Nerden : Bilmem
<b>Lakap</b> Lakap : gececi

MesajKonu: Geri: Harika bir JavaScript Menü   Cuma 29 Tem. - 12:44:31

daha önce paylaşıldı

[Linkleri görebilmek için üye olun veya giriş yapın.]

ayrıca o menu degil ama menu olarakda kullanılabılır Smile
Sayfa başına dön Aşağa gitmek
http://sahra.forumdizini.com
 
Harika bir JavaScript Menü
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
SahraForumDizini :: Webmaster :: Javascript - jQuery - Ajax-
Buraya geçin: