Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

CzareK

Jak dodać rangi w CSS? [IPS Community Suite 4]

Promowane odpowiedzi

Jak dodać rangi w CSS?

css_rangi.png

 

Instrukcja:

 

s2.png

 

ACP -> Użytkownicy -> Grupy -> Wybierz dowolną grupę (np. Administrator) i kliknij Edytuj -> Ustawienia grupy -> W "Nazwa grupy" dodaj:

<span class='defaultGroup admin'>Administrator</span>

Kliknij przycisk Zapisz.

 

s2.png

 

ACP -> Wygląd -> Style i szablony -> Edytuj HTML i CSS -> Zakładka CSS -> custom -> custom.css -> Wklej poniższy kod

/* Grupy */
.defaultGroup {
  	border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 15px;
    text-shadow: none;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
}
.admin {
 	background-color: #c75050; 
}
.admin:before {
 	 content: "\f005";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}

Kliknij przycisk Zapisz.

 

Jeżeli nie chcemy gwiazdki przed nazwą grupy to należy usunąć z kodu .CSS (w custom.css) klasę .admin:before

 

custom.png

  • Lubię to! 7

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Dodam tylko, że jeżeli ktoś chce, aby taka ranga wyświetlała się tylko w tematach, to wystarczy użyć tego kodu:

/* Grupy */
.ipsComment_author .defaultGroup {
  	border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 15px;
    text-shadow: none;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
}
.ipsComment_author .admin {
 	background-color: #c75050; 
}
.ipsComment_author .admin:before {
 	 content: "\f005";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}

 

Bez tego, moim zdaniem, np. w profilu wygląda to kiepsko :/ 

xddd.png.1dc378f97c04e36fed621f66ede1108

 

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Podobna zawartość

    • Przez chrumcio
      Poradnik dotyczący problemu który występuje dość często. Niepoprawny kod autoryzacji. Oto poradnik jak naprawić błąd "Czy na pewno próbujesz uruchomić tę funkcję w poprawny sposób? Spróbuj ponownie." W nowej wersji MyBB 1.8.16
       
      ACP Style i szablony Szablony Nazwa stylu Templates Informacja o błędzie - Szablony error_nopermission.
       
      Znajdź:
      <input type="hidden" name="url" value="{$redirect_url}" />  Wstaw poniżej:
      <input name="my_post_key" type="hidden" value="{$mybb->post_code}" />   
      ACP Style i szablony Szablony Nazwa stylu Templates Nagłówek - Szablony header_welcomeblock_guest.
       
      Znajdź:
      <input name="quick_login" type="hidden" value="1" /> Wstaw poniżej:
      <input name="my_post_key" type="hidden" value="{$mybb->post_code}" />   
      ACP Style i szablony Szablony Nazwa stylu Templates Podgląd profilu - Szablony member_login.
       
      Znajdź:
      <input type="hidden" name="url" value="{$redirect_url}" />  Wstaw poniżej:
      <input name="my_post_key" type="hidden" value="{$mybb->post_code}" />  
      ACP Style i szablony Szablony Nazwa stylu Templates Portal - Szablony portal_welcome_guesttext.
       
      Znajdź:
      <form method="post" action="{$mybb->settings['bburl']}/member.php"><input type="hidden" name="action" value="do_login" /><input type="hidden" name="url" value="{$portal_url}" /> Wstaw poniżej:
      <input name="my_post_key" type="hidden" value="{$mybb->post_code}" />   
    • Przez chrumcio
      Na początek pobieramy phpBB3 z oficjalnej strony phpBB Download phpBB 3.2
      lub z
      Jeśli mamy już pobrane, to pliki wrzucamy na nasz serwer przez ftp. ( Nie będę tego pisywał, to chyba każdy powinien wiedzieć jak się robi )
      Teraz przechodzimy na naszą stronę www.nazwa.pl
      Po przejściu na naszą stronę ujrzymy pierwszą stronę. Przechodzimy do zakładki Install
       

       
      Zakładka Install klikamy na install
       

       
      Ujrzymy kolejne okienko w którym zakłady swoje konto. Administartor configuration(Login, email,hasło). Po czym klimay na Submit
       

       
      Database configuration, konfiguracja bazy danych. Wszystkie dane znajdziecie w waszym panelu. Po uzupełnieniu przechodzimy dalej.
       

       
      Serwer configuration, konfigurujemy lub zostawiamy tak jak jest. Następnie przechodzimy dalej.
       

       
      E-mail configuration, konfiguracja naszej poczty. Jeśli takową mamy to ją ustawiamy. W innym przypadku zostawiamy puste.
       

       
      Bullet board configuration, tutaj ustaiwamy nazwę naszej strony i jej opis.
       

       
      Koniec, gdy zakończymy naszą instalację to usuwamy folder install.
       

×