punkt - Kurs HTML i CSS
Obramowanie CSS / Szerokość obramowania obrazkowego {border-image-width}...wartości - ustala oddzielne szerokości kolejnych krawędzi: górnej, prawej, dolnej, lewej Przykład {border-image-width} border-image-source: url(punkt.gif); border-image-slice: 15; border-image-width: 15px Sterując szerokością obramowania obrazkowego możemy udekorować krawędzie elementu, który w ogóle nie posiada tradycyjnego obramowania. W takim przypadku grafika obramowania wchodzi pod zawartość tekstową - podobnie jakby była wstawiona w tle. border-image-source: url(punkt.gif)...
- Obramowanie CSS / Nawis obramowania obrazkowego {border-image-outset}
...można zilustrować następująco: Źródło: CSS Backgrounds and Borders Module Level 3 Przykład {border-image-outset} border-image-source: url(punkt.gif); border-image-slice: 15; border-image-outset: 7px; border-width: 15px Połączenie szerokości obramowania i nawisu tylko częściowo wystającego poza jego krawędzie. border-image-source: url(punkt.gif); border-image-slice: 15; border-image-width: 15px; border-image-outset: 15px Jeżeli element nie posiada tradycyjnego obramowania, nawis...
Formularze HTML / Przycisk <button><button type="rodzaj">Treść przycisku</button> gdzie "rodzaj" określa typ przycisku i można tutaj podać: "submit" - przycisk wysłania formularza (domyślnie) "reset" - przycisk wyczyszczenia danych "button" - zwykły przycisk Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić...
- Ikony (symbole) / Zdjęcie i obraz
...brightness_1 Przekształć transform transform Widok kompaktowy view_compact view_compact Ukryj obraz hide_image hide_image Duplikowanie punktu kontrolnego control_point_duplicate control_point_duplicate Jasność 7 brightness_7 brightness_7 Aparat fotograficzny przedni photo_camera_front photo_camera_front Album zdjęć photo_album photo_album Połączony aparat linked_camera linked_camera Widok komfortowy view_comfy view_comfy Przytnij 16:9 crop_16_9 crop_16_9 Wygląd looks looks...
- Rozmiary CSS / Szerokość {width}
selektor { width: szerokość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać wartość szerokości, jaką ma mieć dany element (używając jednostek długości). Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną szerokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {width} To jest akapit o szerokości 30% (width: 30%)...
- Rozmiary CSS / Wysokość {height}
selektor { height: wysokość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wysokość" należy podać wartość wysokości, jaką ma mieć dany element (używając jednostek długości). Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną wysokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {height} To jest akapit o wysokości 5cm (height: 5cm). To...
- Menu w CSS / Menu z nagłówkami
...1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } dd { width: 190px; padding-left: 10px; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } dl a:link, dl a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px; font-weight: bold; background: #bfb url("tlo.gif") repeat-x top; color: #365; border-left: 1px solid #797; } dl...
- HTML dla zielonych / Zaczynamy kurs HTML!
...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. Źródła Opis tutaj zawarty, został opracowany na podstawie następujących specyfikacji: HTML 4.01 Specification XHTML 1.0 The Extensible HyperText Markup Language XHTML 1.1 - Module-based XHTML HTML Standard Differences from HTML4 Unicode Character...
- Promocja strony WWW / Odpowiednia treść
...pochwalić... Niech czytają i będą mi wdzięczni... Słyszałem, że można na tym zarobić... Idealny temat (?) Wstęp Zdawać by się mogło, że ten punkt jest oczywisty, jednak nie wszyscy zdają sobie sprawę jak dużą ma on wagę. Najprościej można powiedzieć, że strona o nieciekawej i zbyt krótkiej treści praktycznie nie da się bardziej wypromować. Są oczywiście wyjątki, np. strony oferujące u siebie darmowe i bardzo przydatne rzeczy. Jednak niewłaściwy dobór treści serwisu może przekreślić...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...w której znajduje się odnośnik do aktualnie wczytanej strony, zostanie na starcie automatycznie rozwinięta. Dzięki temu użytkownik łatwiej odnajdzie punkt w nawigacji, w którym teraz się znajduje. Dodatkowo w takiej sytuacji elementowi <dd>...</dd>, w którym znajduje się bieżący odsyłacz, zostanie przypisana klasa CSS pod nazwą active, dzięki której można dodatkowo wyróżnić aktualną pozycję menu, dodając odpowiednie deklaracje CSS w arkuszu stylów, np.: #menu0 dd.active { font-weight: bold...