Teste2: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição Etiqueta: Revertido |
||
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}}};}} | ||
| text1 = | {{#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}}};}} | ||
| text2 = | {{#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}}};}} | ||
| text3 = | {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}} | ||
| left4= | 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 class="t11"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br11|0px}}}; width: {{{wq11|27px}}}; height: {{{hq11|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:{{{left11|}}}px; | |||
top:{{{top11|}}}px;">{{{text11|}}}</div> | |||
<div class="t12"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha}}}; border-radius: {{{br12|0px}}}; width: {{{wq12|27px}}}; height: {{{hq12|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:{{{left12|}}}px; | |||
top:{{{top12|}}}px;">{{{text12|}}}</div> | |||
<div role="img" style="position: relative;>[[File:{{{image}}}|{{{width|800px}}}|link=|alt={{{alt}}}|{{{caption}}}]]</div> | |||
</div> | |||
<noinclude> | |||
<templatedata> | |||
{ | |||
"description": "Colocar itens de destaque em uma imagem.", | |||
"format": "block", | |||
"params": { | |||
"cor-letra": { | |||
"label": "Cor da letra", | |||
"description": "Caso tenha alguma letra a ser escrita.", | |||
"type": "string" | |||
}, | |||
"cor-bolinha": { | |||
"label": "Cor interna das formas", | |||
"description": "Preencher a cor da figura geométrica.", | |||
"type": "string" | |||
}, | |||
"caption": { | |||
"label": "Caption da Imagem", | |||
"description": "Nome que aparece ao passar o mouse em cima da imagem", | |||
"type": "string" | |||
}, | |||
"image": { | |||
"label": "Imagem", | |||
"description": "Nome da imagem que será usada.", | |||
"type": "wiki-file-name", | |||
"required": true | |||
}, | |||
"br1": { | |||
"label": "border radius da forma 01", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq1": { | |||
"label": "Largura da forma 01", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq1": { | |||
"label": "Altura da forma 01", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text1": { | |||
"label": "Texto da forma 01", | |||
"description": "Preencher com o texto ou tooltip referente a forma 01", | |||
"type": "string" | |||
}, | |||
"br2": { | |||
"label": "border radius da forma 02", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq2": { | |||
"label": "Largura da forma 02", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq2": { | |||
"label": "Altura da forma 02", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text2": { | |||
"label": "Texto da forma 02", | |||
"description": "Preencher com o texto ou tooltip referente a forma 02", | |||
"type": "string" | |||
}, | |||
"br3": { | |||
"label": "border radius da forma 03", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq3": { | |||
"label": "Largura da forma 03", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq3": { | |||
"label": "Altura da forma 03", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text3": { | |||
"label": "Texto da forma 03", | |||
"description": "Preencher com o texto ou tooltip referente a forma 03", | |||
"type": "string" | |||
}, | |||
"br4": { | |||
"label": "border radius da forma 04", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq4": { | |||
"label": "Largura da forma 04", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq4": { | |||
"label": "Altura da forma 04", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text4": { | |||
"label": "Texto da forma 04", | |||
"description": "Preencher com o texto ou tooltip referente a forma 04", | |||
"type": "string" | |||
}, | |||
"br5": { | |||
"label": "border radius da forma 05", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq5": { | |||
"label": "Largura da forma 05", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq5": { | |||
"label": "Altura da forma 05", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text5": { | |||
"label": "Texto da forma 05", | |||
"description": "Preencher com o texto ou tooltip referente a forma 05", | |||
"type": "string" | |||
}, | |||
"br6": { | |||
"label": "border radius da forma 06", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq6": { | |||
"label": "Largura da forma 06", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq6": { | |||
"label": "Altura da forma 06", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text6": { | |||
"label": "Texto da forma 06", | |||
"description": "Preencher com o texto ou tooltip referente a forma 06", | |||
"type": "string" | |||
}, | |||
"br7": { | |||
"label": "border radius da forma 07", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq7": { | |||
"label": "Largura da forma 07", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq7": { | |||
"label": "Altura da forma 07", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text7": { | |||
"label": "Texto da forma 07", | |||
"description": "Preencher com o texto ou tooltip referente a forma 07", | |||
"type": "string" | |||
}, | |||
"br8": { | |||
"label": "border radius da forma 08", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq8": { | |||
"label": "Largura da forma 08", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq8": { | |||
"label": "Altura da forma 08", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text8": { | |||
"label": "Texto da forma 08", | |||
"description": "Preencher com o texto ou tooltip referente a forma 08", | |||
"type": "string" | |||
}, | |||
"br9": { | |||
"label": "border radius da forma 09", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq9": { | |||
"label": "Largura da forma 09", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq9": { | |||
"label": "Altura da forma 09", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text9": { | |||
"label": "Texto da forma 09", | |||
"description": "Preencher com o texto ou tooltip referente a forma 09", | |||
"type": "string" | |||
}, | |||
"br10": { | |||
"label": "border radius da forma 10", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq10": { | |||
"label": "Largura da forma 10", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq10": { | |||
"label": "Altura da forma 10", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text10": { | |||
"label": "Texto da forma 10", | |||
"description": "Preencher com o texto ou tooltip referente a forma 10", | |||
"type": "string" | |||
}, | |||
"br11": { | |||
"label": "border radius da forma 10", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq11": { | |||
"label": "Largura da forma 10", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq11": { | |||
"label": "Altura da forma 10", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text11": { | |||
"label": "Texto da forma 10", | |||
"description": "Preencher com o texto ou tooltip referente a forma 10", | |||
"type": "string" | |||
}, | |||
"br12": { | |||
"label": "border radius da forma 10", | |||
"description": "0px = Quadrado. 50px = Círculo", | |||
"type": "string" | |||
}, | |||
"wq12": { | |||
"label": "Largura da forma 10", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"hq12": { | |||
"label": "Altura da forma 10", | |||
"description": "Preencher o valor + px", | |||
"type": "string" | |||
}, | |||
"text12": { | |||
"label": "Texto da forma 10", | |||
"description": "Preencher com o texto ou tooltip referente a forma 10", | |||
"type": "string" | |||
} | |||
}, | |||
"paramOrder": [ | |||
"cor-letra", | |||
"cor-bolinha", | |||
"caption", | |||
"image", | |||
"br1", | |||
"wq1", | |||
"hq1", | |||
"text1", | |||
"br2", | |||
"wq2", | |||
"hq2", | |||
"text2", | |||
"br3", | |||
"wq3", | |||
"hq3", | |||
"text3", | |||
"br4", | |||
"wq4", | |||
"hq4", | |||
"text4", | |||
"br5", | |||
"wq5", | |||
"hq5", | |||
"text5", | |||
"br6", | |||
"wq6", | |||
"hq6", | |||
"text6", | |||
"br7", | |||
"wq7", | |||
"hq7", | |||
"text7", | |||
"br8", | |||
"wq8", | |||
"hq8", | |||
"text8", | |||
"br9", | |||
"wq9", | |||
"hq9", | |||
"text9", | |||
"br10", | |||
"wq10", | |||
"hq10", | |||
"text10", | |||
"br11", | |||
"wq11", | |||
"hq11", | |||
"text11", | |||
"br12", | |||
"wq12", | |||
"hq12", | |||
"text12" | |||
] | |||
} | |||
</templatedata> | |||
</noinclude> |
Edição das 13h10min de 18 de agosto de 2022
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 |
border radius da forma 10 | br11 | 0px = Quadrado. 50px = Círculo | String | opcional |
Largura da forma 10 | wq11 | Preencher o valor + px | String | opcional |
Altura da forma 10 | hq11 | Preencher o valor + px | String | opcional |
Texto da forma 10 | text11 | Preencher com o texto ou tooltip referente a forma 10 | String | opcional |
border radius da forma 10 | br12 | 0px = Quadrado. 50px = Círculo | String | opcional |
Largura da forma 10 | wq12 | Preencher o valor + px | String | opcional |
Altura da forma 10 | hq12 | Preencher o valor + px | String | opcional |
Texto da forma 10 | text12 | Preencher com o texto ou tooltip referente a forma 10 | String | opcional |