Register Arama Bugünkü Mesajlar Mark Forums Read

Reply
 
Thread Tools
Creating custom user group banner CSS Detaylar »
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: 223

Güzergah: Istanbul Anadolu
Show Printable Version Email this Page
Makale: XenForo 1, yazar 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ğı

Şimdi İndir

Dosya Yüklenmedi.

Ekran Resimleri

Creating custom user group banner CSS-custom-field.png  
Views: 229
Reply

Thread Tools

Posting Rules
Yeni konu açamazsınız.
You may not post replies
You may not post attachments
Mesajınızı düzenleyemezsiniz.

BB code is Açık
Smilies are Açık
[IMG] code is Açık
HTML code is Kapalı

Forum Atla


New To Site? Need Help?

All times are GMT +3. The time now is 14:03.

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