Predefinição:Image Label: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
<div class="imagelabel"> | <div class="imagelabel"> | ||
<templatestyles src="Template:Image Label/styles.css" /> | <templatestyles src="Template:Image Label/styles.css" /> | ||
<div class="t1"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br 1|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:{{{ | <div class="t1"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br 1|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|transparent}}}; border-radius: {{{br 2|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="t2"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br 2|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|transparent}}}; border-radius: {{{br 3|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="t3"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br 3|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> | ||
Edição das 18h08min de 23 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 11 | br11 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 11 | wq11 | Preencher o valor + px | String | opcional |
| Altura da forma 11 | hq11 | Preencher o valor + px | String | opcional |
| Texto da forma 11 | text11 | Preencher com o texto ou tooltip referente a forma 10 | String | opcional |
| border radius da forma 12 | br12 | 0px = Quadrado. 50px = Círculo | String | opcional |
| Largura da forma 12 | wq12 | Preencher o valor + px | String | opcional |
| Altura da forma 12 | hq12 | Preencher o valor + px | String | opcional |
| Texto da forma 12 | text12 | Preencher com o texto ou tooltip referente a forma 10 | String | opcional |