Saltu al enhavo

Ŝablono:Kesta ombro/dokumentado

El Vikinovaĵoj, libera retgazeto
Dokumentado
Ĉi tio estas dokumentado por la ŝablono {{Kesta ombro}}.
Ĝi enhavas informojn pri la uzado de la ŝablono, ĝiaj kategorioj kaj interlingvaj ligiloj.
Kaj ĝi ne estas enhavo de la ŝablona paĝo mem.

Ĉ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 kaj Y-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]