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    178

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 Emris
      Cześć.
       
      Mam problem z umiejscowieniem obrazków
       
      Kod:
       
      Ma to wyglądać mniej więcej tak : 

       
      A wygląda tak: 

       
      Ktoś wie jak to ustawić tak jak na Screenie :l? Z góry dziękuje za pomoc. Pozdrawiam
       
    • 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/
  • Ostatnie tematy

×