okna - Kurs HTML i CSS
HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>...i zamykanie popovera (domyślnie) show - otwieranie popovera hide - zamykanie popovera Popover to element w postaci domyślnie ukrytego okna dialogowego, które po otworzeniu wyświetla się bezpośrednio w obrębie strony ponad jej standardową zawartością. W rzeczywistości popover jest integralnym elementem strony, a nie osobnym elementem interfejsu przeglądarki. W związku z tym nie wyskakuje on poza obręb karty przeglądarki, jak to ma miejsce w przypadku okien pop-up i pop-under...
Czcionki CSS / Atrybuty mieszane czcionki {font}...caption - czcionka używana do podpisanych kontrolek (np. przycisków, rozwijalnych list) icon - czcionka etykiet ikon menu - menu message-box - okna dialogowe small-caption - etykiety małych kontrolek status-bar - pasek statusu okna Przykład {font: caption icon menu small-caption status-bar} font: caption font: icon font: menu font: message-box font: small-caption font: status-bar
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...będzie to przykryte przez ten element. Należy przy tym pamiętać, że często ustawienie elementów strony zależy od rozdzielczości ekranu i rozmiarów okna przeglądarki! Przykład {position: relative} Szary prostokąt poniżej, który jest częściowo przykryty, przedstawia położenie spoczynkowe obrazka, poddanego pozycjonowaniu: position: relative; left: 50px; top: 45px. Dlatego obrazek ten jest oddalony od lewej krawędzi swojego położenia spoczynkowego o 50px (pikseli), a od górnej o 45px...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...poddany pozycjonowaniu (absolutnemu, relatywnemu lub ustalonemu), to położenie jest obliczane względem pozycji tego elementu nadrzędnego, a nie okna przeglądarki. Polecenie pozycjonowania absolutnego (bezwzględnego) pozwala przesunąć wybrany element w dowolną stronę względem wybranych brzegów strony lub ewentualnie ramki albo "obejmującego bloku" (opis powyżej). Dzięki temu dany element będzie umieszczony tam na "sztywno", bez względu na miejsce, w którym wpisaliśmy polecenie...
Wykaz skryptów / Pozostałe skrypty...posiada masę opcji konfiguracyjnych i atrakcyjny wygląd, 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ą...
- Wykaz generatorów
...kodu do znacznika <pre>...</pre>, a więc w większości przypadków nie pojawi się problem "długich linijek", które nie mieszczą się w szerokości okna przeglądarki przez co psują estetykę strony. Generator kolorów Wyświetla próbkę podanego koloru oraz pokazuje jego odcienie. Generator odcieni kolorów Umożliwia wybór gotowej próbki koloru z bogatej palety barw, aby wyświetlić pełną gamę jego odcieni: od najciemniejszego do najjaśniejszego. Tester kolorów Zaawansowany generator kolorów...
- Ochrona strony
...false" oncopy="return false"> ... </body> Blokada przeciągania elementów strony Zabezpieczna m.in. przed przeciąganiem obrazków do innego okna lub programu w celu ich zapisania na dysku. <body ondragstart="return false" ondrag="return false"> ... </body> Blokada drukowania <body onbeforeprint="document.body.style.visibility = 'hidden'; alert('Wydruk jest niedostępny!')" onafterprint="document.body.style.visibility = 'visible'"> ... </body> Blokada zapisu wybranych zdjęć <img...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...Powinien on odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu), a także w wyszukiwarkach internetowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony! I najważniejsze - w miejsce tekstu: Tu wpisuje się treść strony (pomiędzy <body> oraz </body>) należy wpisać właściwą zawartość strony. Może...
- HTML dla zielonych / Znaczniki HTML
...robi to automatycznie za nas. Generatory (lub inaczej kreatory - ang. wizards) pomagają przy tworzeniu różnorodnych znaczników (poprzez specjalne okna dialogowe). Pytania i odpowiedzi Co to są znaczniki? Znacznik jest to specjalny tekst umieszczony w nawiasach ostrych. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Istnieją znaczniki otwierające i zamykające. Na początku znacznika zamykającego zawsze znajduje się znak ukośnika "/". Do czego stosujemy...
- Nagłówek i treść HTML / Tytuł strony <title>
...Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony. Taki sam tytuł na wszystkich podstronach serwisu nie jest dobrym pomysłem, a tytuły w stylu "Strona główna" czy "Bez...