obraz - Kurs HTML i CSS
Ikony (symbole) / Zdjęcie i obraz...Automatyczne historie auto_stories auto_stories Dodaj alternatywne zdjęcie add_photo_alternate add_photo_alternate Pędzel brush brush Tryb obrazów imagesmode imagesmode Natura nature nature Lampa błyskowa włączona flash_on flash_on Wb słoneczne wb_sunny wb_sunny Aparat camera camera Wygląd 1 looks_one looks_one Wyrównaj straighten straighten Krajobraz landscape landscape Timelaps timelapse timelapse Pokaz slajdów slideshow slideshow Przytnij do kwadratu crop_square...
- Ikony (symbole) / Komunikacja
...Zamień połączenia swap_calls swap_calls Skrzynka wychodząca outbox outbox Zablokuj połączenie telefonu phonelink_lock phonelink_lock Obraz w obrazie alternatywa picture_in_picture_alt picture_in_picture_alt Mówił spoke spoke Anuluj zaplanowane wysyłanie cancel_schedule_send cancel_schedule_send Głośność dzwonka ring_volume ring_volume Szybka odpowiedź quickreply quickreply Powiadomienia wstrzymane notifications_paused notifications_paused Dodatek czatu chat_add_on chat_add_on...
Aktualizacja / System newsów...Wystarczy spojrzeć i już można szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines...
Pozycjonowanie CSS / Ustawienie {float, vertical-align}...danego elementu względem elementów, które z nim sąsiadują. Dzięki temu możemy ustalić sposób "oblewania" tekstem elementu pływającego (np. obrazka). Przykład {float} float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float...
- Media CSS / Zapytania mediów
...Zapytania mediów Kompatybilność wstecz Cechy mediów Szerokość Wysokość Szerokość urządzenia Wysokość urządzenia Orientacja Proporcje obrazu Proporcje obrazu urządzenia Głębia koloru Paleta kolorów Urządzenia monochromatyczne Rozdzielczość Technika wyświetlania Siatka Zapytania mediów (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) W dobie rozkwitu różnorakich urządzeń mobilnych, proste przygotowanie osobnych arkuszy CSS dla każdego medium może...
- Ikony (symbole) / Formatowanie tekstu
...Usuń folder folder_delete folder_delete Dodaj do Dysku add_to_drive add_to_drive Dodatek do formularzy forms_add_on forms_add_on Wyszukiwanie obrazu imagesearch_roller imagesearch_roller Plik wideo video_file video_file Widok dnia w kalendarzu calendar_view_day calendar_view_day Pobierz czcionkę font_download font_download Formatuj listę numerowaną Rtl format_list_numbered_rtl format_list_numbered_rtl Połącz wewnętrznie join_inner join_inner Wklej treść, idź content_paste_go...
- HTML5 / Filmy i dźwięk <video, audio, source>
...w którym został zapisany plik. Szczególnie dla formatów wideo powinno się dodatkowo podać nazwę kodeków, za pomocą których został skonwertowany obraz i dźwięk (zobacz przykłady poniżej: Kodeki MP4, Kodeki OGG/OGV). Różnica pomiędzy odtwarzaczem wideo a audio jest tylko taka, że ten drugi nie udostępnia okna do wyświetlania obrazu. W odtwarzaczu wideo swobodnie można odgrywać również samą muzykę. Może to być przydatne np. aby wraz z dźwiękiem wyświetlić dodatkowe napisy zsynchronizowane...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
<div style="text-align: center"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"></div> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla...
- Obramowanie CSS / Atrybuty mieszane obramowania {border}
...Aby stworzyć ramkę wokół zdjęcia (<img>) w CSS, można użyć właściwości border i określić grubość, styl i kolor obramowania. Na przykład: <img src="obraz.jpg" style="border: 2px solid black" alt="Zdjęcie"> tworzy czarną ramkę o grubości 2 pikseli wokół obrazka.
- Ikony (symbole) / Akcje interfejsu użytkownika
...expansion_panels Dialogi dialogs dialogs Lista pacjentów patient_list patient_list Otwórz lewy panel left_panel_open left_panel_open Obraz w obrazie pip pip Zmień rozmiar resize resize Układ responsywny responsive_layout responsive_layout Pasek narzędzi toolbar toolbar Wskaźnik zegarowy 90 clock_loader_90 clock_loader_90 Podświetl kursor myszy highlight_mouse_cursor highlight_mouse_cursor Szewron naprzód chevron_forward chevron_forward Udostępnij okna share_windows share_windows...