Ŝablono:Kesta ombro/dokumentado
Ĉi tiu ŝablono estas formatiga ŝablono por krei ombrojn. Ĝi generas la CSS por diversaj foliumiloj. Subtenataj foliumiloj estas la aktualaj versioj de Opera, Fajrovulpo, Safari, Chrome kaj Internet Explorer 9.
Uzado
[redakti]Metu ĉi tiun ŝablonon en la stilan etikedon de iu elemento:
{{kesta ombro | X-loka distanco | Y-loka distanco | viŝada radiuso | #koloro}}
X-loka distanco
kajY-loka distanco
– Difinu la lokan distancon de la ombro por la dekstro kaj malsupro de la elemento. Uzu negativajn valorojn por ombro por la maldekstra kaj supra flankoj. Defaŭlta estas 4px.viŝada radiuso
– Difinu la larĝon de viŝado aldonata al la ombra rando. Defaŭlta estas 4px.koloro
– Difinu la koloron de la ombro. Defaŭlta estas#CCC;
.
Ekzemplo
[redakti]<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{kesta ombro}}">Lorem ipsum...</div>
aranĝas keston kun la defaŭlta kesta ombro:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{kesta ombro|4px|4px|8px|#A0A080}}">Lorem ipsum...</div>
aranĝas pli plaĉan kaj koloran ombron:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Vidu ankaŭ
[redakti]- {{Bordera radiuso}}
- {{Laŭlinia kolorŝanĝo}}