CSS | Piotr Nalepa - Blog webmasterski | Tutoriale JavaScript, CSS i nie tylko

[CSS][jQuery] Efektowne menu z kwadratami

W dzisiejszym artykule, przedstawię Ci sposób na stworzenie efektownego menu bazującego na kwadratach. Bardzo często podobne menu można spotkać na stronach zbudowanych w oparciu o Flash. Ten poradnik przedstawi Ci sposób na zbudowanie tego samego efektu za pomocą CSS i jQuery. Dalej

[Mootools][CSS] Jak sprawić, aby Internet Explorer obsługiwał CSS3?

W dzisiejszym artykule opiszę sposób na problem związany z selektorami CSS3 w przeglądarkach Internet Explorer 8 i niższymi. Z tym problemem spotkałem się pracując nad nowym szablonem dla tego bloga i postanowiłem się podzielić z Tobą rozwiązaniem tego problemu.

Dalej

[CSS] Jak zrobić kolorowe zaznaczenie tekstu?

Po dłuższej przerwie postanowiłem napisać nowy artykuł związany z arkuszami stylów CSS.
Bardzo możliwe, że kiedyś spotkałeś/aś się na stronie WWW z dość nietypowym sposobem zaznaczania tekstu, który zamiast domyślnego koloru zaznaczenia miał jakiś inny.
W tym artykule dowiesz się jak to można zrobić.

Dalej

[CSS] Jak tworzyć style dla listy definicyjnej? – 8 sposobów, aby ją ogarnąć

W dzisiejszym artykule opiszę sposoby ostylowania listy definicyjnej.
Lista definicyjna lub definicji składa się z trzech znaczników: ‹dl›, ‹dt› oraz ‹dd›.
Pierwszy z tych znaczników jest kontenerem (podobnym do ‹ul› czy ‹ol›), drugi z nich jest odpowiedzialny za termin, czyli to co będzie opisywane, a ostatni z nich odpowiada za definicję terminu.
To tyle tytułem wstępu. Teraz możemy przejść do sposobów budowania listy definicji.

Dalej

[CSS] Jak stworzyć wiele obrazków tła dla jednego elementu?

Na pewno się czasem zastanawiałeś/aś, czy da się zrobić tak, aby dla jednego elementu na stronie dać kilka obrazków tła, które będą się układały tak jak tego chcesz. Dzięki nowej specyfikacji języka CSS to jest już możliwe.
CSS w wersji 3-ciej wprowadza wiele ulepszeń dotyczących tworzenia wyglądu stron WWW, a jednym z nich jest zastosowanie wielokrotnego tła dla elementu strony, które to tło można dowolnie pozycjonować, według własnego "widzimisię".

Dalej

[HTML][CSS] 6 sposobów na stylizację znacznika blockqoute

Po wakacyjnej przerwie pora na następny artykuł dotyczący tworzenia stron WWW. Ten artykuł będzie dotyczył sposobów stylizacji tagu blockquote, którego głównym zadaniem jest oznaczenie cytatów na stronie.
Tag blockquote jest stosunkowo rzadko używanym, ale bardzo użytecznym tagiem. Co prawda, zawsze możemy stworzyć własną klasę dotyczącą cytowanym zdań, ale wtedy nie zachowamy semantycznego wyglądu strony.

Dalej

[CSS] Lustrzane odbicie

W dzisiejszym krótkim artykule po dłuższej przerwie postanowiłem opisać sposób na zrobienie lustrzanego odbicia jakiegoś obrazka.
Dzięki temu, będzie można tworzyć efektownie wyglądające galerie zdjęć bez wykorzystywania skryptów PHP czy JavaScript.
Niestety, ta metoda ma jedną wadę - nie działa we wszystkich przeglądarkach. Działa jedynie w przeglądarkach opartych o silnik Webkit, czyli Google Chrome i Safari. Lecz istnieje prawdopodobieństwo, że w przyszłości specyfikacja CSS3 zostanie wzbogacona o obsługę tego typu efektów.

Dalej

[CSS] 15 nawyków, które powinien mieć każdy webmaster tworzący style w CSS

W dzisiejszym artykule postanowiłem opisać nawyki, które powinien mieć każdy webmaster tworzący strony WWW przy pomocy arkuszy stylów CSS.
Część z tych porad ma odniesienie do innych języków programowania również.
Zastosowanie się do tych porad pozwala na zwiększenie czytelności kodu. Zwiększa jego optymalizację oraz pozwala uniknąć frustracji w przekopywaniu się przez kod.

Dalej