Predefinição:Image Label: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
<div class="imagelabel"> | |||
<templatestyles src="Template:Image Label/styles.css" /> | |||
<div class="t1"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br1|0px}}}; width: {{{wq1|27px}}}; height: {{{hq1|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left|}}}px; | |||
top:{{{top|}}}px;">{{{text1|}}}</div> | |||
<div class="t2"; style="color: {{{cor-letra}}};position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br2|0px}}}; width: {{{wq2|27px}}}; height: {{{hq2|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left2|}}}px; | |||
top:{{{top2|}}}px;">{{{text2|}}}</div> | |||
<div class="t3"; style="color: {{{cor-letra}}};position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br3|0px}}}; width: {{{wq3|27px}}}; height: {{{hq3|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left3|}}}px; | |||
top:{{{top3|}}}px;">{{{text3|}}}</div> | |||
<div class="t4"; style="color: {{{cor-letra}}};position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br4|0px}}}; width: {{{wq4|27px}}}; height: {{{hq4|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left4|}}}px; | |||
top:{{{top4|}}}px;">{{{text4|}}}</div> | |||
<div class="t5"; style="position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br5|0px}}}; width: {{{wq5|0px}}}; height: {{{hq5|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left5|}}}px; | |||
top:{{{top5}}}px;">{{{text5|}}}</div> | |||
<div class="t6"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br6|0px}}}; width: {{{wq6|27px}}}; height: {{{hq6|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left6|}}}px; | |||
top:{{{top6|}}}px;">{{{text6|}}}</div> | |||
<div class="t7"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br7|0px}}}; width: {{{wq7|27px}}}; height: {{{hq7|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left7|}}}px; | |||
top:{{{top7|}}}px;">{{{text7|}}}</div> | |||
<div class="t8"; style="color: white; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br8|0px}}}; width: {{{wq8|27px}}}; height: {{{hq8|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left8|}}}px; | |||
top:{{{top8|}}}px;">{{{text8|}}}</div> | |||
<div class="t9"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br9|0px}}}; width: {{{wq9|27px}}}; height: {{{hq9|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left9|}}}px; | |||
top:{{{top9|}}}px;">{{{text9|}}}</div> | |||
<div class="t10"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br10|0px}}}; width: {{{wq10|27px}}}; height: {{{hq10|27px}}}; z-index:1; position:absolute; text-align: center; line-height: {{{wq|27px}}};{{#if:{{{text-align|}}}|text-align:{{{text-align}}};}} | |||
{{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} | |||
{{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | |||
left:{{{left10|}}}px; | |||
top:{{{top10|}}}px;">{{{text10|}}}</div> | |||
<div role="img" style="position: relative;>[[File:{{{image}}}|{{{width|800px}}}|link=|alt={{{alt}}}|{{{caption}}}]]</div> | |||
</div> | |||
<noinclude> | <noinclude> | ||
<templatedata> | <templatedata> | ||
| Linha 277: | Linha 332: | ||
</noinclude> | </noinclude> | ||
Edição das 16h08min de 16 de agosto de 2022
[[File:{{{image}}}|800px|link=|alt={{{alt}}}|{{{caption}}}]]
Colocar itens de destaque em uma imagem.
| Parâmetro | Descrição | Tipo | Estado | |
|---|---|---|---|---|
| Cor da letra | cor-letra | Caso tenha alguma letra a ser escrita. | String | opcional |
| Cor interna das formas | cor-bolinha | Preencher a cor da figura geométrica. | String | opcional |
| Caption da Imagem | caption | Nome que aparece ao passar o mouse em cima da imagem | String | opcional |
| Imagem | image | Nome da imagem que será usada. | Arquivo | obrigatório |
| border radius da forma 01 | br1 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 01 | wq1 | Preencher o valor + px | String | opcional |
| Altura da forma 01 | hq1 | Preencher o valor + px | String | opcional |
| Texto da forma 01 | text1 | Preencher com o texto ou tooltip referente a forma 01 | String | opcional |
| border radius da forma 02 | br2 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 02 | wq2 | Preencher o valor + px | String | opcional |
| Altura da forma 02 | hq2 | Preencher o valor + px | String | opcional |
| Texto da forma 02 | text2 | Preencher com o texto ou tooltip referente a forma 02 | String | opcional |
| border radius da forma 03 | br3 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 03 | wq3 | Preencher o valor + px | String | opcional |
| Altura da forma 03 | hq3 | Preencher o valor + px | String | opcional |
| Texto da forma 03 | text3 | Preencher com o texto ou tooltip referente a forma 03 | String | opcional |
| border radius da forma 04 | br4 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 04 | wq4 | Preencher o valor + px | String | opcional |
| Altura da forma 04 | hq4 | Preencher o valor + px | String | opcional |
| Texto da forma 04 | text4 | Preencher com o texto ou tooltip referente a forma 04 | String | opcional |
| border radius da forma 05 | br5 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 05 | wq5 | Preencher o valor + px | String | opcional |
| Altura da forma 05 | hq5 | Preencher o valor + px | String | opcional |
| Texto da forma 05 | text5 | Preencher com o texto ou tooltip referente a forma 05 | String | opcional |
| border radius da forma 06 | br6 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 06 | wq6 | Preencher o valor + px | String | opcional |
| Altura da forma 06 | hq6 | Preencher o valor + px | String | opcional |
| Texto da forma 06 | text6 | Preencher com o texto ou tooltip referente a forma 06 | String | opcional |
| border radius da forma 07 | br7 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 07 | wq7 | Preencher o valor + px | String | opcional |
| Altura da forma 07 | hq7 | Preencher o valor + px | String | opcional |
| Texto da forma 07 | text7 | Preencher com o texto ou tooltip referente a forma 07 | String | opcional |
| border radius da forma 08 | br8 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 08 | wq8 | Preencher o valor + px | String | opcional |
| Altura da forma 08 | hq8 | Preencher o valor + px | String | opcional |
| Texto da forma 08 | text8 | Preencher com o texto ou tooltip referente a forma 08 | String | opcional |
| border radius da forma 09 | br9 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 09 | wq9 | Preencher o valor + px | String | opcional |
| Altura da forma 09 | hq9 | Preencher o valor + px | String | opcional |
| Texto da forma 09 | text9 | Preencher com o texto ou tooltip referente a forma 09 | String | opcional |
| border radius da forma 10 | br10 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 10 | wq10 | Preencher o valor + px | String | opcional |
| Altura da forma 10 | hq10 | Preencher o valor + px | String | opcional |
| Texto da forma 10 | text10 | Preencher com o texto ou tooltip referente a forma 10 | String | opcional |