Spis treści
Szablon:Gradient

Ten szablon tworzy gradient w tle pola ramki.
Obecnie działa w Firefox (3.6 i wyżej), Opera (11,10 i więcej), Safari (4.0 i wyżej), Google Chrome i Internet Explorer 10. W innych przeglądarkach, wyświetla tylko początkowy kolor jako kolor tła.
Użycie
[edytuj kod]Użyj wewnątrz znacznika CSS.
Szablon wykorzystuje background-color
i background-image
właściwości, więc najlepiej jest umieścić je za innymi background
parametrami.
<div style="{{Gradient| #początkowy kolor | #ostatni kolor | [orientacja] | [pośredni kolor [| pozycja zmiany koloru]]}}">Lorem ipsum...</div>
początkowy kolor
– Obowiązkowy. Kolor początku gradientu w CSS notacji.ostatni kolor
– Obowiązkowy. Kolor końca gradientu w CSS notacji.orientacja
– Opcjonalny.horizontal
(domyślnie) lubvertical
, lub zaznaczyć początkową pozycję:left
,top
,right
lubbottom
.pośredni kolor
– Opcjonalny. Kolor pośredni między początkowym a końcowym kolorem.pozycja zmiany koloru
– Opcjonalny. Pozycja zmiany koloru pomiędzy 0% and 100%. Domyślnie jest 50%.
Każdy parametr musi być umieszczony na określonej pozycji.
Opis parametrów
[edytuj kod]Przykład
[edytuj kod]<div style="{{Gradient|#e8f4ff|#FFFFFF|horizontal}}">Lorem ipsum...</div>
da
<div style="{{Gradient|#ffdddd|#ddddff|horizontal|#ddffdd|50%}}">Lorem ipsum...</div>
da
<div style="{{Gradient|#e8f4ff|#e8f4ff|vertical|white|50%}}{{Promień ramki|16px 8px 16px 8px}}{{Cień ramki}}">Lorem ipsum...</div>
da
Błędy
[edytuj kod]Błędy należy zgłaszać na stronie Wikipedia:Kawiarenka/Kwestie techniczne.
Zobacz też
[edytuj kod]- {{Ramka}}
- {{Cień ramki}}
- {{Promień ramki}}