MyBB Otomatik Resim Boyutlandırma [CSS Kodu]
MyBB forumlarında bildiğiniz gibi çok boyutlu (HD Wallpaper, GIF resimleri vb.) konulara/yorumlara/imzalara eklenince sayfa açılış hızı düşüyor, sayfa kasıyor. Bunun için resim boyutlandırma kodunu kullanabiliriz.
Vereceğim kod resimin boyutunu 500px haline getirir, resimin üzerine gelince ise resimin boyutunu orjinal haline getirir.
- Admin Paneli > Temalar & Şablonlar > Temalar > [Kullandığınız temayı seçiniz.] > global.css adlı CSS dosyasını açıp aşağıdaki kodu bulun;
Kod:.scaleimages img {
max-width: 100%;
}
- Benim verdiğim aşağıdaki kod ile değiştirin;
Kod:.scaleimages img {
max-width: 500px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.scaleimages img:hover {
max-width: 100%;
}
Örnek Görüntü: (Mouse ile resmin üzerine gelin)
![[Resim: mybb-kurulum-7.png]](https://mybbturkce.com/images/anlatim/mybb-kurulum-7.png)
İşlem tamam. Kolay gelsin.
MyBB Forum Sitenize Favicon Eklemek
MyBB Forum Sitenize Favicon Eklemek
Favicon'umuz hazır ise kullanmış olduğumu temamızın headerinclude şablonunu açıyoruz ve alttaki kodu en üste ekliyoruz.
.ico uzantısı için bu kodu ekliyoruz:
<link rel="shortcut icon" href="favicon.ico" />.png uzantısı için bu kodu ekliyoruz:
<link rel="icon" type="image/png" href="favicon.png" />.gif uzantısı için bu kodu ekliyoruz:
<link rel="icon" type="image/gif" href="/favicon.gif" />Sitenize favicon eklemek için öncelikle uzantısı .ico, .png, .gif olan resimler olması gerekiyor.
Resimlerinizi örneğin icoconvert.com adresinden .ico'ya çevirebilirsiniz. Bu resim dosyasını sitenizin ana dizinine atın.
Eğer favicon ilk etapta gözükmezse çerezleri silin, öyle deneyin, muhtemelen görünecektir.
MyBB Renk Geçişli Kullanıcı Adı Stili
MyBB Renk Geçişli Kullanıcı Adı Stili
Örnek Görüntü:
![[Resim: P13kpv.png]](https://i.hizliresim.com/P13kpv.png)
Admin KP - Temalar & Şablonlar - Kullandığınız temaya girip global.css kod kutucuğunun en altına aşağıdaki kodu ekleyiniz.
.username_bg {
background-image: linear-gradient(90deg, #0000CD, #e3ed20, #1E90FF, #2082ed, #87CEEB, #20edbe, #00008B) !important;
background-size: 100% 100%!important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}Admin KP - Üyeler & Gruplar - Gruplar kısmına girdiğinizde kullanıcı adı stilini renkli yapmak istediğiniz gruba giriniz. Girdikten sonra kullanıcı adı stili kısmındaki kodları silip aşağıdaki kodu ekleyiniz.
<span class="username_bg">{username}</span>CSS kodlarında ve #renk kodlarında değişiklik yapıp kendinize özgün biçimler yapabilirsiniz.
Kolay gelsin.
MyBB Duyuru Panolarınızı Ziyaretçilere Gizleyin
Admin Paneli > Şablonlar > Header Şablonlar > header_welcomeblock_guest
En alta ekleyin
<style>
#mesajigizle {display: none}
</style>Duyuru kodunuza bunu ekleyin.
id="mesajigizle"Kolay gelsin.
MyBB Forum Kategorisini Kapatınca Hafif Saydamlık Vermek
Merhaba millet, bu yazımda sizlere forum kategorilerini kapatınca nasıl hafif bir saydamlık vereceğimizi anlatacağım. Aşağıdaki adımı uygulayarak bu özelliği forumunuza uygulayabilirsiniz.
![[Resim: Rryo7n.png]](https://i.hizliresim.com/Rryo7n.png)
Admin Paneli
Temalar & Şablonlar Temalar Kullandığınız temanın Global.css stil sayfasına giriyoruz ve en aşağıya aşağıda yer alan kodu ekliyoruz..tcat_collapse_collapsed, .thead_collapsed {
opacity: 0.6;
filter: alpha(opacity=60);
}Kolay gelsin.
MyBB Forum Kategorisini Kapatınca Hafif Saydamlık Vermek
Merhaba millet, bu yazımda sizlere forum kategorilerini kapatınca nasıl hafif bir saydamlık vereceğimizi anlatacağım. Aşağıdaki adımı uygulayarak bu özelliği forumunuza uygulayabilirsiniz.
Admin Paneli
Temalar & Şablonlar Temalar Kullandığınız temanın Global.css stil sayfasına giriyoruz ve en aşağıya aşağıda yer alan kodu ekliyoruz..tcat_collapse_collapsed, .thead_collapsed {
opacity: 0.6;
filter: alpha(opacity=60);
}Kolay gelsin.
MyBB Her Kategoriye Farklı Renk Vermek
Herkese merhabalar bu konumda sizlere her kategoriye nasıl farklı farklı renkler atayabileceğinizi anlatacağım. İlk olarak Admin panelinden kullandığınız temanın şablon gruplarından forumbit_depth1_cat şablonuna girin. Daha sonra aşağıda bulunan kodu diğer kodla değiştirin.
Bul
<td class="thead" colspan="5">Yukarıdaki kodu aşağıdaki kodla değiştirin.
<td class="thead" id="kategori_{$forum['fid']}">Şimdi ise hangi kategorinin rengini değiştirmek istiyorsak o kategorinin numarasını yani ID 'sini öğrenmemiz gerekecek. Bunun için istediğiniz kategorinin üzerine tıklıyorsunuz ve adres çubuğunda yer alan fid= yazısından sonraki numarayı alıyorsunuz. Kategori numaranızı öğrendiğinize göre CSS kodlarını ayarlayabilirsiniz. Bunun için global.css stil sayfasına girin, daha sonra aşağıdaki stil kodunu istediğiniz yere yapıştırın.
#kategori_ID {background:#123456;}Yukarıdaki stil kodunda yer alan ID yerine sizin kategorinizin numarasını yazıyorsunuz. Ayrıca yine stil kodunda bulunan renk kodunu kendi isteğinize göre düzenlemeyi unutmayın.
MyBB Her Kategoriye Farklı Renk Vermek
Herkese merhabalar bu konumda sizlere her kategoriye nasıl farklı farklı renkler atayabileceğinizi anlatacağım. İlk olarak Admin panelinden kullandığınız temanın şablon gruplarından forumbit_depth1_cat şablonuna girin. Daha sonra aşağıda bulunan kodu diğer kodla değiştirin.
Bul
<td class="thead" colspan="5">Yukarıdaki kodu aşağıdaki kodla değiştirin.
<td class="thead" id="kategori_{$forum['fid']}">Şimdi ise hangi kategorinin rengini değiştirmek istiyorsak o kategorinin numarasını yani ID 'sini öğrenmemiz gerekecek. Bunun için istediğiniz kategorinin üzerine tıklıyorsunuz ve adres çubuğunda yer alan fid= yazısından sonraki numarayı alıyorsunuz. Kategori numaranızı öğrendiğinize göre CSS kodlarını ayarlayabilirsiniz. Bunun için global.css stil sayfasına girin, daha sonra aşağıdaki stil kodunu istediğiniz yere yapıştırın.
#kategori_ID {background:#123456;}Yukarıdaki stil kodunda yer alan ID yerine sizin kategorinizin numarasını yazıyorsunuz. Ayrıca yine stil kodunda bulunan renk kodunu kendi isteğinize göre düzenlemeyi unutmayın.
MyBB Temalarda Font Awesome Kullanımı
Merhaba değerli MyBB kullanıcıları,
Font Awesome ikonlarla oluşturulmuş bir fonttur. Günümüzde bir çok site Font Awesome çoğunlukta olmak üzere font ikon kullanmaktadır. Font Awesome ikonlarını MyBB temalarında kullanabilmek için aşağıdaki adımları izleyiniz.
Admin Paneli Temalar & Şablonlar Kullandığınız temanın şablonlarından Headerinclude (Gruplandırılmamış) Şablonlar headerinclude şablonunun en altına aşağıdaki kodu ekleyin.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">Not: Yukarıdaki kod Font Awesome 5.5.0 sürümü içindir.
Aşağıdaki bağlantıda bulunan ikonların üstüne tıklayınız ve çıkan kodu, ikonun gözükmesini istediğiniz yere koyunuz.
Font Awesome 5.5.0
Yapamadığınız ya da takıldığınız yerler olursa konu altına yorum yaparak yardım isteyebilirsiniz.
Kolay gelsin, iyi forumlar.
MyBB Konuyu Okuyanlar Modern Stili
Merhaba arkadaşlar bu konumda sizlere 'Konuyu okuyanlar' bölümü için modifikasyon paylaşacağım.
Öncelikle admin panelinden şablonlar kısmına gelin ve 'konu gösterimi(showthread)' şablon grubuna tıklayın ve 'showthread_usersbrowsing' şablonunu seçin ve aşağıdaki kod ile tüm kodları değiştirin.
<div style="padding: 7px; background: #def; border: 1px solid #60aefb; color: #60aefb;"><span class="smalltext"><strong><i class="fa fa-eye xtra_white"></i> {$lang->users_browsing_thread} {$onlinemembers}{$onlinesep}{$invisonline}{$onlinesep2}{$guestsonline}</strong></span></div>Yukarıdaki işlemi yaptıktan sonra 'şu anda bu konuyu okuyanlar' kısmı değişmiş olacaktır.
Modifikasyonun sıkıntısız çalışabilmesi için sitenizde 'font awesome' yüklü olmalıdır, eğer yüklü değilse buradaki bağlantıdan nasıl yükleyebileceğinizi öğrenebilirsiniz:
MyBB Temalarda Font Awesome Kullanımı
Ön izleme:
![[Resim: MVYLk9.png]](https://i.hizliresim.com/MVYLk9.png)