Facebook Hayran Sayfasına Menü Ekle!

Konu 'Bilişim Teknolojileri' bölümünde Moderatör Muhammet tarafından paylaşıldı.

  1. Moderatör Muhammet

    Moderatör Muhammet Muhammet Dilmaç Yönetici Moderatör

    Katılım:
    22 Şubat 2010
    Mesajlar:
    828
    Beğenileri:
    565
    Ödül Puanları:
    93
    Yer:
    Karabük

    [​IMG]

    Uzun zamandır Facebook Hayran Sayfalarına nasıl menü oluşturulur sorusuna cevap arıyorduk. Bu Yazıya inanıyorum ki Hayran Sayfası sahipleri çok sevinmiş olacak. Şimdi Başlıyoruz: 1- Sayfamızın Yönetim Panel Kısmına Giriyoruz. En Altlara inip “Diğer Uygulamalara Göz At” Linkine Tıklıyoruz.

    [​IMG]

    2- Karşımıza Gelen Sayfada Sol Search Kutucuğuna “FBML” Yazıp Aratınız ve Çıkan Sonuçlardan En Üsteki “Statik FBML” Linkine Tıklayınız.

    [​IMG]

    3- Karşınıza Gelen Sayfada Sol Üste Profil Resminin Hemen Altında Sayfama Ekle Butonunu Göreceksiniz. O Butona Bastığınızda Sayfanızın Yönetim Panel Uygulama Sekmesinde Göreceksiniz.

    [​IMG]

    Buraya Kadar Herşey Tamam ise Şimdi Size Ekleyeceğiniz Css Menü Kodlarını Vereceğim.

    HTML:
    <div>
    <div id=
    "app_content_4949752878"
     
    class
    =
    "inside app_content_4949752878"
    >
     
    <!--
     
    .app_content_4949752878 .urbangreymenu { width: 170px; }
     
    .app_content_4949752878 .urbangreymenu .headerbar { padding: 7px 0pt 7px 31px; background: #606060 url(
    "https://www.kitapcihani.com/images/star_01.png"
    ) no-repeat scroll 8px 6px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: white; margin-bottom: 0pt; text-transform: uppercase; }
     
    .app_content_4949752878 .urbangreymenu ul { margin: 0pt; padding: 0pt; list-style-type: none; }
     
    .app_content_4949752878 .urbangreymenu ul li { padding-bottom: 2px; }
     
    .app_content_4949752878 .urbangreymenu ul li a { padding: 5px 0pt 5px 8px; background: #e9e9e9 none repeat scroll 0% 0%; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; color: black; display: block; line-height: 17px; text-decoration: none; }
     
    .app_content_4949752878 .urbangreymenu ul li a:visited { color: black; }
     
    .app_content_4949752878 .urbangreymenu ul li a:hover { background: #d4d2d2 none repeat scroll 0% 0%; color: white; }
    -->
    <div 
    class
    =
    "urbangreymenu"
    >
    <h3 
    class
    =
    "headerbar"
    >MENÜ</h3>
    <ul>
        
    <li><a onclick=
    "(new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;post_form_id=790ddda676d80f00056b5df0d032bbff&amp;position=2&amp;' + Math.random();return true;"
     
    href=
    "http://www.Yayınlanacak-Menü-Linki-Buraya-Gelecek.com"
    ><strong>» Duvar</strong></a></li>
        
    <li><a onclick=
    "(new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;post_form_id=790ddda676d80f00056b5df0d032bbff&amp;position=2&amp;' + Math.random();return true;"
     
    href=
    "http://www.Yayınlanacak-Menü-Linki-Buraya-Gelecek.com"
    ><strong>»
    Fotoğraflar</strong></a></li>
        
    <li><a onclick=
    "(new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;post_form_id=790ddda676d80f00056b5df0d032bbff&amp;position=2&amp;' + Math.random();return true;"
     
    href=
    "http://www.Yayınlanacak-Menü-Linki-Buraya-Gelecek.com"
    ><strong>» Videolar</strong></a></li>
        
    <li><a onclick=
    "(new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;post_form_id=790ddda676d80f00056b5df0d032bbff&amp;position=2&amp;' + Math.random();return true;"
     
    href=
    "http://www.Yayınlanacak-Menü-Linki-Buraya-Gelecek.com"
    ><strong>» Notlar</strong></a></li>
        
    <li><a onclick=
    "(new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;post_form_id=790ddda676d80f00056b5df0d032bbff&amp;position=2&amp;' + Math.random();return true;"
     
    href=
    "http://www.Yayınlanacak-Menü-Linki-Buraya-Gelecek.com"
    ><strong>» Sayfa BilqiLeRi</strong></a></li>
        
    <li><a onclick=
    "(new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;post_form_id=790ddda676d80f00056b5df0d032bbff&amp;position=2&amp;' + Math.random();return true;"
     
    href=
    "http://www.Yayınlanacak-Menü-Linki-Buraya-Gelecek.com"
    ><strong>» AnketLeR</strong></a></li>
        
    <li><a onclick=
    "(new Image()).src = '/ajax/ct.php?app_id=4949752878&amp;action_type=3&amp;post_form_id=790ddda676d80f00056b5df0d032bbff&amp;position=2&amp;' + Math.random();return true;"
     
    href=
    "http://www.Yayınlanacak-Menü-Linki-Buraya-Gelecek.com"
    ><strong>» Tartışma &amp; İsteık</strong></a></li>
    </ul>
    </div>
    </div>
    </div>
    
    Kaynak:

    Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...

Sayfayı Paylaş