stronie - Kurs HTML i CSS
Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu...inaczej. Być może zapytasz teraz: jaki jest tego cel? Wyobraź sobie, że Twój serwis internetowy zawiera 100 podstron z artykułami. Na każdej podstronie zostało wstawione menu nawigacyjne. Jeśli teraz zechcesz zmienić jego wygląd, co będzie lepiej zrobić: modyfikować ręcznie 100 plików, czy dokonać zmiany tylko w jednym - zewnętrznym arkuszu stylów? No dobrze, stronę można wykonać w technologii ramkowej lub korzystając ze skryptów na serwerze, takich jak PHP - wtedy również będzie...
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
...tworzy się tzw. kontener elastyczny (ang. flex container), w którym dzieci układane są elastycznie. Sam kontener nie jest układany elastycznie na stronie, a jedynie jego dzieci. Wstawienie takiego kontenera przełącza tryb wyświetlania elementów w nim zawartych na układ elastyczny. Aby jakiekolwiek własności, opisane dalej w tym rozdziale, dały widoczny efekt, konieczne jest dodanie powyższego stylu do elementu, który ma wyznaczać układ elastyczny. Pytania i odpowiedzi {display: flex}...
- CSS dla zielonych / Zaczynamy kurs CSS!
...podobne, bo to nieprawda. Zacznij już lepiej czytać. Mam tylko jedną prośbę: postaraj się przeczytać w miarę uważnie i po kolei całą treść na tej stronie. Jeśli pominiesz jakiś punkt lub przeczytasz go zbyt pobieżnie, może to spowodować, że nie zrozumiesz następnych.
- Komendy CSS3 / Obrazki CSS
...Images Module Level 3 Spis treści image-orientation image-rendering object-fit object-position image-orientation Orientacja obrazka na stronie Wartość from-image | none | [ <angle> || flip ] Inicjalizacja from-image Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie image-rendering Określenie jak przeskalozwać obrazek Wartość auto | smooth | high-quality | crisp-edges | pixelated Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie tak...
Wykaz skryptów / Skrypty w kursie...pocztowego, czy wszystkie pola zostały wypełnione przez użytkownika. Strona na hasło Jeżeli nie chcesz, aby wszystkie informacje na Twojej stronie były publicznie dostępne, możesz zabezpieczyć wybrane podstrony hasłem. Prezentowany skrypt jest niezwykle prosty do wprowadzenia, ale jednocześnie bardzo skuteczny. Dynamiczne blokowanie pól formularza Blokowanie/odblokowywanie albo ukrywanie/wyświetlanie jednego lub kilku pól formularza dopiero po wcześniejszym wybraniu przez...
- Aktywne przyciski / Pamięć podręczna
...umieścić ścieżki dostępu do wszystkich obrazków aktywnych przycisków w wariantach "podświetlony" i "kliknięty", które znajdują się gdziekolwiek na stronie - dla każdego obrazka jedna linia. Nie radzę jednak przesadzać z ilością oraz wagą takich grafik, ponieważ są one wczytywane na zapas, tzn. nawet jeśli użytkownik nigdy ich nie użyje, to i tak muszą się załadować, oczywiście wydłużając całkowity czas wczytywania strony!
- Migotanie
...Pamiętaj, że absolutnie nie może on zawierać spacji! Identyfikator nie może się powtórzyć w całym dokumencie! Jeżeli chcesz wstawić na jednej stronie kilka migających tekstów, należy dla każdego podać inny identyfikator (kod nagłówkowy skryptu wkleja się zawsze tylko raz). kolor1 Pierwszy kolor migotania czas1 Czas wyświetlania koloru1, podany w milisekundach (1 s = 1000 ms) kolor2 Drugi kolor migotania czas2 Czas wyświetlania koloru2 Używaj migotania z umiarem, ponieważ zwykle...
- AutoIFRAME / Kilka ramek AutoIFRAME
Czasami zachodzi potrzeba umieszczenia na jednej stronie kilku ramek <iframe>...</iframe>, których wysokość powinna się automatycznie dopasowywać do zawartości. Oczywiście dla każdej takiej ramki proces dostosowywania wysokości musi zachodzić 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>...
- AutoIFRAME / Dlaczego to nie działa?
...wersjach różnych przeglądarek. Jeżeli skrypt nie działa, istnieje duże prawdopodobieństwo, że został nieprawidłowo wstawiony na stronę: Czy na stronie nadrzędnej znajduje się ramka <iframe>...</iframe> z odpowiednim atrybutem id="..."? Czy wartość tego atrybutu jest taka sama, jak w skrypcie (domyślnie "autoiframe")? A może identyfikator zawiera nieprawidłowe znaki, jak np. spacje lub polskie litery? Czy na wszystkich podstronach wczytywanych do ramki <iframe>...</iframe> zostało...
- Indeks, wyszukiwarka / Ramka
...można pominąć ten argument albo wpisać null) strona z indeksem znajduje się w tej samej ramce, do której chcemy wczytać wynik self.nazwaramki Na stronie z indeksem znajduje się ramka lokalna o nazwie nazwaramki, do której 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...