MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
BlackCat avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

MyBB Forumunuzdaki Takvimi Açılır/Kapanır Yapmak [Ders]


Sponsor Reklam

Çevrimdışı BlackCat
 Tarih: 11-03-2015, Saat:18:07
(Son Düzenleme: 04-08-2015, Saat:14:07, Düzenleyen: BlackCat.)
#1
Merhaba arkadaşlar. Belkide forumdaki en az kullandığımız sayfalardan bir taneside ajanda yani takvim sayfası. Nedendir bilmem ama ben bile yıllardır ısınamadım takvim sayfasına Gülümseme Ancak bu dersle beraber takvimimizi biraz daha stabil hale getirip kullanabiliriz.

Bu konuda ana sayfadaki takvim linkini biraz daha geliştirmeye çalışacağız. Aşağıdaki kodlar sayesinde takvimi direkt olarak açılır/kapanır hale getirebilir ve sayfa geçişi olmadan aylık takvime bakabilirsiniz.

Resim-Grafik Ekran Görüntüsü:
resim

Yapacağımız işlemler uzun değil. Her ihtimale kodlarınızın yedeklerini almayı unutmayın.

Öncelikle Admin KP => Şablonlar => Kullandığınız Tema => Header (Üst Kısım) => header_menu_calendar şablonunu açın ve tamamını aşağıdaki kodlar ile değiştirin. Kaydedip kapatın.


Kod:
<li class="takvimackapaWrapper"><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar} &#x21b4;</a><div class="takvimackapa"></div></li>


Headerinclude (Gruplandırılmamış) Şablonlar => headerinclude şablonunu açın ve en alta aşağıdaki kodları ekleyin. Kaydedip kapatın.


Kod:
<script type="text/javascript">
$(document).ready(function() {
   $.get('calendar.php', function (response) {
       var source = $(response);
       $('.takvimackapa').html(source.find('table').wrap('<p/>').parent().html()).find('td.tcat strong').each(function() {
           var firstLetter = $(this).html().replace(/(\S)(\S*)/g, '$1');
           $(this).html(firstLetter);
       });
   });
   $('.takvimackapaWrapper > a').on('click', function(e) {
       e.preventDefault();
       $('.takvimackapa').slideToggle();
   });
});
</script>


Son olarak; Temalar => Kullandığınız tema => global.css => Gelişmiş düzenleme 'ye girin ve en alta aşağıdaki kodları ekleyin. Kaydedip kapatın ve forumunuzu yenileyin.


Kod:
.takvimackapaWrapper {

    position: relative;
}

.takvimackapa {
    position: absolute;
    width: 300px;
    right: 0;
    top: 100%;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    display: none;
    margin-top: 15px;
}

#header ul.menu li .takvimackapa a {
    background: transparent;
    padding: 0;
}

.takvimackapa td {
    height: auto !important;
    vertical-align: middle !important;
    text-align: center;
}

.takvimackapa td .float_right {
    float: none;
}

.takvimackapa td.trow1 {
    opacity: .5;
}

ünlem  Takvim sayfasının tamamına ulaşmak için açılan panelden herhangi bir linke basmanız yeterli. (Ay/gün/hafta seçimi linkleri) Kolay gelsin.
Cevapla
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Konu açarken kullanılan kodların hepsi [Ders] Detaylı anlatım SharBon 1 1,530 09-03-2018, Saat:19:07
Son Yorum: symbol54
  [2015] Yeni ReCaptcha MyBB Kurulumu HitMan 3 1,954 06-03-2018, Saat:11:40
Son Yorum: recepguler
  Postbit'i Yatay / Dikey Yapmak 007combatant 32 30,096 04-09-2017, Saat:11:41
Son Yorum: VenomBoss
  [1.8] MyBB (1.8) Temanıza Tooltip Yapımı BlackCat 12 4,762 24-02-2017, Saat:23:47
Son Yorum: batuhanbarut
  MyBB - Forumunuza Sağda Açılan Facebook Beğen Kutusu Eklemek BlackCat 10 9,144 28-09-2016, Saat:14:04
Son Yorum: rojinam



Konuyu Okuyanlar: 1 Ziyaretçi