strony - Kurs HTML i CSS
- Komendy CSS 2 / orphans
WARTOŚĆ <liczba> | inherit OPIS Minimalna liczba linii bloku, które muszą znaleźć się na dole strony INICJALIZACJA 2 ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / page
WARTOŚĆ <identyfikator> | auto OPIS Nazwa strony INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / page-break-after
WARTOŚĆ auto | always | avoid | left | right | inherit OPIS Przełamanie strony po bloku INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / page-break-before
WARTOŚĆ auto | always | avoid | left | right | inherit OPIS Przełamanie strony przed blokiem INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / page-break-inside
WARTOŚĆ avoid | auto | inherit OPIS Przełamanie strony wewnątrz bloku INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / widows
WARTOŚĆ <liczba> | inherit OPIS Minimalna liczba linii bloku, które muszą znaleźć się na górze strony INICJALIZACJA 2 ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Aktywne przyciski / Animowane przyciski
...Po wskazaniu ich myszką, zmieniają swój wygląd, co sugeruje użytkownikowi, że kliknięcie wywoła jakąś akcję (najczęściej przeniesienie do innej strony). Wbrew pozorom wstawienie takich przycisków na własną stronę, wcale nie jest takie trudne. Wymagana wiedza: Odsyłacze obrazkowe (podstawowe) Aby wprowadzić na stronę zwykłe przyciski (nieaktywne), które nie zmieniają wyglądu, wystarczy skorzystać z odsyłaczy obrazkowych.
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...chcieć wstawić kilka osobnych galerii - np. jako fotorelacje z różnych wydarzeń. W takim przypadku nawigowanie kolejno we wszystkich zdjęciach ze strony mogłoby być tylko mylące. Lepiej żeby po dotarciu do końca pierwszej galerii, użytkownik musiał zamknąć okno powiększenia, a następnie jeśli będzie chciał, może wybrać kolejną galerię. Aby uzyskać taki efekt, wystarczy do odnośników z każdej kolejnej galerii przypisać inną wartość atrybutu data-gallery="...". Na przykład: <a...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
Spis treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8)...
- Indeks, wyszukiwarka / Łączenie opcji
Wszystkie z przedstawionych powyżej opcji można łączyć, przy czym skrajane argumenty z prawej strony, których nie chcemy podawać, można po prostu pominąć. Dla pozostałych, które chcemy pominąć, wystarczy wpisać null (ale nie 'null'!), np.: var indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] ), null, 10);