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

Jak uzyskać Nifty Corners?

Nifty Corners są kombinacją CSS i Javascript, umożliwiającą uzyskiwanie efektu zaokrąglonych narożników bez stosowania obrazków. Technikę tę tworzą cztery istotne elementy:

  1. Plik CSS dla ekranu
  2. Plik CSS dla drukarki
  3. li>Biblioteka Javascript do tworzenia Nifty Corners
  4. Kod Javascript tworzący konkretne zaokrąglone narożniki

Pierwsze trzy składniki nie wymagają żadnych ingerencji, trzeba je tylko zadeklarować w sekcji HEAD dokumentu HTML w następujący sposób:

<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>


Zmieniony ( 26.06.2007. )
 
następny artykuł »