strony - Kurs HTML i CSS
Dziedziczenie stylów CSS / Hierarchia elementów...dla każdego elementu z osobna. Dziedziczenie zwiększa przejrzystość kodu CSS, ułatwia jego modyfikację oraz zapewnia spójność wizualną całej strony. Przykład To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...Dziedziczenie stylów to bardzo przydatna funkcja w języku CSS. Dzięki niej nie musimy definiować np. koloru tekstu dla każdego elementu strony osobno. Zdarzają się jednak przypadki, kiedy takie zachowanie może nie być dla nas pożądane. Na szczęście istnieje sposób na odwołanie jego efektów dla wybranych sytuacji. Każda cecha CSS ma określoną wartość domyślną, która zostanie przyjęta, jeśli nie określimy inaczej. Na przykład dla wartości koloru tekstu może to być barwa czarna, a...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...na swojej stronie. Ponieważ elementy takie są osadzane w wielu różnych serwisach, nie ma możliwości efektywnie dopasować ich wyglądu do każdej strony. Dlatego ich twórcy najczęściej projektują jakiś jeden uniwersalny wygląd i dążą do tego, aby wszędzie wyglądały tak samo. Może w tym pomóc ustawienie na elemencie najbardziej nadrzędnym widżetu deklaracji "all: initial", która zresetuje wszystkie cechy CSS do ich wartości domyślnych. Trzeba jednak pamiętać o dwóch sprawach: Zresetowane...
Nowe okno / Kilka okien...poleceniach były inne (albo ich wcale nie podawać). Wpisanie takich samych nazw, spowoduje otwarcie tylko jednego okna i załadowanie do niego strony ostatniej w kolejności podawania. Radzę nie przesadzać z otwieraniem nowych okien poprzez dwa pierwsze warianty (szczególnie typu pop-up), ponieważ użytkownik może wtedy odnieść wrażenie utraty kontroli i na zawsze zniechęci się do serwisu! Większość internautów BARDZO tego nie lubi i natychmiast opuszcza taką stronę! Dlatego dobrze się...
- Migotanie
...setTimeout('flash("' + id + '","' + kolor2 + '",' + czas2 + ',"' + kolor + '",' + czas + ')', czas); } </script> a następnie w wybranym miejscu strony: <div id="identyfikator">Migotanie</div> <script> flash("identyfikator", "kolor1", czas1, "kolor2", czas2); </script> przy czym wyróżnione wyrazy oznaczają: identyfikator Dowolny wyraz składający się tylko z liter (najlepiej bez polskich znaków), cyfr (ale nie na początku!) lub znaków podkreślnika "_". Pamiętaj, że absolutnie nie może...
- AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTML
...się w niej w całości mieściła bez konieczności pokazywania suwaków do przewijania - wtedy będzie tylko jeden suwak pionowy do przewijania całej strony głównej. Niestety takie rozwiązanie nie zawsze jest możliwe, bo na początku nie wiemy jak długie będą nasze podstrony. Poza tym jeśli ustalimy zbyt dużą wysokość, cała strona główna bardzo się rozciągnie, a po wczytaniu do ramki lokalnej krótkiej treści, na jej końcu pozostanie bardzo dużo wolnego miejsca, co będzie wyglądało dosyć dziwnie...
- AutoIFRAME / Kilka ramek AutoIFRAME
...niezależnie. Aby to zrobić, należy dla każdej takiej ramki należy ustawić odrębny identyfikator id="...". Na przykład tak mógłby wyglądać fragment strony głównej serwisu: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe> <iframe src="..." name="..." id="autoiframe2" width="100%" height="560">...</iframe> Nic nie stoi na przeszkodzie, aby wstawić więcej niż dwie ramki <iframe>...</iframe> - każda kolejna z innym identyfikatorem id="...". Następnie na końcu...
- Indeks, wyszukiwarka / Ramka
...ma zostać wczytany wynik. Nazwa ramki może zawierać tylko angielskie litery, cyfry (ale nie na początku) i podkreślniki ("_"). [Zobacz: Wczytywanie strony do ramki lokalnej] parent.nazwaramki Stosujemy, gdy serwis składa się z ramek, ale jest tylko jeden plik definiujący ich strukturę albo ewentualnie jest kilka zagnieżdżonych struktur zapisanych w różnych plikach, jednak wyniki chcemy wczytać do ramki bezpośrednio nadrzędnej top.nazwaramki Serwis składa się z ramek i chcemy wczytać wyniki...
- AutoIFRAME / Skrypt AutoIFRAME
...UWAGA! Pamiętaj, aby podać taką wysokość ramki (height="..."), która będzie wygodna w przypadku, gdyby skrypt nie zadziałał! Teraz na wszystkie podstrony, które będą wczytywane do ramki lokalnej, należy wstawić następujący kod (trzeba to zrobić koniecznie w nagłówku dokumentu, czyli w ramach <head>...</head>): <script src="autoiframe.js"></script> Następnie na samym końcu podstrony (tuż przed znacznikiem zamykającym </body>) należy wkleić kod: <script> autoiframe(null, 200); </script>...
- Wyszukiwarka / Wyszukiwanie w podanym serwisie
...<input type="hidden" name="sitesearch" value="domena"> <input type="submit" value="Szukaj"> </form> gdzie jako "domena" należy wpisać adres strony, np. www.google.pl. Wyszukiwanie stron z Twojego serwisu może być niemożliwe jeśli nie posiadasz domeny lub subdomeny! Ponadto należy pamiętać, że aby przeszukiwanie serwisu mogło się odbyć, najpierw należy zarejestrować stronę w wyszukiwarce - w tym przypadku Google - a potem należy odczekać pewien czas, aby robot wyszukiwarki zdążył...