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

Question

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 :)

Answer 1

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ń*/
}

 

Comments

O dzięki. Działa pięknie :)

Answer 2

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.

Answer 3

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.