Register Arama Bugünkü Mesajlar Tüm Forumu Okundu Say

Reply
 
Thread Tools
Creating custom user group banner CSS
 
TTayfun's Avatar
TTayfun
TTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant futureTTayfun has a brilliant future
Gerçek Ad: Tayfun T.
Kayıt Tarihi: Nov 2017
Mesajlar: 170

Güzergah: Istanbul Anadolu
Show Printable Version Email this Page
Makale: XenForo 1, yazan TTayfun 25 Nov 2017, 18:12

These instructions will explain how to create your own custom CSS for user banners.

Give the banner a title:
Creating custom user group banner CSS-banner-title.png

Choose a class name for your custom class, in this example we are using my-style.
Add it to the custom CSS field for the user group, like so:

If you want the banners to wrap around the message user info block then you must also use the userBanner class, as shown above.

Note that there are no . before the class names and they are separated by a space.

Then add the class and your code to EXTRA.css.
You can style it how you want, for example, this code:

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

Will result in:
Creating custom user group banner CSS-banner-1.png

Whereas this:

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

Will give:
Creating custom user group banner CSS-banner-2.png

If you don't want the wrapping effect, simply don't include the userBanner class in the custom CSS field and EXTRA.css.

Applies to XenForo versions 1.2.0 Beta 2 and later.

Note that if you only want one banner displayed and you have disabled banner stacking, the user group linked with the banner must have the highest Display Styling Priority.

Compatible XF 1.x versions: 1.2, 1.3, 1.4, 1.5

[Source]: İçerik Kaynağı

Attached Thumbnails
Creating custom user group banner CSS-custom-field.png  
Views: 328
Reply With Quote
Reply

Thread Tools

Şunları Yapabilirsin
Yeni Konu Açmak
Konuya Cevap Yazmak
Eklenti Eklemek
Düzenleme Yapabilmek

Forum Atla


LD'de Yeni misin? Yardıma mı ihtiyacın var?

All times are GMT +3. The time now is 21:46.

Tasarım Özelliği | Genişlik: Geniş Renk: Creating custom user group banner CSS Creating custom user group banner CSS Creating custom user group banner CSS Creating custom user group banner CSS Creating custom user group banner CSS