link - Kurs HTML i CSS
Selektory pseudoklas CSS / Aktywacja :active...tego w niewłaściwy sposób może być przyczyną braku efektu podczas aktywacji czy wskazania myszką! Prawidłowa kolejność jest następująca: a:link { cecha: wartość } a:visited { cecha: wartość } a:hover { cecha: wartość } a:active { cecha: wartość } Przykład :active Jeżeli wciśniesz i przytrzymasz przycisk myszki nad tym odsyłaczem, to do chwili zwolnienia przycisku, będzie on pogrubiony.
- Selektory pseudoklas CSS / Wskazanie myszką :hover
...tego w niewłaściwy sposób może być przyczyną braku efektu podczas aktywacji czy wskazania myszką! Prawidłowa kolejność jest następująca: a:link { cecha: wartość } a:visited { cecha: wartość } a:hover { cecha: wartość } a:active { cecha: wartość } Przykład :hover Jeżeli wskażesz, ale nie klikniesz ten odsyłacz myszką, to do chwili usunięcia wskaźnika myszki, będzie on pogrubiony. Pytania i odpowiedzi :hover Jak zmienić kolor linku po najechaniu CSS? Aby zmienić kolor linku po...
- Tło CSS / Usunięcie tła {background: none, background-color: transparent}
...do zastosowania, np. w przeglądarkach odsyłacze są zwykle domyślnie podkreślane. Jeśli chcemy z tego zrezygnować, musimy usunąć dekorację tekstu: a:link, a:visited { text-decoration: none } Dla wielu innych własności stylów istnieją analogicznie działające wartości - zwykle są to: none, normal, auto, transparent itp. Polecenie background: none usuwa wszystkie własności dotyczące tła. Można również usunąć tylko wybrane, stosując odpowiednie polecenia dla każdej własności, którą chcemy usunąć...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...zostanie pierwszy z listy plik, który przeglądarka potrafi obsłużyć. Dlatego właśnie na końcu listy powinien zostać podany tradycyjny kształt: :link, :visited { cursor: url(example.svg#linkcursor), url(hyper.cur), pointer } Każdy kursor posiada ustalony jednopikselowy tzw. gorący punkt (ang. hotspot). Ten punkt jest miejscem aktywnym kursora, tzn. właśnie za jego pomocą wskazywane są elementy. Zwykle leży on na czubku grota strzałki lub w centrum krzyżyka kursora. Możemy jednak ten punkt...
Wykaz skryptów / Prawa autorskie...i instalacji - np. jeśli prowadzisz serwis zawierający zbór przydatnych skryptów - ale tylko jeśli w dowolnym miejscu opisu zostanie umieszczony link zwrotny do strony głównej tego kursu. Dostęp do skryptów nie może być płatny! Nie możesz Przypisywać sobie autorstwa skryptów zawartych w tym serwisie. Usuwać ani zmieniać komentarzy nagłówkowych skryptów, podających autora. W przeglądarce są one normalnie niewidoczne, więc nie sprawiają kłopotów. Jeśli nie ma takiego komentarza, nie...
- Indeks, wyszukiwarka / Wygląd
...HTML (<head>...</head>), na którym wstawiony jest indeks haseł, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="indeks.css">
- Wykaz skryptów / Pozostałe skrypty
...a przy tym jest bardzo elastyczny w zastosowaniu. Nowe okno Automatyczne otwarcie nowego okna zaraz po załadowaniu strony albo po kliknięciu w link. Możliwe jest określenie wyglądu nowego okna (rozmiary, paski menu, narzędzi, stanu itd.). [Generator] Galeria zdjec Umieszczenie na stronie kolekcji zdjęć z możliwością podglądu pełnowymiarowych obrazków, po kliknięciu ich miniaturki. Dostępna również wersja skryptu z "blokadą" zapisywania zdjęć z galerii. Przeglądarka zdjęć Przeglądanie...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...wtedy możliwości szybkiej nawigacji pomiędzy kolejnymi zdjęciami z galerii. Natomiast starsze przeglądarki po kliknieciu przez użytkownika takiego linka często najpierw wyświetlały okienko z pytaniem co zrobić z obrazkiem, tzn. otworzyć czy zapisać, a po wybraniu pierwszej opcji, następowało wczytanie pliku w zewnętrznym programie (jeśli użytkownik miał taki zainstalowany), co mogło potrwać kilka sekund i było trochę irytujące w przypadku dużej liczby zdjęć. Dlatego w klasycznej galerii...
- AutoIFRAME / Skrypt AutoIFRAME
...krokiem będzie stworzenie nowego pliku autoiframe.js (w tym samym katalogu co podstrony) i zapisanie w nim: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ // Domyślny identyfikator IFRAME: var autoiframe_id = 'autoiframe'; // Domyślny dolny margines: var autoiframe_margin = 50; var autoiframe_timer = null; function autoiframe(id, margin) { if (parent != self && document.body...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura HTML i pierwsza strona Lekcja 2 - Dodawanie obrazków i linków Lekcja 3 - Formatowanie strony i style CSS Lekcja 4 - Tworzenie strony za pomocą szablonu Lekcja 5 - Elementy programowania: proste skrypty JavaScript Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla branżowej szkoły I stopnia z zakresu informatyki oraz...