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,490

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.

×