• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak stworzyć aktywny "hover" ?

VPS Starter Arubacloud
0 głosów
739 wizyt
pytanie zadane 6 października 2017 w HTML i CSS przez Yashe Dyskutant (7,720 p.)

Witam serdecznie,

Problem: Chciałbym uzyskać efekt, aktywnego hovera w każdej podstronie.
Opis: Chodzi o to, aby po wejściu na daną podstronę... hover listy zachował swoją formę.Być może jest to nie wykonalne w taki sposób, ale jestem otwarty na inne propozycje. Na screenie przedstawię dokładnie jak to wygląda.

A efekt jaki chciałbym zachować po przejściu na inne podstrony, ma być taki:


Wie ktoś może jak to rozwiązać ? Ja już nie mam pomysłów, nic mi z tym nie wychodzi.

Pozdrawiam.

komentarz 6 października 2017 przez kingkushlee Gaduła (3,960 p.)
Proszę, daj mi kod strony a odpowiem Ci prościej i tylko podam co masz wklepać do edytora :D

4 odpowiedzi

+1 głos
odpowiedź 7 października 2017 przez Michał Kątnik Użytkownik (880 p.)
wybrane 11 października 2017 przez Yashe
 
Najlepsza

Samym html+css -> możesz również bezpośrednio na danej podstronie przedefiniować styl jednego z obiektów, tak aby spełniał twoje wymagania. 

przykład:
 

<div style="background-color: #666; border: 1px solid red;" > Mój aktywny przycisk</div>

Pamiętaj że w tym przypadku, style które są w ten sposób zapisane, bezpośrednio przy obiekcie, są traktowane jako te najważniejsze (czy jak to tam ująć w słowa), czyli z nich skorzysta przeglądarka.

komentarz 7 października 2017 przez Tomek Sochacki Ekspert (227,510 p.)
Zalecam unikanie stylowania inline w HTML. Takich styli praktycznie nie da się nadpisać w CSS. Teoretycznie jest to co prawda możliwe, ale praktycznie nie (biorą pod uwagę chociażby czytelność kodu). Styluj zawsze w oddzielnych plikach CSS, które w razie potrzeby można zawsze połączyć do jednego np. webpackiem.
komentarz 7 października 2017 przez Michał Kątnik Użytkownik (880 p.)
Prawda, dałem tylko przykład jak to wykonać bez js'a.
+1 głos
odpowiedź 6 października 2017 przez kingkushlee Gaduła (3,960 p.)

Dodaj bibliotekę jquery do kodu (Pobierz stąd). Założę, że plik podstrony projekty to np projekty.php, albo edytor to edytor.php. Do każdego diva (czy ol czy spana) z menu (tego kafelka z projekty itp.) dodaj unikalne id np.

<div id="projekty" class="menu">PROJEKTY</div>

Potem dodaj JS. Pokażę to na przykładzie podstrony EDYTOR:

var podstrona = document.getElementById("edytor").innerHTML;

$(podstrona).css("color", "#fff"); //Dodaj tu swój styl dla hovera

Analogicznie dla PROJEKTY było bo:

var podstrona = document.getElementById("projekty").innerHTML;

$(podstrona).css("color", "#fff");

Jakbyś dał kod to było by mi łatwiej, ale mam nadzieję, że pomogłem :-)

komentarz 6 października 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)
A po co do takiej małej rzeczy pobierać jQuery? Jaki to ma sens?
komentarz 7 października 2017 przez kingkushlee Gaduła (3,960 p.)
Do $(podstrona).css();
komentarz 7 października 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)

A czym jest lepsze 

$(podstrona).css()

od

podstrona.style.

 

 

komentarz 7 października 2017 przez kingkushlee Gaduła (3,960 p.)
Nwm pisałem to na szybko :V
0 głosów
odpowiedź 6 października 2017 przez EdeX Mądrala (5,110 p.)

w samym html i css tego nie zrobisz bys musiał zapewne użyć do tego php albo js smiley

komentarz 6 października 2017 przez Yashe Dyskutant (7,720 p.)

Ohh to nie dobrze.. gdyż php ani js.. jeszcze nie przerobiłem sad

komentarz 6 października 2017 przez Michał Kątnik Użytkownik (880 p.)
edycja 7 października 2017 przez Michał Kątnik
Samym html+css -> możesz również bezpośrednio na danej podstronie przedefiniować styl jednego z obiektów, tak aby spełniał twoje wymagania.
1
komentarz 7 października 2017 przez Tomek Sochacki Ekspert (227,510 p.)

Ohh to nie dobrze.. gdyż php ani js.. jeszcze nie przerobiłem

Szczerze mówiąc to proponuję w miarę równolegle ogarniać podstawy PHP i JS. Z czasem sam ocenisz czy bardziej idziesz w back-end czy front, a może full... ale pewne podstawy warto mieć jednego i drugiego. Bez tego w zasadzie nie ruszysz webmasterki.

0 głosów
odpowiedź 7 października 2017 przez Grzyboo Nałogowiec (28,860 p.)

A nie wystarczy w css?

.twoj_przycisk {
	// Jakos go stylizujesz
}

.twoj_przycisk:hover { 
	background-color: ...;
	color: ...;
}

 

Podobne pytania

–20 głosów
1 odpowiedź 1,531 wizyt
0 głosów
1 odpowiedź 597 wizyt
pytanie zadane 3 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
1 odpowiedź 247 wizyt
pytanie zadane 17 marca 2018 w HTML i CSS przez User007 Bywalec (2,400 p.)

92,845 zapytań

141,787 odpowiedzi

320,861 komentarzy

62,178 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...