Ikona FontAwesome w menu Joomla 4 - Strona 2
Strona 2 z 2 PierwszyPierwszy 12
Wyniki 11 do 16 z 16

Temat: Ikona FontAwesome w menu Joomla 4

  1. #11
    Przeglądacz
    Dołączył
    19-11-2010
    Wpisy
    72
    Punkty
    10

    Domyślny

    Nie wiem gdzie to jest zakodowane, bo na pewno nie w index.php
    <link href="https://maxcdn.bootstrapcdn.com/font...wesome.min.css" rel="stylesheet" />

    Może masz rację, że to powoduje problemy ale skasowałem dwa z 3 i dalej nic

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #12
    Przeglądacz
    Dołączył
    19-11-2010
    Wpisy
    72
    Punkty
    10

    Domyślny

    Na drugiej stronie mam dokładnie tą samą sytuację :/
    practice.com.pl
    Nie mam pojęcia czemu ikona się nie wyświetla. Oszaleje :/

  4. #13
    Wyjadacz terra awatar
    Dołączył
    26-05-2017
    Skąd
    Wrocław
    Wpisy
    932
    Punkty
    89

    Domyślny

    Tak się kończy robienie szablonów w kreatorach :\ . Nie wiem o którym pliku index mówisz, w katalogu głównym czy template. Z tego co widzę to ten kreator, "pcha" wszędzie javaScript. Nie jest to szablon zrobiony "zgodnie ze sztuką". Mogę polecić tylko wyrzucenie tego ***** . Najprawdopodobniej szablon jest kompilowany przy tworzeniu i nie reaguje na oczywiste zmiany.

    Dałes się ponieść reklamie To nie jest kompatybilne z Joomla 4 i nie ma dobrych wyników SEO.
    Sprawdziłem pierwszą i tę drugą stronę i jedna ma 57/100, a druga strona która ma tylko slider, ma wynik 40/100.

    Lepiej jeśli zmienisz to teraz niż będziesz brnął w problemy, które będą ujawniać się w przyszłośći, z każdą aktualizacją Joomla. Policz czas, który spędzasz nad tą stroną i nierozwiązane problemy i czy to jest warte "darmowego szablonu". Przy okazji niczego nie nauczysz się o Joomla na przyszłość.

  5. #14
    Debiutant
    Dołączył
    25-07-2023
    Skąd
    warszawa
    Wpisy
    3
    Punkty
    4

    Domyślny

    Witam! Wygląda na to, że próbujesz dodać ikonę dla pozycji menu "home" w swoim szablonie stworzonym za pomocą narzędzia TemplateToaster 8. Przy użyciu klasy "fa-solid fa-house" ikona działa poprawnie, ale nie wiesz, jak ją wymusić na daną pozycję w menu.


    Aby wymusić wyświetlanie ikony tylko dla konkretnej pozycji menu (np. dla elementu "O firmie"), możesz dodać specyficzną klasę lub identyfikator dla tego elementu i użyć go w CSS, aby ustawić tło na ikonę. Wygląda na to, że szablon generuje kod z klasą "hkb_menu_items_parent" dla elementów menu.


    Oto jak możesz to zrobić:


    Dodaj klasę "home-icon" lub identyfikator "home-icon" do elementu menu "O firmie". Wybierz tylko jedną z tych opcji.
    Przy użyciu klasy:


    html
    Copy code
    <li class="hkb_menu_items_parent dropdown home-icon">
    <a class="hkb_menu_items_parent_link" href="/index.php">
    <span class="menuchildicon"></span> O firmie
    </a>
    <hr class="horiz_separator">
    </li>
    Przy użyciu identyfikatora:


    html
    Copy code
    <li class="hkb_menu_items_parent dropdown">
    <a id="home-icon-link" class="hkb_menu_items_parent_link" href="/index.php">
    <span class="menuchildicon"></span> O firmie
    </a>
    <hr class="horiz_separator">
    </li>
    Następnie w swoim arkuszu CSS dodaj regułę dla klasy "home-icon" lub identyfikatora "home-icon" i ustaw tło na ikonę, która ma zostać wyświetlona:
    css
    Copy code
    .home-icon .menuchildicon::before {
    font-family: "Font Awesome 5 Free"; /* Upewnij się, że używasz odpowiedniej nazwy czcionki dla Font Awesome */
    content: "\f015"; /* Kod unicode ikony domku (fa-solid fa-house) */
    /* Dodatkowe style dla ikony (rozmiar, kolor itp.) */
    }
    lub


    css
    Copy code
    #home-icon-link .menuchildicon::before {
    font-family: "Font Awesome 5 Free"; /* Upewnij się, że używasz odpowiedniej nazwy czcionki dla Font Awesome */
    content: "\f015"; /* Kod unicode ikony domku (fa-solid fa-house) */
    /* Dodatkowe style dla ikony (rozmiar, kolor itp.) */
    }
    Upewnij się, że w CSS używasz odpowiedniej nazwy czcionki dla Font Awesome (w tym przykładzie jest to "Font Awesome 5 Free"), oraz że określisz właściwe style dla ikony, takie jak rozmiar i kolor.


    Po wykonaniu tych kroków ikona powinna być widoczna tylko dla wybranej pozycji menu "O firmie".

  6. #15
    Debiutant
    Dołączył
    25-07-2023
    Skąd
    warszawa
    Wpisy
    3
    Punkty
    4

    Domyślny

    Cytat Wysłane przez Patertus Zobacz wiadomość
    Witam! Wygląda na to, że próbujesz dodać ikonę dla pozycji menu "home" w swoim szablonie stworzonym za pomocą narzędzia TemplateToaster 8. Przy użyciu klasy "fa-solid fa-house" ikona działa poprawnie, ale nie wiesz, jak ją wymusić na daną pozycję w menu.


    Aby wymusić wyświetlanie ikony tylko dla konkretnej pozycji menu (np. dla elementu "O firmie"), możesz dodać specyficzną klasę lub identyfikator dla tego elementu i użyć go w CSS, aby ustawić tło na ikonę. Wygląda na to, że szablon generuje kod z klasą "hkb_menu_items_parent" dla elementów menu.




    Oto jak możesz to zrobić:


    Dodaj klasę "home-icon" lub identyfikator "home-icon" do elementu menu "O firmie". Wybierz tylko jedną z tych opcji.
    Przy użyciu klasy:
    https://kryptowiedza.pl/najlepszy-ranking-gield-kryptowalut/

    html
    Copy code
    <li class="hkb_menu_items_parent dropdown home-icon">
    <a class="hkb_menu_items_parent_link" href="/index.php">
    <span class="menuchildicon"></span> O firmie
    </a>
    <hr class="horiz_separator">
    </li>
    Przy użyciu identyfikatora:


    html
    Copy code
    <li class="hkb_menu_items_parent dropdown">
    <a id="home-icon-link" class="hkb_menu_items_parent_link" href="/index.php">
    <span class="menuchildicon"></span> O firmie
    </a>
    <hr class="horiz_separator">
    </li>
    Następnie w swoim arkuszu CSS dodaj regułę dla klasy "home-icon" lub identyfikatora "home-icon" i ustaw tło na ikonę, która ma zostać wyświetlona:
    css
    Copy code
    .home-icon .menuchildicon::before {
    font-family: "Font Awesome 5 Free"; /* Upewnij się, że używasz odpowiedniej nazwy czcionki dla Font Awesome */
    content: "\f015"; /* Kod unicode ikony domku (fa-solid fa-house) */
    /* Dodatkowe style dla ikony (rozmiar, kolor itp.) */
    }
    lub


    css
    Copy code
    #home-icon-link .menuchildicon::before {
    font-family: "Font Awesome 5 Free"; /* Upewnij się, że używasz odpowiedniej nazwy czcionki dla Font Awesome */
    content: "\f015"; /* Kod unicode ikony domku (fa-solid fa-house) */
    /* Dodatkowe style dla ikony (rozmiar, kolor itp.) */
    }
    Upewnij się, że w CSS używasz odpowiedniej nazwy czcionki dla Font Awesome (w tym przykładzie jest to "Font Awesome 5 Free"), oraz że określisz właściwe style dla ikony, takie jak rozmiar i kolor.


    Po wykonaniu tych kroków ikona powinna być widoczna tylko dla wybranej pozycji menu "O firmie".
    Aby dodać ikonę dla pozycji menu "O firmie" przy użyciu klasy, wykonaj następujące kroki:


    Dodaj klasę "home-icon" do elementu menu "O firmie":
    html
    Copy code
    <li class="hkb_menu_items_parent dropdown home-icon">
    <a class="hkb_menu_items_parent_link" href="/index.php">
    <span class="menuchildicon"></span> O firmie
    </a>
    <hr class="horiz_separator">
    </li>
    Następnie w swoim arkuszu CSS dodaj regułę dla klasy "home-icon" i ustaw tło na ikonę, która ma zostać wyświetlona:
    css
    Copy code
    .home-icon .menuchildicon::before {
    font-family: "Font Awesome 5 Free"; /* Upewnij się, że używasz odpowiedniej nazwy czcionki dla Font Awesome */
    content: "\f015"; /* Kod unicode ikony domku (fa-solid fa-house) */
    /* Dodatkowe style dla ikony (rozmiar, kolor itp.) */
    }
    Alternatywnie, jeśli wolisz użyć identyfikatora, wykonaj następujące kroki:


    Dodaj identyfikator "home-icon-link" do elementu menu "O firmie":
    html
    Copy code
    <li class="hkb_menu_items_parent dropdown">
    <a id="home-icon-link" class="hkb_menu_items_parent_link" href="/index.php">
    <span class="menuchildicon"></span> O firmie
    </a>
    <hr class="horiz_separator">
    </li>
    Następnie w swoim arkuszu CSS dodaj regułę dla identyfikatora "home-icon-link" i ustaw tło na ikonę:
    css
    Copy code
    #home-icon-link .menuchildicon::before {
    font-family: "Font Awesome 5 Free"; /* Upewnij się, że używasz odpowiedniej nazwy czcionki dla Font Awesome */
    content: "\f015"; /* Kod unicode ikony domku (fa-solid fa-house) */
    /* Dodatkowe style dla ikony (rozmiar, kolor itp.) */
    }

  7. #16
    Wyjadacz terra awatar
    Dołączył
    26-05-2017
    Skąd
    Wrocław
    Wpisy
    932
    Punkty
    89

    Domyślny

    To właśnie dlatego mówię, że to mija się z celem. Joomla jest po to, aby takich kombinacji nie robić, wystarczy używać szablonu, który jest zrobiony "zgodnie ze sztuką".

Strona 2 z 2 PierwszyPierwszy 12

Podobne tematy

  1. Main menu - ikona ?
    przez Pavlos na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 38
    Ostatni post/autor: 20-06-2010, 18:06
  2. Top Menu i inna ikona przy każdej pozycji
    przez sebian na forum Różne
    Odpowiedzi: 2
    Ostatni post/autor: 10-04-2010, 20:54
  3. ikona ''new'' w menu
    przez kargulo na forum Różne
    Odpowiedzi: 0
    Ostatni post/autor: 05-06-2008, 23:41
  4. Obrazek/ikona w menu
    przez seba_mal na forum Administracja składnikami
    Odpowiedzi: 0
    Ostatni post/autor: 17-11-2007, 17:16
  5. Pony i ikona w menu
    przez 1MAc na forum PonyGallery
    Odpowiedzi: 0
    Ostatni post/autor: 22-06-2006, 12:44

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •