Dock In Rock Menu

Son güncelleme: 01.02.2011 15:08
  • Dock In Rock Menu


    AçıkLama :



    Çok Ho$ Bir Menü...


    KuruLum :



    UpLoad KLaSöründekiLeri BeLirtiLen YerLere Atın.


    Navbar $abLonunu Açın ve BuLun ;

    [HTML]<!-- breadcrumb, login, pm info --> [/HTML]


    ALtına EkLeyin ;


    [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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>CSS Mac Dock</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/interface.js"></script>

    <!--[if lt IE 7]>
    <style type="text/css">
    div, img { behavior: url(iepngfix.htc) }
    </style>
    <![endif]-->

    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="dock" id="dock">
    <div class="dock-container">
    <a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>
    <a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a>
    <a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
    <a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a>
    <a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a>
    <a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a>
    <a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a>
    <a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
    </div>
    </div>
    <script type="text/javascript">

    $(document).ready(
    function()
    {
    $('#dock').Fisheye(
    {
    maxWidth: 50,
    items: 'a',
    itemsText: 'span',
    container: '.dock-container',
    itemWidth: 40,
    proximity: 90,
    halign : 'center'
    }
    )
    }
    );

    </script>
    </body>
    </html> [/HTML]

    KodLardaki Bu BöLümLeri Kendinize Göre DüzenLerSiniz.


    <a class="dock-item" href="#"><img src="images/home.png" alt="home" />


    Demo :


    Git...




    DownLoad

    DownLoad
#13.07.2010 16:27 0 0 0
  • çok güzel bir eklenti teşekkürler E-Master
#16.07.2010 18:33 0 0 0
  • Saolasun emeklerine sağlık
#08.08.2010 15:25 0 0 0
  • bu jss dosyasının içindekiler nereye atılacak ftp de bulamadım?
#27.01.2011 23:00 0 0 0
  • ImageS KLaSörünün İçindekiLeri ImageS KLaSörüne, DiqerLerini Ana Dizine.
#01.02.2011 15:08 0 0 0