Creating custom user group banner CSS

Konusu 'XenForo' forumundadır ve uydudoktoru tarafından 10 Şubat 2015 başlatılmıştır.

  1. uydudoktoru
    Offline

    uydudoktoru Tanınmış Üye Yönetici Yönetici

    Katılım:
    13 Haziran 2009
    Mesajlar:
    2.143
    Ödül Puanları:
    48
    These instructions will explain how to create your own custom CSS for user banners.

    Give the banner a title:

    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:

    custom-field.PNG

    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:
    .userBanner.my-style
    {
    color: white;
    background-color: green;
    }
    banner-1.png

    Whereas this:

    Kod:
    .userBanner.my-style
    {
    color: white;
    background-color: green;
    border-color: green;
    }
    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.
     
    Designer bunu beğendi.
Yüklüyor...
Benzer Konular - Creating custom user
  1. guclusat
    Mesaj:
    0
    Görüntüleme:
    157
  2. guclusat
    Mesaj:
    0
    Görüntüleme:
    163
  3. guclusat
    Mesaj:
    0
    Görüntüleme:
    140
  4. guclusat
    Mesaj:
    0
    Görüntüleme:
    108
  5. guclusat
    Mesaj:
    0
    Görüntüleme:
    706

Sayfayı Paylaş

  1. Bu site çerez kullanmaktadır. Siteyi kullanmaya devam etmeniz halinde çerez kullanımı ile ilgili site koşullarını kabul etmiş sayılırsınız.
    Notu Gizle