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

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

CzareK

Jak dodać ikony Font Awesome Icons do panelu użytkownika? [IPS4]

Promowane odpowiedzi

CzareK    4,501

profil1.png

 

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

/* Panel użytkownika */
#elUserLink_menu a:before {
	font-family: "FontAwesome";
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  	line-height: 1;
}
#elUserLink_menu a[href*="admin"] i {
  display: none; 
}
#elUserLink_menu a:before { 
  display: inline-block; 
  width: 20px; 
  opacity: 0.7; 
}
#elUserLink_menu a:hover:before { 
  opacity: 1; 
}
/* Profil */
#elUserLink_menu > li[data-menuItem='profile'] > a:before { 
  content: "\f007"; 
}
/* Moje załączniki */
#elUserLink_menu > li[data-menuItem='attachments'] > a:before { 
  content: "\f0c6"; 
}
/* Obserwowana zawartość */
#elUserLink_menu > li[data-menuItem='manageFollowed'] > a:before { 
  content: "\f06e"; 
}
/* Ustawienia konta */
#elUserLink_menu > li[data-menuItem='settings'] > a:before { 
  content: "\f013"; 
}
/* Ignorowani użytkownicy */
#elUserLink_menu > li[data-menuItem='ignoredUsers'] > a:before { 
  content: "\f235"; 
}
/* Panel Moderatora */
#elUserLink_menu > li[data-menuItem='modcp'] > a:before { 
  content: "\f132"; 
}
/* Panel Admina */
#elUserLink_menu > li[data-menuItem='admincp'] > a:before { 
  content: "\f023";
  margin-right: -3px;
}
/* Wyloguj */
#elUserLink_menu > li[data-menuItem='signout'] > a:before { 
  content: "\f08b";
}

Kliknij przycisk Zapisz.

  • Lubię to! 2

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 Kwiatkooo
      Mam zamiar na dniach kupić licencje ipb i mam takie pytanie gdy będę chciał odkupić licencje od kogoś to na co mam zwracać uwagę i jak powinna wyglądać taka transakcja? Jednak cena takiej licencji to nie jest mała to wole się zapytać od bardziej obeznanych użytkowników co i jak. 
    • Przez Dawid Zagajski
      Dzień Dobry Piszę do was z takim zapytaniem czy możliwość używania IPB Retail jest legalne ponieważ czytałem dużo innych tematów po rożnych forach i połowa osób pisze
       
      Ze ,,Tak''a druga połowa ,,Nie'' wiec odemnie jest takie pytanie: Czy gdybym używał bez licki to jest możliwość ze będę miał kłopoty?. Czy wogole używania tego można miec problemy ?. Prosiłbym was o szczere odpowiedzi i oczywiśćie bez kłotni ponieważ takie tematy tylko doprowadzaja do kłotni a chciałbym wiedzieć bez mozliwośći spin innych osób. 
      Proszę o wyrozumiałość co do mojego tematu.
      Pozdrawiam Dawid.
    • Przez P0Y3B
      Gdy mam kopertę <i class="fa fa-envelope-o nawigacja-xd"> to gdy kliknę na nią to zmieni się na <i class="fa fa-envelope-open-o nawigacja-xd">
    • Przez CzareK
      W tym poradniku pokażę Wam jak możemy dodać dowolną ikonkę przy wybranym przez nas dziale.
       
      Wchodzimy na oficjalną stronę Font Awesome i wybieramy ikonkę, którą chcemy dodać przy dziale. Ja przykładowo wybrałem fa-html5. Dla nas ważny jest numer, który podany jest przy "Unicode". W moim przypadku to f13b.
       

       
      Przechodzimy do ACP Wygląd Style i szablony Edytuj HTML i CSS Zakładka CSS custom custom.css
       

       

       

       
      Po przejściu do custom.css musimy dodać odpowiedni kod:
      [data-forumid="2"] .fa-comments:before { content: "\f13b"; } W data-forumid musimy podać ID naszego wybranego działu. W moim przypadku to ID: 2. Natomiast w content podajemy numer ikonki, który podany jest na stronie Font Awesome. W moim przypadku to f13b. Na końcu klikamy "Zapisz" i na tym kończymy.
       
      Aby dowiedzieć się jaki ID posiada nasz dział, należy najechać myszką na nazwę działu. Numer ID znajduje się w odnośniku.
       
      Przykładowy adres:
      webmasteruj.pl/forum/2-html-5/ Numer działu znajduje się zaraz po /
       
      Efekt końcowy:
       

       
    • Przez SeNioR
      Aby usunąć zbędny napis "Forum" lub w wersji angielskiej "Forums" na stronie głównej należy:
      Przejść do ACP Personalizacja Style Default (lub nazwa twojego stylu)  kliknij ikonkę "Edytuj"  
      W zakładce Szablony wpisz "index" następnie rozwiń "forums"  "index"  "index"
      Na samej górze dokumentu znajdź:
      {template="pageHeader" group="global" app="core" params="\IPS\Member::loggedIn()->language()->addToStack('forums')"} usuń i zapisz.
      Przed:

      Po:

  • Ostatnie tematy

×