spis treści - Kurs HTML i CSS
Komendy CSS3 / Wyświetlanie CSSŹródło: CSS Display Module Level 3 Spis treści display order visibility display Wyświetlanie Wartość [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> Inicjalizacja inline Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie order Kolejność Wartość <integer> Inicjalizacja 0 Zastosowanie dzieci kontenera elastycznego i dzieci kontenera układu siatki Dziedziczenie nie Procenty nie visibility...
Tekst HTML / Wykaz <ul, ol, li>(lista wyliczeniowa) Spis treści <ul, ol, li> Wypunktowanie - lista nieuporządkowana <ul, li> Wykaz numerowany - lista uporządkowana <ol, li> Wykaz numerowany - różne typy Wykaz numerowany z podaniem początkowego numeru Zmiana numerowania w trakcie Wykaz z wypunktowaniem innym kolorem Wykaz w akapicie Potrzebujesz pomocy? Przy tworzeniu wykazów HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet...
- Komendy CSS3 / Podpowiedzi dla przeglądarki CSS
Źródło: CSS Will Change Module Level 1 Spis treści will-change will-change Podpowiedź renderowania dla przeglądarki Wartość auto | <animateable-feature> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media all
- Komendy CSS3 / Kaskadowość i dziedziczenie CSS
Źródło: CSS Cascading and Inheritance Level 4 Spis treści all all Resetowanie wszystkich cech Wartość initial | inherit | unset | revert Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie zobacz cechy indywidualne Procenty zobacz cechy indywidualne
- Odsyłacze HTML / Komunikatory internetowe <a "gg, skype, xmpp, icq">
Spis treści <a "gg, skype, xmpp, icq"> Gadu-Gadu <a "gg"> Skype <a "skype"> Jabber <a "xmpp"> ICQ <a "icq"> Gadu-Gadu <a "gg"> <a href="gg:numer">opis</a> Status użytkownika <img src="https://status.gadu-gadu.pl/users/status.asp?id=numer&styl=styl" alt="Gadu-Gadu"> gdzie jako styl należy podać liczbę 1. Jeżeli podamy 2, zamiast obrazka zostanie zwrócona liczba odzwierciedlająca status użytkownika: 1 - "niedostępny", 2 - "dostępny", 3 - "zaraz wracam". Skype <a "skype"> <a...
- Komendy CSS3 / Paski przewijania CSS
Źródło: CSS Scrollbars Styling Module Level 1 Spis treści scrollbar-color scrollbar-width scrollbar-color Kolor paska przewijania Wartość auto | <color>{2} Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie tak Procenty nie scrollbar-width Szerokość paska przewijania Wartość auto | thin | none Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie nie Procenty nie
Galeria zdjęć HTML / Skrypt galerii zdjęćSpis treści Wymagana wiedza Przykład galerii zdjęć Skrypt galerii zdjęć (gotowiec) Zbiory zdjęć Ochrona przed kopiowaniem zdjęć Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Przykład galerii zdjęć Kliknij wybrane zdjęcie lewym przyciskiem myszki, aby zobaczyć powiększenie: Zwróć uwagę, że po otworzeniu powiększenia możesz nawigować pomiędzy kolejnymi zdjęciami z galerii również za pomocą klawiatury - klawiszami strzałki w lewo (poprzednie zdjęcie) i w prawo...
- Przeglądarka zdjęć
Spis treści Wymagana wiedza Przykład przeglądarki zdjęć Skrypt przeglądarki zdjęć Inicjalizacja Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Podstawy stylów CSS (m.in. arkusze stylów) Odsyłacze do podstrony Przykład przeglądarki zdjęć /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function PrzegladarkaZdjec(id, zdjecia) { this.czas = 5; // czas przejścia w...
- 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)...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
Spis treści Wymagana wiedza Skrypt menu rozwijanego, otwieranego, wysuwanego Wymagana wiedza Listy definicyjne <dl>...</dl> Podstawy odsyłaczy Podstawy stylów CSS (m.in. arkusze stylów, klasy selektorów i pozycjonowanie absolutne) Skrypt menu rozwijanego, otwieranego, wysuwanego Aby wstawić na swoją stronę menu rozwijane, 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 menu.js: /** * @author...