Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Kolorowe ikony menu


Ori

Rekomendowane odpowiedzi

Lukałem już to ale to raczej nie da mi tego efektu jak wyżej na screenie. Wiem że jakiś kod w css trzeba napisać z id menu. Wole wykorzystac Font Awesome. Robiłem według tego poradnika ale są szare i obok napisu. https://www.pecetowicz.pl/topic/jak-dodac-ikony-font-awesome-do-glownego-menu-ips-community-suite-74586/

Odnośnik do komentarza
Udostępnij na innych stronach

Hej. Poradnik na Pecetowiczu dodaje ikonki obok nazwy menu bo jest tam display:inline-block, możesz spróbować zamienić na "block", ewentualnie napisz temat na Pecetowiczu to napiszę Ci takie menu w flexbox.

  • Lubię to 1

Potrzebujesz skonwertować skrypt? Chcesz dokonać migracji z phpBB lub MyBB do Invision Community albo na odwrót? Napisz do mnie.

Odnośnik do komentarza
Udostępnij na innych stronach

1 godzinę temu, SeNioR napisał:

display:inline-block, możesz spróbować zamienić na "block"

 Zmiana na samo block pomogła ale są zbyt wysoko a powinny byc bezposrednio nad napisem tak jak na ss wyżej. I kolor dalej szary.

image.png.271b54c28e9d70906414fa80e707f9a8.png

Odnośnik do komentarza
Udostępnij na innych stronach

Dobra kolor już mam. Tylko jeszcze jak ogarnąć aby ikony były nad napisem o tak:

image.png.b2b472a140830ebf46cf135b1e5c1cec.png

A nie tak:

image.png.8f79435e893d73f7407ff101b5cd454c.png

 

kod CSS 

/* Domyślna ikona */
  	 content: "\f0ca"; /* Numer Unicode ze strony Font Awesome Icons */
     display: block;
     font-family: "FontAwesome";
     font-size: 18px;
     font-weight: normal;
     line-height: 1;
     color: #49c5b6;
     margin-bottom: -5px;
     margin-right: 3px;
     opacity: 1;
}

 

  • Lubię to 2
Odnośnik do komentarza
Udostępnij na innych stronach

Ok sam poradziłem sobie z ikonami. Dzięki za pomoc efekt końcowy:

 

image.png.cfba861ffa1e794a36153b50c5246e17.png

 

Ale jeszcze zauważyłem że jak rozuwne menu Przeglądaj to na końcu takie coś jest

 

image.png.6e7c4d48eb4f6a00ccf63a442300f678.png

Jak to usunąć? Oraz przy banach jest strzałka rozwijania menu można dodać tam kolor ikon? Jeżeli tak to jak? :P 

  • Lubię to 1
Odnośnik do komentarza
Udostępnij na innych stronach

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

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

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.