Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Odwrócenie efektów hover | active po najechaniu

Szukam  Założony przez  Xedoxo.

wersja skryptu MyBB: 1.8.7
adres forum: www.nullshare.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

   

Jak widać na zdjęciu np po najechaniu mam to pomarańczowe tło i chcę by jak się najedzie na nie to odwrócić efekt hover / active by się zmieniały na jaśniejsze kolory, a tak to pozostały jakie są ( bez najechania na to)
https://webboard.pl/thread-45824.html
Przeczytałeś cały temat? Jak zmieniam .a:hover .a:visited to się zmienia wszystko, a ja chcę by się zmieniało tylko po najechaniu. :X
Widocznie zmieniasz nie ta klasę co powinieneś
(22.07.2016, 13:49)Xedoxo napisał(a): Przeczytałeś cały temat? Jak zmieniam .a:hover .a:visited to się zmienia wszystko, a ja chcę by się zmieniało tylko po najechaniu. :X
(22.07.2016, 13:49)Xedoxo napisał(a): zmieniam .a:visited, a ja chcę by się zmieniało tylko po najechaniu. :X
Także sam sobie odpowiedziałeś.
hover - po najechaniu myszką
visited - odwiedzony link
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Tak, lecz wtedy mi zmienia całość (wszystkie linki) a ja mam przecież efekt rollhover (zaznaczone na zdjęciu) i chcę tylko dla tego rollhovera zmienić.

Cytat:.trklas:hover .trow1 {
background: #FF7F50;

}

.trklas:hover .trow2 {
 background: #FF7F50;

}

Mam takie klasy, lecz jak w nich dodaje kolor to nic się nie zmienia bo są ogólne a:visited i a:hover, a ja chcę tylko w tym ROLLHOVERZE dodać inne kolory linków.
Jak masz to .trklas:hover to musisz w nim dać a:hover i dopiero tam zmienić kolor. Po prostu stworzyć nowy selektor musisz. Btw twój obecny zapis możesz skrócić do:

.trklas:hover .trow1,
.trklas:hover .trow2 {
background: #FF7F50;
}
Pisanie tego samego wiele razy (pomimo możliwości skrócenia) jest swego rodzaju błędem.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Czyli, że tak? ( raczej nie bo nie działa )
.a:active .trklas:hover .trow1 {
    color: #fff;
}
Ale czemu dałeś active, skoro chcesz po najechaniu myszką?
Zapoznaj się z: http://webkod.pl/kurs-css/lekcje/dzial-1...ktorow-css

Bo z twojego kodu wynika:
klasa trow1, która jest w klasie trklas, która będzie miała hover (najechanie myszką) i które z kolei będzie w klasie a, która będzie aktywna, to nadaj tam kolor biały. Takie trochę masło maślane i to nie ma prawa działać.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
No to z tego co rozumiem to mam zrobić tak:
a:trklas:hover { color: #fff; }
Lecz dalej nie działa.
Nie wiem co ty tutaj wynajdujesz.
Dwukropkiem oznaczasz pseudoklasy. Przeczytaj cały link który ci dałem. Tam masz w sumie podstawy.
Masz napisać takie coś:
tag a, który jest w klasie trklas, która posiada pseudo klasę hover
Podpowiedź: pisz od końca.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Poddaje się. Nie rozumiem tego co dałeś link. Przeczytałem wszystko i dalej nic nie wychodzi.

Tak w ogóle to nie wiem czy piszemy o tym samym. Bo wiesz, że ja chcę kolor linków działów zmienić po najechaniu na dział (wtedy się zmienia na pomarańczowy i chcę, żeby wtedy link też się zmieniał z czarnego na biały)
Wystarczy przekopiować ten kod co ci dałem i dodać po każdym trow a. Próbowałem ci to ciągle wytłumaczyć tak, abyś się czegoś więcej nauczył. ;_;
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
No to już jestem blisko, ale to nie do końca działa:
.trklas:hover .trow1 a:hover,
.trklas:hover .trow2 a:hover {
background: #FF7F50;
    color: #fff;
}

Spróbuj np. najechać na jakąś nazwę działu - nie był to zamierzony efekt.

Dobra już nie ważne. Wszystko ok.



Użytkownicy przeglądający ten wątek:

2 gości