Zaman: 08-21-2018, 09:27 AM Hoşgeldin Misafir ! (GirişÜye Olun)
Birdamlabilgi.com - Web Master - Download - Paylaşım Forumu



Sabit Menü
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
Konu Bilgileri
Cevaplar: 4 İzlenme: 744
Sabit Menü
06-11-2013, 08:03 AM
Çalışmanın Adı: Sabit Menü
Çalışmanın Ön İzlemesi: Linki görebilmek için giriş yapmanız ya da üye olmanız gerekir.
Çalışmanın Şekli: Menü
Kodlanma Şekli: Div
Genel Renklerı: Gri Tonları, Mavi
Tarih: 25.08.2012

Menü Özellikleri:
- Sağa üst köşeye sabitlenmiştir.
- Uygun renk ve arka plan seçimi yapılmıştır.
- Açılır kapanır özelliği bulunmaktadır.

Kod:
<style>
/* Bu Menü FrmBestLive.10tl.net Sitesi Tarafından Hazırlanmıştır */
body{
    font-family:Arial;
    height:2000px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
        }
ul#menu_frmbestlive {
    position: fixed;
    top: 0px;
    right: 0px;
    list-style: none;
    z-index:999999;
    width:100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    padding: 0px;
}
ul#menu_frmbestlive li {
    width: 108px;
    display:inline;
    float:right;
    background-image: url(http://img.webme.com/pic/f/frmbestlive/slide_menu_ap.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
ul#menu_frmbestlive li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 108px;
    height: 39px;
    background-repeat:no-repeat;
    background-position:50% 10px;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:86px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#menu_frmbestlive li a:hover{
    background-position: 50% 10px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #333333;
}
ul#menu_frmbestlive li a span{
    font-size:12px;
    color:#60ACD8;
    text-shadow: 0 -1px 1px #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
ul#menu_frmbestlive .ana_sayfa a{
    background-image: url(http://img.webme.com/pic/f/frmbestlive/ana_sayfa01.png);
}
ul#menu_frmbestlive .hakkimda a      {
    background-image: url(http://img.webme.com/pic/f/frmbestlive/hakkimda01.png);
}
ul#menu_frmbestlive .arama a      {
    background-image: url(http://img.webme.com/pic/f/frmbestlive/arama01.png);
}
ul#menu_frmbestlive .galeri a      {
    background-image: url(http://img.webme.com/pic/f/frmbestlive/galeri01.png);
}
ul#menu_frmbestlive .destek a   {
    background-image: url(http://img.webme.com/pic/f/frmbestlive/destek01.png);
}
ul#menu_frmbestlive .istatistikler a     {
    background-image: url(http://img.webme.com/pic/f/frmbestlive/istatistikler01.png);
}
ul#menu_frmbestlive .iletisim a    {
    background-image: url(http://img.webme.com/pic/f/frmbestlive/iletisim01.png);
}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>FrmBestLive - Fixed Slide Menü (Açılır - Kapanır)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="KODLANACAKLAR/FixedNavigationTutorial2/css/style.css" type="text/css" charset="utf-8"/>
</head>
<body>
<ul id="menu_frmbestlive">
            <li class="ana_sayfa"><a href=""><span>Ana Sayfa</span></a></li>
            <li class="hakkimda"><a href=""><span>Hakkımda</span></a></li>
            <li class="arama"><a href=""><span>Arama</span></a></li>
            <li class="galeri"><a href=""><span>Galeri</span></a></li>
            <li class="destek"><a href=""><span>Online Destek</span></a></li>
            <li class="istatistikler"><a href=""><span>İstatistikler</span></a></li>
            <li class="iletisim"><a href=""><span>İletişim</span></a></li>
</ul>
<script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/menu_jquery-1.3.2.java"></script>
<script type="text/javascript">
            $(function() {
                var d=300;
                $('#menu_frmbestlive a').each(function(){
                    $(this).stop().animate({
                        'marginTop':'-80px'
                    },d+=150);
                });

                $('#menu_frmbestlive > li').hover(
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-2px'
                    },200);
                },
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-80px'
                    },200);
                }
            );
            });
</script>
    </body>
</html>
06-11-2013, 08:14 AM
Benim kodladığım menü değil mi bu Smile
Sitemizdeki reklamlara günde 1 kere tıklarsanız bize en büyük desteği sağlamış olursunuz.

İçerik Yetkilisi, Deneme Moderatör ve Destek Ekibi alımları başlamıştır. Başvurular Site Adminlerine..

Emek verilmiş konulara Teşekkür etmeyi unutmayalım.
Forumda vakit geçirdiğiniz sürece bir aile ortamında olduğunuzu ve bu sebeple de yazdıklarınıza dikkat etmeniz gerektiğini unutmayınız.
Konu içerisinde gördüğünüz hataları veya kurallara aykırı davranışları bildir butonunu kullanarak bizlere iletebilirsiniz.
06-11-2013, 10:35 AM
Heralde bilmiyorum Big Grin
06-11-2013, 10:39 AM
Vay be bir zamanlar ne çok uğraşırdım bunlarla şimdi tık tık yapıyorum Smile
Sitemizdeki reklamlara günde 1 kere tıklarsanız bize en büyük desteği sağlamış olursunuz.

İçerik Yetkilisi, Deneme Moderatör ve Destek Ekibi alımları başlamıştır. Başvurular Site Adminlerine..

Emek verilmiş konulara Teşekkür etmeyi unutmayalım.
Forumda vakit geçirdiğiniz sürece bir aile ortamında olduğunuzu ve bu sebeple de yazdıklarınıza dikkat etmeniz gerektiğini unutmayınız.
Konu içerisinde gördüğünüz hataları veya kurallara aykırı davranışları bildir butonunu kullanarak bizlere iletebilirsiniz.
06-11-2013, 10:44 AM
Önceden hiç yapamazdım şimdi de hiç yapamıyorum Smile
Wavecry
« Önceki | Sonraki »




Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Üste Sabitlenmiş Menü DaggeroN 0 447 05-14-2013 10:27 PM
Son Mesaj: DaggeroN
  Fixed Navigation - Sabit Menü DaggeroN 0 410 05-14-2013 10:26 PM
Son Mesaj: DaggeroN
  Yatay Menü DaggeroN 0 396 05-10-2013 09:20 PM
Son Mesaj: DaggeroN
  Spastik Menü DaggeroN 1 626 03-09-2013 08:20 PM
Son Mesaj: uaua

Forum'a Git:


Konuyu görüntüleyenler: 1 Misafir