CSS – 35 praktycznych zastosowań!
Chcąc pokazać jakie ma możliwości CSS, postanowiłem, że stworzę listę użytecznych fragmentów kodu CSS, jakie można znaleźć w Sieci:
- Podmienianie obrazka za pomocą CSS
- Lista linków z czarnym tłem po najechaniu na odnośnik – przykład
- Menu zachowujące się jakby było zrobione we Flashu
- Drukowanie strony WWW – artykuł opisujący jak za pomocą CSS, można przekształcić stronę internetową w dokument nadający się do druku (który nie zawiera zbędnych części strony, a właściwą treść).
- Powiększenie treści za pomocą CSS-a.
- Utworzenie gwiazdek do głosowania w CSSie (nowszy przykład)
- Kilka sposobów na ostylowanie odwiedzonych odnośników
- Oznaczanie odwiedzonych odnośników – przykład
- Oznaczenie odnośników odnoszących się do *.pdf
- Pasek postępu w CSS – używa wartości procentowych
- Odnośniki pozwalające użytkownikowi na decyzję czy się chce daną stronę otworzyć w oknie w jakim się teraz znajduje, czy chce się otworzyć w nowym oknie.
- Obramowanie w pudełkach / przypomina wiersze w tabeli – przykład przedstawia jak postępować w 5 krokach, na koniec osiągając podobny efekt jak jest poniżej
- Przyciski z zaokrąglonymi rogami 
- Kontrolki formularza: przyciski
- Wiersze tabeli bardziej czytelne niż pozostałe wiersze
- Bardzo proste, dostosowane pod względem dostępności odnośniki zewnętrzne.
- Mapa strony za pomocą CSS-a – przykład
- Dodawanie do odnośników obrazków będących ikonami za pomocą CSSa
- Pudełko z zaokrąglonymi rogami oraz z wcięciem
- Kolorowanie wierszy – sprawia, że w naszych tabelach staje się wszystko czytelne i ładnie wyglądające, ponieważ co drugi wiersz jest tego samego koloru.
- Efekt gradientu w tekście za pomocą CSSa- demo
- Zmiana stylu listy wyliczeniowej
- Zaawansowane menu w CSS – przykład
Tym razem tylko 35 bajerków na stronę, następnym razem postaram się zwiększyć ich liczbę. Warto mieć w jednym miejscu zebrane przykłady, dla których można wykorzystać możliwości drzemiące w CSS-ie.
[...] CSS – 35 praktycznych zastosowań! [...]
[...] Pełny artykuł na: CSS – 35 praktycznych zastosowań! | Ptaszor i jego blog! Lol… [...]