1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE Przeźroczysty panel górny oraz ikony przy kategoriach.

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika Darkas, 2 Listopad 2018.

  1. Darkas

    Darkas Spryciarz

    Wiadomości:
    49
    Docenione treści:
    3
    Witam,
    ma ktoś może pomysł jak zostało to górne menu ( tam gdzie logowanie i rejestracja ) i te ikonki przy kategoriach zrobione na tej stronie https://www.fostertechnologies.pl
    Jakieś porady jak osiągnąć podobny efekt ? Będę nieopisanie wdzięczny a i pewnie innym się na przyszłość przyda.
     
  2. LukaszC

    LukaszC eCommerce Team home.pl Moderator forum

    Wiadomości:
    902
    Docenione treści:
    102
    @Darkas ikony są zrobione przy pomocy zmiennej background dla każdego elementu menu, a w przypadku nagłówka to bez js się nie obejdzie.
    Na PW przesłałem link do artykułu z zewnętrznej strony, który pomoże w konfiguracji tego efektu :)
     
    Darkas lubi to.
  3. Darkas

    Darkas Spryciarz

    Wiadomości:
    49
    Docenione treści:
    3
    Dzięki za pomoc.
     
  4. Fostertechnologies

    Fostertechnologies Początkujący

    Wiadomości:
    5
    Docenione treści:
    2
    Cześć
    Już służymy pomocą :)
    Zjeżdżający, lekko prześwitujący nagłówek możesz zmienić we własnym stylu ccs.
    .login-bar {
    position:fixed; (aby zjeżdżało razem ze stroną
    z-index:901; (lub wyższy, tak aby był na wierzchu)
    opacity: 0.8; (prześwit, czym niżej tym większy)
    }
    Natomiast ikonki również zmienisz w ccs, bez zabawy z js. Należy jednak pamiętać o lekkim przesunięciu padding-left oraz o zmiennej background z no-repeat
    I dziękujemy, że nasza strona służy dla kogoś przykładem :)
     
    LukaszC i Darkas lubią to.
  5. Darkas

    Darkas Spryciarz

    Wiadomości:
    49
    Docenione treści:
    3
    Dzięki za pomoc ! Przy pierwej okazji stawiam piwo :)
     
  6. Netrom

    Netrom Zaglądacz

    Wiadomości:
    14
    Docenione treści:
    0
    Hej, podpinam się pod temat:
    Jak zrobić, aby w tym górnym pasku zamieścić dodatkowy tekst, np. numer telefonu? I jak zrobić, aby było to widoczne w wersji mobile? O ile zmienić kolory i wymiary danych elementów na stronie ptorafię przez .css, o tyle wklepanie tekstu - już nie wiem jak :(
    www.pupilunch.pl
     

Poleć forum znajomym