(Unless otherwise stated, the copyright of the materials included belong to Jan Woreczko & Wadi.)
Szablon:Border-radius/TemplateDoc
Z Wiki.Meteoritica.pl
(Różnice między wersjami)
(Utworzył nową stronę „Szablon służy do zaokrąglenia naroży ramki. Generuje CSS dla rożnych przeglądarek. Działa dla obecnych wersji Opera, Firefox, Safari, Chrome i Internet Explorer ...”) |
(→Przykład) |
||
| Linia 14: | Linia 14: | ||
== Przykład == | == Przykład == | ||
| - | * <tt><div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; '''<nowiki>{{Border-radius|16px | + | * <tt><div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; '''<nowiki>{{Border-radius|4px 8px 16px 32px}}</nowiki>'''">Lorem ipsum...</div></tt> daje: |
| - | <div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; {{Border-radius|16px | + | <div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; {{Border-radius|4px 8px 16px 32px}}">{{Lorem ipsum}}</div> |
== Linki zewnętrzne == | == Linki zewnętrzne == | ||
* Wikipedia - [http://pl.wikipedia.org/wiki/Szablon:Promień_ramki Promień ramki (Border-radius)] | * Wikipedia - [http://pl.wikipedia.org/wiki/Szablon:Promień_ramki Promień ramki (Border-radius)] | ||
Aktualna wersja na dzień 16:49, 21 lip 2014
Szablon służy do zaokrąglenia naroży ramki. Generuje CSS dla rożnych przeglądarek. Działa dla obecnych wersji Opera, Firefox, Safari, Chrome i Internet Explorer 9
Składnia
Wpisz ten szablon w "style" jako jego element:
{{Border-radius | góra-lewo [góra-prawo dół-prawo dół-lewo]; default 6px}}
- Jeżeli podamy tylko jedną wartość, zaokrąglenie nastąpi na wszystkich czterech rogach.
- Jeżeli zostaną podane cztery wartości, to uwzględnione zostaną w następującej kolejności: góra-lewo, góra-prawo, dół-prawo, dół-lewo.
Uwaga! Nie podaj dwie lub trzy wartości, gdyż mogą być użyte niewłaściwie w zależności od danej wyszukiwarki.
Przykład
- <div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; {{Border-radius|4px 8px 16px 32px}}">Lorem ipsum...</div> daje:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.
(AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ aąbcćdeęfghijklłmnńoópqrsśtuvwxyzźż)
(AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ aąbcćdeęfghijklłmnńoópqrsśtuvwxyzźż)
Linki zewnętrzne
- Wikipedia - Promień ramki (Border-radius)
