Welcome to XENTR - Think Different and Make it...

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

Soru Mobil cihazlarda yazı boyutu nasıl değiştirilir

xmnxf

SMS Confirmed
SMS Confirmed
XenTR Üyesi
Katılım
19 Mar 2019
Mesajlar
80
Tepki puanı
40
Web Sitesi
www.supermeydan.net
Web site address
https://www.supermeydan.net
Merhaba
Mobil cihazlarda yazı fontu çok küçük .. Ekran boyutlarına göre yazı tipini nasıl ayarlayabiliriz böyle bir eklenti varmı?

Extra_less e eklediğim asağıdaki kod mesaj içeriğinin boyutunu değiştiriyor Fakat Katogori (node) başlıkları ve widget başlıkları ve widget mesaj başlıkları gibi bazı yerlerde işe yaramıyor.. Daha derli toplu bir kod onerebilirmisiniz tesekkürler


CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
 

XenTR

XenTR Yönetici
Admin
XenTR Mod
Müşteri
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,311
Çözümler
2
Tepki puanı
1,984
Web Sitesi
xentr.net
Aslında XenForo normal yazı boyutlarını olması gerektiğinin dışında biçimlendirmeniz sağlıklı değildir. Google console alanında hatalar görmeniz olasıdır. Bu nedenle eğer bir tasarımcı gözü ile yaklaşmıyor iseniz standart ayarlarında kalması doğru olacaktır.

Şahsen fikrimi soracak olursanız XenForo hakkında eğer deneyimsiz birisi olsaydım direk sistemi kurar asıl işime yönelik içerikler ile ilgilenirdim. :p

XenForo'nun en çok sevdiğim özelliği zaten hemen hemen sistemin tüm stil yapısını kontrol edecek şekilde dizayn edilmiş olmasıdır. Bu sayede özel olarak harici biçimlendirmelerinizin dışında hiç bir şeye ihtiyaç duymuyor olmasıdır.


Zaten bu font boyutlarını stil özelliklerinden ayarlayabilirsiniz. İlgili alanlar için yine temanızın stil özellikleri alanından girmeniz gerekir. Örneğin widget başlıkları için aşağıdaki yolu tercih edebilirsiniz.

AdminCP > Appearance > Styles > Your Style - Style properties > Blocks

Block minor header
tabında bulunan alanda yer alan Text altındaki Size kısmına dilerseniz Pixel cinsinden dilerseniz de sistemin kendi size değerini verebilirsiniz.

Eğer sistemin font size değerini kullanayım ama ilgili alan için benim istediğim şekilde ya çok küçük yada çok büyük diyorsanız yine size alanına aşağıdaki şekilde girebilirsiniz. Normalde sistemin kendi fontSizeLarge değeri 17px'dir. Aşağıdaki kod ile biz (-) fonksiyonunu kullanarak widget blokları için font değerini 16px boyutlarına düşürmüş olduk. Aşağıdaki şekilde girerseniz widget bloklarının font büyüklüğü 16px olarak yansıyacaktır. Yine büyütmek için ise aynı şeyi (+) fonksiyonu kullanabilirsiniz.

Örnek:
(@xf-fontSizeLarge - 1px)

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!


bu şekilde düzenlemeniz daha doğru bir yaklaşım olur. Bunları uyguladığınız zaman extra.less dosyasına da fazladan bir şey yazmanıza gerek kalmaz.
 

xmnxf

SMS Confirmed
SMS Confirmed
XenTR Üyesi
Katılım
19 Mar 2019
Mesajlar
80
Tepki puanı
40
Web Sitesi
www.supermeydan.net
Web site address
https://www.supermeydan.net
Hocam öncelikle bu kadar uzun bir bilgiyi yazdığın için teşekkür ederim ..
Yukarıdaki değişikliği yaparsam tüm cihazlarda yazı tipini ve boyutunu değiştiriyorum...
Beim istediğim tabletlerde yazı boyutu değişsin
cep telefonunda değişsin

yani ekran boyutlarına göre.. malum kucuk ekranlarda yazı dahada küçülüyor ve okumakta zorluk çekiyoruz...
 

XenTR

XenTR Yönetici
Admin
XenTR Mod
Müşteri
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,311
Çözümler
2
Tepki puanı
1,984
Web Sitesi
xentr.net
O halde yapmanız gereken ilgili alanları bir bir mobil cihazlar için yeniden boyutlandırmak olacaktır.

Sistem içerisinde responsiveWide= 900px, responsiveMedium=650px ve responsiveNarrow = 480px değerleri yer alır.
Örnek Kodlar:
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!


Siz bu mobil boyutlarına göre class'larınıza değer vermeniz gerekir.
Örnek:
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Bu örnekte gördüğünüz gibi kategori başlıkları için 650px den yukarı ise sistemin @xf-fontSizeLarger yani 20px değerini kullanır. Vermiş olduğum kod üzerinde ise 651 aşağısında ise @xf-fontSizeNormal yani 15px değerini uygulayacaktır.

Tüm olması gereken classları sayfa kaynağınızdan kontrol edebilirsiniz. Her birini buradan vermek sanırım olmaz. Bunları kendiniz bulabilirsiniz. Ben örnek olması açısından verdim.
 
shape1
shape2
shape3
shape4
shape5
shape6
Üst