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

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

STOLARZ

[MyBB] Rangi użytkowników w CSS

Promowane odpowiedzi

STOLARZ    177

Rangi użytkowników w CSS

Przejdź do:
ACP -> Strona główna ->  Style -> (Twój styl) -> twojaklasa.css   

(polecam dodać to do css3.css lub stworzyć nową)

Następnie na końcu dodaj kod css:

.gid-x {
	background-color: #3366FF;
	color: #fff;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 10px;
}

gdzie x to ID grupy np. 4 (domyślnie jest to grupa administratora)

ID grupy możesz sprawdzić, np. w linku edycji grupy

 

gid.png.8222ccbeea9ddf1c4bb9f328ad18b229

 

Teraz przejdź do:
Szablony » Twój szablon » opis posta » postbit_classic lub postbit (w zależności od tego jaki masz układ posta)

 

i zamiast 

{$post['usertitle'] <br />   

       

Wstaw to:

<div class="gid-{$post['usergroup']}">{$post['usertitle']}</div> <br />

 

Zapisz efekt powinien wyglądać następująco

 

vZuciQx.png.9f644a81f9b8df2345f93fd5cdeb

  • Lubię to! 7

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Tomasz    631

Kod na inny wygląd rang:

.gid-X {
	background-color: #FF0000;
	border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 25px!important;
    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;
}

 

demo.pngdemo2.pngdemo3.png

 

 

Gdyby rangi w CSS się nie wyświetlały to zainstalowanie tej modyfikacji powinno naprawić problem.

http://community.mybb.com/mods.php?action=view&pid=652

 

  • Lubię to! 5

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.


  • Podobna zawartość

    • Przez banan47
      Opis:
      Poszukuję kodera HTML i CSS ze znajomością Bootstrap do kilku projektów związanych z tematyką CSGO, który samodzielnie zaprojektuje i wykona szablon strony.
       
      Wymagania:
      Osoba powinna posiadać poczucie estetyki oraz podstawowe zdolności graficzne.
      Jako wzór podam screeny stron, którymi można się inspirować.
       
      Oferujemy:
      Współpracę na kilka projektów.
       
      Kontakt:
      PW GG 51023686  





    • Przez Bartek Huza
      Witam! Ostatnio siedziałem przed jednym wyzwaniem, mianowicie nad zrobieniem wysuwanego menu. Udało mi się je skończyć tylko nie działa poprawnie na stronie głównej oraz scrollUp pojawia się gdy scrolluje w dół podczas gdy menu jest wysunięte. Nie wiem jak to naprawić, używałem do tego css, javascript, jquery. Wysyłam pliki, z góry dzięki za pomoc.
       
      index.html


      style.css
      stylewpis.css
      img.css
      code.js
      jquery.scrollTo.min.js
      show-nav.js
    • Przez BlackIce
      W tym artykule poznasz 7 złych praktyk, których musisz unikać podczas pisania stylów CSS. Obok złych praktyk umieszczone są również ich przeciwieństwa - dobre praktyki. Dzięki temu możesz natychmiast poprawić jakość Twojego kodu.
      Nadużywanie deklaracji !important
      Opisywanie stylów w nazwach selektorów
      Powiązanie selektorów ze strukturą HTML
      Pisanie długich selektorów
      Ignorowanie kolejności elementów HTML
      Ignorowanie specyficzności w kolejności selektorów
      Używanie stylów inline
       
      Źródło i więcej informacji: https://devcorner.pl/zle-praktyki-css-ktorych-musisz-unikac/
    • Gość
      Przez Gość

       
      Przejdź do:
      Panel administracyjny  Użytkownicy  Grupy użytkowników  Zarządzanie grupami użytkowników
       
      Edytuj wybraną grupę, wyczyść pole Obrazek grupy, do pola Prefix grupy wpisz:
      <span class='defaultGroup admin'> a do pola Sufiks grupy:
      </span>
       
      Następnie do ipb_styles.css dodaj:
      /* Grupy */ ul.basic_info .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; } ul.basic_info .admin { background-color: #c75050; } ul.basic_info .admin:before { content: "\f005"; font-family: 'FontAwesome'; margin-right: 3px; }  
      Jeżeli nie chcemy gwiazdki przed nazwą grupy to należy usunąć z kodu .CSS (ipb_styles.css) klasę .admin:before
       
      Instrukcja dla wersji IPS 4  
      Kod rangi został napisany przez @CzareK  
    • Przez Lord Fenrir
      Trochę odświeżona wersja wcześniejszego portfolio, kolorystyka i układ pozostał nie zmieniony jedynie dodano kilka rzeczy. Potrzebuje feedback jak strona działa na telefonach oraz takie ogólne informacje. Profesjonalistą nie jestem więc moje pliki sass mogą być napisane dość amatorsko, strona dostępna jest na githubie.
       
      Autor: @rogue / StormWEB
      Tematyka: Usługi Front-End
      Screen/Demo: http://www.stormweb.pl
  • Ostatnie tematy

×