• Vaynet.net, Türkçe içerikli genel forum sitesi ve eğlenceli paylaşım sitesi olarak kullanıcılara keyifli ve etkileşim dolu bir forum deneyimi sunuyor. Forum sitemizde merak ettiğiniz sorulara cevap bulabilir ve bildiğiniz konularda da diğer forum üyelerimize yardımcı olabilirsiniz.

    Foruma katılmak için BURAYA TIKLAYIN

MyBB Gece Modu Özelliği Yapma - MyBB Gece Modu Butonu Yapma

M

Metehan90

Forum Üyesi
Katılım
11 Nis 2024
Mesajlar
629
Puanları
0
Yaş
36
Konum
Ankara
Cinsiyet
Erkek
MyBB Gece Modu Özelliği Yapma / MyBB Gece Modu Butonu Yapma

Bu Modifakasyon Sayesinde MyBB Sitenize gece modu özelliği yapabilirsiniz

Modifakasyon Yapımcısı ;Nevruz

İşlemlere geçelim

Admin KP » Temalar ve şablonlar » Şablonlar » Kullandığınız temanın şablon seti » Headerinclude - [Gruplandırılmamış] Şablonlar » headerinclude » Şablonunu açın..

Aşağıdaki kodu kodu bulun;

Kod:
{$stylesheets}

Bulduktan sonra hemen üst kısmına şu kodları ekleyin..


Kod:
Kod: 
<script>(function(window, document, undefined) {
    'use strict';
    if (!('localStorage' in window)) return;
    var nightMode = localStorage.getItem('gmtNightMode');
    if (nightMode) {
        document.documentElement.className += ' night-mode';
    }
})(window, document);    

document.addEventListener('DOMContentLoaded',function() {
    'use strict';
    // Feature test
    if (!('localStorage' in window)) return;
    var nightMode = document.querySelector('#night-mode');
    if (!nightMode) return;
    // When clicked, toggle night mode on or off
nightMode.addEventListener('click', function (event) {
event.preventDefault();
document.documentElement.classList.toggle('night-mode');
        if ( document.documentElement.classList.contains('night-mode') ) {
            localStorage.setItem('gmtNightMode', true);
            return;
        }
        localStorage.removeItem('gmtNightMode');
    }, false);
});</script>

Buradaki işlem bu kadardır. Kaydedip kapatın sonraki işleme geçelim.

Admin KP » Temalar ve şablonlar » Kullandığınız tema » global.css » Gelişmiş düzenleme » dedikten sonra aşağıdaki kodları en alt kısıma ekleyin.

Kod:
Kod: 
night-mode body{
    background-color: #14191e
}

.night-mode #content{
    background-color: #14191e;
    color: #eee
}

.night-mode #logo{
    background-color:#14191e
}

.night-mode #logo a{
    color:#eee
}

.night-mode .trow1, .night-mode .trow2{
    background-color: #14191e;
    border-color: #14191e;
    color:#eee
}

.night-mode .trow1 a, .night-mode .trow2 a{
    color: #eee
}

Buradaki işlemde bitti kaydedip kapatın. şimdi en son işelme kaldı Gece modu botonunu ekleyeceğiz..

Admin KP » Temalar ve şablonlar » Şablonlar » Kullandığınız temanın şablon seti » Header Şablonlar » header Şablonunu açın..

Şu kodu bulun;

Kod:
{$awaitingusers}

bulduktan sonra altına ekleyin

