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

[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

[CSS] Wyśrodkowanie menu za pomocą CSS

W dzisiejszym tutorialu poruszam problem wyśrodkowywania menu za pomocą CSS. Do tej pory wielu ludzi ma z tym problemy i próbuje robić menu z wykorzystaniem marginesów czy paddingów, a to nie jest dobry sposób jeśli chcemy mieć menu z dynamicznie ustalaną szerokością zależną od długości przycisków czy napisów w linkach w menu.

Dalej

[CSS] Łamanie długich tekstów za pomocą CSS

W dzisiejszym bardzo krótkim artykule poruszę kwestię łamania długich ciągów znaków, takich jak na przykład linki do stron WWW, za pomocą arkuszy stylów CSS.

Dalej

[CSS][jQuery] Efektowne menu z tłami

W dzisiejszym artykule przedstawię sposób na zbudowanie bardzo efektownego menu przypominającego animacje Flash. Głównym zamierzeniem tego efektu jest posiadanie trzech obrazków jako tło pod każdą osobną pozycją menu, który to obrazek się zmienia zależnie od tego, które pozycja z menu zostanie wskazana.
Moim zdaniem taki efekt można skutecznie wykorzystać na stronach portfolio czy stronach studiów fotograficznych.

Dalej