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

Podświetlenie linków/przycisków oraza rozwijanie po kliknięciu.

VPS Starter Arubacloud
0 głosów
1,662 wizyt
pytanie zadane 15 września 2016 w HTML i CSS przez ShadoWs Bywalec (2,800 p.)
edycja 15 września 2016 przez ShadoWs
Witam potrzebuję małej pomocy. Link strony http://wildfire1.hekko24.pl/test Nie mam pojęcia jak to zrobić żeby prawidłowo działało.

1. Po kliknięciu w tytuł MUNY.PL zostaje to żółte podświetlenie a nie chce żeby ono takie zostawało. (rozwiązany)

2. Po najechaniu na zakładki menu Strona główna, Dodaj rangi itd podświetla się ale po kliknięciu nie zostaje podświetlona zakładka.

3. Po najechaniu na top serwera oraz gildie rozwija się lista po najechaniu wskaźnikiem. Chciałbym żeby rozwiało się po kliknięciu nie z automatu po najechaniu. Nie powiem ale na tym najbardziej mi zależy :)

Z góry dziękuję za pomoc :)

3 odpowiedzi

+1 głos
odpowiedź 15 września 2016 przez Grzegorz Stasiecki Użytkownik (630 p.)
wybrane 19 września 2016 przez ShadoWs
 
Najlepsza

jeżeli chodzi o logo "MUNY.PL" , zmodyfikuj plik style.css w ten sposób:

.cd-logo > a:hover {
    text-decoration: none; /*dodaj*/
    color: #ffa600;
}

.cd-logo > a
{
	text-decoration: none; /*dodaj*/
    color: white;
}



a:link {
    text-decoration: none;
	
}
a:focus {
    text-decoration: none;
    /*color: #ffa600; usuń*/
}

 

komentarz 15 września 2016 przez ShadoWs Bywalec (2,800 p.)
O dzięki. Działa pięknie :)
0 głosów
odpowiedź 15 września 2016 przez Paweł Chyła Użytkownik (560 p.)

1. Musisz sobie inaczej ostylować focus na elemencie a (a:focus) np:

a:focus {

text-decoration: none;

color: white;

}

2. Tutaj musisz sobie zrobić obsługę clika na linku, ktoóy doda ci klasę z odpowiednimi stylami

3. Nie jestem pewien czego tak się dzieje, gdyż w pliku js wszystko jest pokazywane po kliku nie na hoverze, ale na js sie za bardzo nie znam więc się nie wypowiem.

0 głosów
odpowiedź 15 września 2016 przez Raciawelli Użytkownik (620 p.)

1, Masz w CSS fragment

a:focus {
    text-decoration: none;
    color: #ffa600;
}

więc po kliknięciu na link, którym jest ten przycisk, kolor zostaje. 

2. możesz to ustalić na stałe jako element stylu podstrony

3. możesz dać w CSS fragment

ul > li:focus > ul
{
display: block;
}

Dzięki temu lista rozwinie się zarówno gdy klikniesz na nią kursorem, jak i gdy przejdziesz do niej tabulatorem, i tylko wtedy.

Podobne pytania

0 głosów
1 odpowiedź 200 wizyt
0 głosów
1 odpowiedź 199 wizyt
pytanie zadane 3 listopada 2016 w JavaScript przez ShadoWs Bywalec (2,800 p.)
+1 głos
2 odpowiedzi 9,075 wizyt
pytanie zadane 6 sierpnia 2016 w HTML i CSS przez james30k Bywalec (2,260 p.)

92,453 zapytań

141,262 odpowiedzi

319,087 komentarzy

61,854 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...