PHP Kod:
[COLOR=#007700]<[/COLOR][COLOR=#0000BB]button type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"button" [/COLOR][COLOR=#0000BB]id[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"night-mode"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000BB]Gece Modu[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000BB]button[/COLOR][COLOR=#007700]> [/COLOR]

Buradaki işlemde bu kadardır eğer bu Gece Modu botununu siz nerede görünmesini istiyorsanız orayada ekleyebilirsiniz size kalmış..

Son olarak eğer kullanıcılarınızın gece saatlerinde sitenizde otomatik olarak gece modunda kullanmasını istiyorsanız yukarıdaki headerinclude şablonuna eklediğiniz kodları aşağıdaki kodlarla değiştirin.


Kod:
Kod: 
<script>(function(window, document, undefined) {
    'use strict';
    if (!('localStorage' in window)) return;
    var nightMode = localStorage.getItem('gmtNightMode');
    if (nightMode) {
        document.documentElement.className += ' night-mode';
    }
})(window, document);   

document.addEventListener('DOMContentLoaded',function() {
    'use strict';
    // Feature test
    if (!('localStorage' in window)) return;
    var nightMode = document.querySelector('#night-mode');
    if (!nightMode) return;
    // When clicked, toggle night mode on or off
nightMode.addEventListener('click', function (event) {
event.preventDefault();
document.documentElement.classList.toggle('night-mode');
        if ( document.documentElement.classList.contains('night-mode') ) {
            localStorage.setItem('gmtNightMode', true);
            return;
        }
        localStorage.removeItem('gmtNightMode');
    }, false);
});</script>
 
Cevap yazmak için giriş yap yada kayıt ol.

Genel Forum

Türkçe Forum Siteleri

İnternette bilgi paylaşımı ve tartışma ortamı arayanlar için forum siteleri uzun yıllardır popüler bir tercih olmuştur. Her yaştan ve ilgi alanından kullanıcıya hitap eden genel forum siteleri, teknoloji, oyun, kültür ve daha pek çok konuda geniş içerik sunmaktadır. Bu platformlar, katılımcıların hem öğrenme hem de eğlenceli vakit geçirme ihtiyaçlarını karşılamaktadır.

Genel Forum Sitesi

İnternette Türkçe forumlar üzerinden içerik paylaşmak, dil bariyerini ortadan kaldırarak yerel kültüre uygun bir deneyim sunar. Türkçe forum siteleri, kullanıcıların bilgiye kolayca ulaşabileceği, aynı zamanda sosyal ve eğlenceli paylaşımlar yapabileceği platformlar oluşturur. Türkiye'deki internet kullanıcıları için bu forumlar, ilgi çekici konularda derinlemesine sohbetler sunar.

Genel Forum Siteleri

Günlük hayatın stresinden uzaklaşmak isteyenler için eğlenceli forumlar, keyifli bir alternatif sunar. Farklı hobilere ve ilgi alanlarına yönelik içeriklerle dolu olan bu forum paylaşım siteleri, kullanıcılarına samimi bir ortamda vakit geçirme fırsatı sunarken, aynı zamanda yeni insanlarla tanışma imkanı da sağlar. Eğlenceli paylaşımlar ve interaktif etkinliklerle dolu olan bu platformlar, hem öğrenmeyi hem de keyifli vakit geçirmeyi bir arada sunar.

İnternette yeni bir topluluk arayan ya da bilgi alışverişi yapmak isteyenler için genel forum siteleri harika bir başlangıç noktasıdır. Geniş bir kullanıcı kitlesine hitap eden Türkçe forumlar, herkesin ilgisini çekecek konularla doludur. Siz de bu platformlara katılarak, kendi ilgi alanlarınıza uygun başlıklarda sohbetlere katılabilir ve katkıda bulunabilirsiniz. 

Not : Lütfen Çekim Paylaşım Forumları için sitemizi kullanmayın.

  Benzer konular
MyBB Yazı Tipi Boyutunu Değiştirme (Büyütme)
MyBB Forum Hesabınız Yasaklanmıştır. Hatası Çözümü
MyBB Css İle Rank Yapımı
MyBB Için Yeni Konu Açılırken Uyulması Gereken Kurallar
MyBB Tablo Ön Eki Değiştirme (MyBB Güvenlik)
MyBB' De Profile Kapak Fotoğrafı Ekleme

Benzer konular