Toplam 2 adet sonuctan sayfa basi 1 ile 2 arasi kadar sonuc gösteriliyor
  1. #1

    Standart Tab menü ekleme



    Demo: SMF Destek - Mod, Tema, Eklenti, Sorun, (üye girişi gerektirir.)

    index.template.php
    Bul:
    scription">Kod:
    </head>
    <body>';
    Üstüne ekle:
    description">Kod:
        <script src="https://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script>
    $(document).ready(function() {
        $("#content").find("[id^=\'tab\']").hide(); // Hide all content
        $("#tabs li:first").attr("id","current"); // Activate the first tab
        $("#content #tab1").fadeIn(); // Show first tab\'s content
        
        $(\'#tabs a\').click(function(e) {
            e.preventDefault();
            if ($(this).closest("li").attr("id") == "current"){ //detection for current tab
             return;       
            }
            else{             
              $("#content").find("[id^=\'tab\']").hide(); // Hide all content
              $("#tabs li").attr("id",""); //Reset id\'s
              $(this).parent().attr("id","current"); // Activate this
              $(\'#\' + $(this).attr(\'name\')).fadeIn(); // Show content for the current tab
            }
        });
    });
    </script>
    board.index.template.php
    Bul:
    Kod:
        <div id="boardindex_table">
            <table class="table_list">';
    Üstüne ekle:
    Kod:
    <ul id="tabs">
        <li><a href="***quot; name="tab1">One</a></li>
        <li><a href="***quot; name="tab2">Two</a></li>
        <li><a href="***quot; name="tab3">Three</a></li>
        <li><a href="***quot; name="tab4">Four</a></li>    
    </ul>
    
    <div id="content"> 
        <div id="tab1">...</div>
        <div id="tab2">...</div>
        <div id="tab3">...</div>
        <div id="tab4">...</div>
    </div>
    index.css en alta ekle:
    Kod:
    #tabs {
      overflow: hidden;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    
    #tabs li {
      float: left;
      margin: 0 .5em 0 0;
    }
    
    #tabs a {
      position: relative;
      background: #ddd;
      background-image: linear-gradient(to bottom, #fff, #ddd);  
      padding: .7em 3.5em;
      float: left;
      text-decoration: none;
      color: #444;
      text-shadow: 0 1px 0 rgba(255,255,255,.8);
      border-radius: 5px 0 0 0;
      box-shadow: 0 2px 2px rgba(0,0,0,.4);
    }
    
    #tabs a:hover,
    #tabs a:hover::after,
    #tabs a:focus,
    #tabs a:focus::after {
      background: #fff;
    }
    
    #tabs a:focus {
      outline: 0;
    }
    
    #tabs a::after {
      content:'';
      position:absolute;
      z-index: 1;
      top: 0;
      right: -.5em;  
      bottom: 0;
      width: 1em;
      background: #ddd;
      background-image: linear-gradient(to bottom, #fff, #ddd);  
      box-shadow: 2px 2px 2px rgba(0,0,0,.4);
      transform: skew(10deg);
      border-radius: 0 5px 0 0;  
    }
    
    #tabs #current a,
    #tabs #current a::after {
      background: #fff;
      z-index: 3;
    }
    
    #content {
      background: #fff;
      padding: 2em;
      height: 220px;
      position: relative;
      z-index: 2; 
      border-radius: 0 5px 5px 5px;
      box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    }

    Kaynak: SMF tab menü ekleme

  2. #2

    Standart

    Teşekkürler hocam. Eline sağlık.

Konu Bilgileri

Bu Konuya Gözatan Kullanıcılar

Şu anda 1 kullanıcı bu konuyu görüntülüyor. (0 kayıtlı ve 1 misafir)

Benzer Konular

  1. CSS Menü Ücretsiz Download
    Konu Sahibi kazanova21641 Forum Webmaster Dünyası
    Cevap: 1
    Son Mesaj : 20.Nisan.2015, 00:29
  2. CSS3 Multi Blogger Menü çubuğu Eklentisi
    Konu Sahibi kazanova21641 Forum Blogcu
    Cevap: 0
    Son Mesaj : 26.Ekim.2014, 16:19
  3. Blogger Sabit Açılır Yan Menü Eklentisİ
    Konu Sahibi kazanova21641 Forum Blogcu
    Cevap: 0
    Son Mesaj : 26.Ekim.2014, 16:01
  4. Blogger Yandan Açılır Menü Eklentisi
    Konu Sahibi kazanova21641 Forum Blogcu
    Cevap: 0
    Son Mesaj : 26.Ekim.2014, 15:55
  5. Tab menü ekleme
    Konu Sahibi bolubeyi Forum SMF Eklentileri
    Cevap: 0
    Son Mesaj : 03.Ağustos.2014, 11:26

Yetkileriniz

  • Konu Acma Yetkiniz Yok
  • Cevap Yazma Yetkiniz Yok
  • Eklenti Yükleme Yetkiniz Yok
  • Mesajınızı Değiştirme Yetkiniz Yok
  •  
Linux Hosting
Yasal Bildirim
Sitemizde paylaşım yapan tüm üyeler T.C.K 20. Madde ve 5651 Sayılı Kanun'un 4. maddesinin 2. fıkrasına göre kendi konu ve mesajlarından sorumludur. Webmaster.bbs.tr hakkında yapılacak olan hukuksal ve diğer şikayetler için iletişim bölümünden iletişime geçilmesi halinde site yönetimi tarafından gereken işlemler yapılacak ve ilgili kişilere/kurumlara/vekillerine bilgi verilecektir.
Sosyal Medya