ForumCała strona

Nawigacja

Aktualnie online

Gości online: 18

Użytkowników online: 0

Łącznie użytkowników: 25,400
Najnowszy użytkownik: AlojzyBartek

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

Zbigniew@
17.11.2024 11:33:24
Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn
16.11.2024 20:46:18
tja

Zbigniew@
15.11.2024 18:58:17
Kto pije, ten nie bije.

JazOOn
31.10.2024 20:49:47
Kto pije?

piterus
30.10.2024 19:45:48
I będziemy śpiewać: "Kiedy 20 blisko, przebadaj wszystko, przebadaj wszystko..." Pfft

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Polecamy hosting SferaHost.pl

Zobacz temat

 Drukuj temat
Podswietlenie po najechaniu na komórkę tabelki w skórce AFT
lukeboss
Witam, jak zrobić ze jak się najedzie na napis to jego tło się zmieni, po prostu sie podświetli, ale ten napis nie jest linkiem, tylko zwykłym napisem. Chodzi mi takie coś:
obrazki.elektroda.net/71_1265375134.jpg

style.css
Pobierz kod źródłowy  Rozwiń Kod źródłowy


Z góry dziękuje, pozdrawiam.
lukeboss
http://www.metody... - zapraszam wkrótce
 
Wścibski Gość
Dodany dnia 25.11.2024 08:52:01
Pan Kontekstualny

Postów: n^x
Data rejestracji: Zawsze

Polecamy hosting SferaHost.pl
IP: localhost  
hoopak
Do podświetlania można użyć np:
Pobierz kod źródłowy  Rozwiń Kod źródłowy CSS
.
 
www.hoopak.pl
lukeboss
Po wklejeniu w/w kodu do style.css muszę coś jeszcze zrobić? Bo niestety tak zrobiłem i nie działa Sad adres strony to http://www.metody...l/news.php

edit:
Po wstawieniu tła to klasy hover po najechaniu na link, to owszem podświetlają mi się linki, ale nie te co chce. Chodzi mi o np. "Abc".
Edytowane przez lukeboss dnia 05.02.2010 21:39:12
lukeboss
http://www.metody... - zapraszam wkrótce
 
poki289
Z tego co pamiętam, to IE6 miał jakieś problemy z wyświetlaniem :hover,
u mnie na Mozilli wszystko śmiga.
Na Twoim miejscu, bardziej zainteresował bym się jQuery, biblioteka ta daje duże możliwości i jest standardowo wpleciona w PF7.
 
www.add-ons.pl
lukeboss
Ja mam Firefox'a i powinno być wszystko ok Smile ale korzystam z Accordion Navigation Panel i chodzi mi aby po najechaniu na kategorie (np. "Abc" ) podświetliła się.
Edytowane przez lukeboss dnia 05.02.2010 21:46:38
lukeboss
http://www.metody... - zapraszam wkrótce
 
Chemikpil
No chyba nie chcesz powiedzieć że wkleiłeś dokładnie ten kod który kolega podał? To tylko przykład, a ty bez zrozumienia tego, niczego nie dokonasz :).
Tak najkrócej. Za zmianę tła, wielkości liter itp. itd, podczas najechania na element kursorem, odpowiada pseudoklasa :hover. Załóżmy że masz np. akapit o takim kodzie.
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Jeśli chce by po najechaniu na ten element zmienił on np kolor tła to w css piszesz tak
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Teraz każdy element który ma w atrybucie class przypisane akapit zmieni kolor gdy na niego najedziesz.
Oczywiście kod hoopaka jest jak najbardziej poprawny z tym że on nadaje tę cechę każdemu elementowi <p>. Nie wiem jak ty to wkleiłeś i jak zachowywała się strona, ale w menu nie masz elementów <p> tylko
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Tak więc te elementy są dla ciebie ważne. Mam nadzieję że teraz rozumiesz jak to działa.
Edytowane przez Chemikpil dnia 05.02.2010 21:49:15
Nie pisać na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej odsłonie) | ChemikPIL - My twitter
 
www.chemikpil.pl
Gismo_PL
@poki289 - IE 6 :o - kiedy to było? Już nawet legendy przestały krążyć o pradawnych wersjach IE :)
@lukeboss - w TWoim przypadku Abc znajduje się w komórce tabeli:
Pobierz kod źródłowy  Rozwiń Kod źródłowy
jako nagłówek:
Pobierz kod źródłowy  Rozwiń Kod źródłowy
więc jesli właściwość hover przypiszesz komórce tabeli to powinieneś uzyskać oczekiwany efekt czyli:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

 
http://fsong.pl
Chemikpil
Gismo_PL napisał/a:
@poki289 - IE 6 :o - kiedy to było? Już nawet legendy przestały krążyć o pradawnych wersjach IE :)
@lukeboss - w TWoim przypadku Abc znajduje się w komórce tabeli:
Pobierz kod źródłowy  Rozwiń Kod źródłowy
jako nagłówek:
Pobierz kod źródłowy  Rozwiń Kod źródłowy
więc jesli właściwość hover przypiszesz komórce tabeli to powinieneś uzyskać oczekiwany efekt czyli:
Pobierz kod źródłowy  Rozwiń Kod źródłowy


I co osiągnie? Że każda komórka tabeli będzie podświetlona.
Nie pisać na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej odsłonie) | ChemikPIL - My twitter
 
www.chemikpil.pl
lukeboss
No właśnie tak wyszło. Każdy blok menu mi się teraz podświetla po najechaniu.
Edytowane przez lukeboss dnia 05.02.2010 22:00:09
lukeboss
http://www.metody... - zapraszam wkrótce
 
Chemikpil
Widzę że nie da rady podpowiadać, trzeba dać gotowca :)
Masz więc rozwiązanie
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Edytowane przez Chemikpil dnia 05.02.2010 22:02:36
Nie pisać na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej odsłonie) | ChemikPIL - My twitter
 
www.chemikpil.pl
Gismo_PL
@chemikpil - dokładnie każda komórka będzie podświetlana, ale skoro kolega otrzymał przykład to wydaje mi się, że powinien teraz troszkę sam pogłówkować. Wystarczy gotowców na forum, lepiej starać się naprowadzić nowych na trop.
 
http://fsong.pl
lukeboss
Wszystko działa. Dzięki, jeszcze musiałem usunąć tło z klasy #navigation h2 { bo nie działało. Pozdrawiam

PS. Najpierw dajcie gotowca, stopniowo podpowiadajcie na końcu to ja bede 'uczył' innych. Pamiętajcie, że dopiero zaczynam zabawę z tym, zapomniał wół, kiedy cielęciem był.
Edytowane przez lukeboss dnia 05.02.2010 22:31:35
lukeboss
http://www.metody... - zapraszam wkrótce
 
poki289
@poki289 - IE 6 Shock - kiedy to było? Już nawet legendy przestały krążyć o pradawnych wersjach IE Smile
Akurat tak się składa, że badzIEwia nie używam, pierwsze co robię po formacie to zmieniam przeglądarkę, aczkolwiek edytory które generują podgląd (to samo z WYSIWYG) w locie (np. CoreEditor), wymagają tej przeglądarki i odinstalowanie jej nie jest najlepszym pomysłem.
Chciałbym jeszcze przypomnieć, że dla IE mamy specjalne znaczniki np.
<!--[if IE 6]> <![endif]-->

 
www.add-ons.pl
Przejdź do forum:
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl