UWAGA: Strona zawiera materiały archiwalne. Większość artykułów dotyczy Joomla! 1.0
Start
Szykowne narożniki, czyli Nifty Corners - Szykowne narożniki - Nifty Corners Drukuj Email
Spis treści
Szykowne narożniki - Nifty Corners
Jak uzyskać Nifty Corners?
Funkcje JavaScript
Przykłady
Przykład 1: element blokowy - wygładzone narożniki
Przykład 2: dwa bloki
Przykład 3: przezroczyste tło wewnątrz
Przykład 4: z zaokrągleniami i bez
Przykład 5: eksplozja barw
Przykład 6: elastyczność Nifty Corners
Przykład 7: przezroczyste, kreskowane menu
Przykład 8: poziome menu
Przykład 9: pływająca galeria zdjęć
Przykład 10: Layout z nifty
Zakończenie

Przykład pierwszy: element blokowy (div) - wygładzone narożniki

Przykład 1. Nifty Corners

To przykład, który widzieliśmy na początku. Odwołanie do Javascript jest następujące:

Rounded("div#nifty","all","#FFF","#D4DDFF","smooth");

Przykład przedstawia element blokowy, zawierający nagłówki H1 i H2 oraz elementy P (akapity). Wszystkie narożniki są zaokrąglone z lekkim wygładzeniem (antyaliasingiem).

Ktoś próbował tworzyć rzeczywisty antyaliasing zaokrąglonych narożników bez obrazków, modyfikując mocno mój oryginalny skrypt. Sądze jednak, że przedstawione przeze mnie rozwiązanie jest najlepszym, jakie mogłem znaleźć, aby zewnętrzny kolor tła i wewnętrzny kolor bloku połączyć najłagodniej, bez zbytniego przeciążania strony zarówno dużą ilością CSS, Javascript, a więc i czasem potrzebnym na obliczenia procesora oraz analizę DOM strony.

Nie jestem bezwględnie przeciwny stosowaniu obrazków. Sądzę, że tam, gdzie potrzebny jest rzeczywisty antyaliasing, zastosowanie metody tradycyjnego HTML w połączeniu z CSS-em i obrazkami tła jest najlepszą drogą do uzyskania optymalnych efektów.



Zmieniony ( 26.06.2007. )
 
następny artykuł »