O Internecie, oprogramowaniu oraz moich własnych małych projektach...
Blog > Komentarze do wpisu

Multimedialny CSS

CSS to obecnie podstawowe narzędzie służące do określenia sposobu prezentacji elementów na stronach WWW. Mało kto z pośród zwykłych użytkowników wie, że umożliwia on definiowanie oddzielnych arkuszy zależnie od medium, którego używamy do prezentacji strony.

Reguła @media

Możliwość taką daje nam dostępna w CSS2 reguła @media, która pozwala na przydzielenie wybranemu medium odrębnego kodu CSS. Do najczęściej spotykanych mediów należą screen (prezentacja na ekranie) oraz print (prezentacja na wydruku). O pozostałych typach mediów można przeczytać min. na kursie HTML - typy mediów.

Zdefiniowanie szablonu dla konkretnego medium wymaga jedynie objęcia kodu CSS blokiem @media, tak jak poniżej:

@media typ_mediów{
TWÓJ KOD CSS
}

Szablon wydruku dla Bloksa

Ostatnio debergerac sporo napracował się nad skryptem, który poprawia wygląd blogów w Blox.pl na wydruku. Ten sam efekt możemy jednak uzyskać za pomocą CSS. Pozbycie się zbędnych na wydruku elementów wymaga jednak dość skomplikowanego kodu CSS. Postanowiłem zatem udostępnić przygotowany dla mojego bloga szablon CSS wydruku.

Stosując mój szablon należy najpierw objąć własny kod CSS blokiem @media tak jak poniżej:

@media screen{
KOD CSS TWOJEGO SZABLONU
}

Następnie dodać zawartość pliku print.css do naszego arkusza CSS.

O końcowym efekcie można się przekonać oglądając podgląd wydruku tego bloga. Oczywiście mogą się trafić przypadki, gdzie będą konieczne dodatkowe zmiany w szablonie, ale nie powinny już one nastręczać większych problemów.

tagi/klucze: , , ,
środa, 03 października 2007, s.z.y.m.o.n

Polecane wpisy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Skrypt ostatnie komentarze w nowej wersji
Po sporych perturbacjach skrypt wraca do życia. Teraz z prostym generatorem kodu do w klejenia na blogu!
Wszyskich zainteresowanych zapraszam do ponownej instalacji.
Czytaj dalej...
Promuj swojego bloksa
Czytelnicy mogą promować Twojego bloga umieszczając linki do notek w serwisach społecznościowych. Ułatw im to zadanie dodając na blogu listę odnośników, która tą czynność sprowadzi do jednego kliknięcia.
Czytaj dalej...