Nowe kolory znaczków "badge"

[CipiS]

Na wstępie dla osób nie wiedzących o czym mowa i co to są tzw "badges". Otóź są to znaczki w których

znajdują się podane przez nas wyrażenia, prefixy, sufixy.

 

 

Standardowo IPBoard oferuje nam tylko kilka kolorów znaczków:

 

• zielony
• szary
• jasnoszary
• czerwony
• purpurowy
• pomarańczowy

 

Ale nie każdy wie, że może mieć taki kolor znaczka jaki tylko wymyśli.
Jak to zrobić? Bardzo prosto! Zaczynamy.

Logujemy się do Panelu administratora » Wygląd » Style i szablony » Wybieramy interesujący nas styl

 

Klikamy w zakładkę css i odszukujemy plik ipb_styles.css » otwieramy i edytujemy.

Wyszukujemy frazę ^{_{(w większości przeglądarek wyszukiwarke otwieramy skrótem klawiszy ctrl+f lub f3)}}:
 

a.ipsBadge

Naszym oczom ukazać powinny się takie linijki:

 

Zaznaczone linie odpowiadają za dane znaczki i ich kolory. Aby dodać kolor porządany przez nas wystaczy ustalić jego nazwę np pink   oraz kolor w tym wypadku  #FF3399 i dodać nową linię która będzię wyglądać tak:

 

.ipsBadge_pink { background: #FF3399; }

zapisujemy plik ipb_style.css i przechodzimy do tworzenia działu, lub innej rzeczy w której dodamy ten znaczek. Aby znaczek działał dodajemy go w kodzie html który powinien wyglądać następująco:

 

<span data-tooltip="" class='ipsBadge ipsBadge_pink'>Twój tekst</span>

A oto efekt:

 

 

 

[polakpl]

By kod działał poprawnie trzeba zamiast apostrofu w kodzie użyć cudzysłowiu, po prawo prawidłowy kod  <span data-tooltip="" class=''ipsBadge ipsBadge_pink''>Twój tekst</span>

[Macsch15]

Bez znaczenia w większości przypadków.