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"> | <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: {{{ | <div class="t1"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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:{{{left1|}}}px; top:{{{top1|}}}px;">{{{text1|}}}</div> | ||
<div class="t2"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t2"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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|transparent}}}; border-radius: {{{ | <div class="t3"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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|transparent}}}; border-radius: {{{ | <div class="t4"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t5"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br5|0px}}}; width: {{{wq5|27px}}}; 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|transparent}}}; border-radius: {{{ | <div class="t6"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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|transparent}}}; border-radius: {{{ | <div class="t7"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t8"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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|transparent}}}; border-radius: {{{ | <div class="t9"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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|transparent}}}; border-radius: {{{ | <div class="t10"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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|transparent}}}; border-radius: {{{ | <div class="t11"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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|transparent}}}; border-radius: {{{ | <div class="t12"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; 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 class="t13"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t13"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br13|0px}}}; width: {{{wq13|27px}}}; height: {{{hq13|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:{{{left13|}}}px; top:{{{top13|}}}px;">{{{text13|}}}</div> | ||
<div class="t14"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t14"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br14|0px}}}; width: {{{wq14|27px}}}; height: {{{hq14|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:{{{left14|}}}px; top:{{{top14|}}}px;">{{{text14|}}}</div> | ||
<div class="t15"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t15"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br15|0px}}}; width: {{{wq15|27px}}}; height: {{{hq15|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:{{{left15|}}}px; top:{{{top15|}}}px;">{{{text15|}}}</div> | ||
<div class="t16"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t16"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br16|0px}}}; width: {{{wq16|27px}}}; height: {{{hq16|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:{{{left16|}}}px; top:{{{top16|}}}px;">{{{text16|}}}</div> | ||
<div class="t17"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t17"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br17|0px}}}; width: {{{wq17|27px}}}; height: {{{hq17|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:{{{left17|}}}px; top:{{{top17|}}}px;">{{{text17|}}}</div> | ||
<div class="t18"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t18"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br18|0px}}}; width: {{{wq18|27px}}}; height: {{{hq18|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:{{{left18|}}}px; top:{{{top18|}}}px;">{{{text18|}}}</div> | ||
<div class="t19"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t19"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br19|0px}}}; width: {{{wq19|27px}}}; height: {{{hq19|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:{{{left19|}}}px; top:{{{top19|}}}px;">{{{text19|}}}</div> | ||
<div class="t20"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t20"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br20|0px}}}; width: {{{wq20|27px}}}; height: {{{hq20|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:{{{left20|}}}px; top:{{{top20|}}}px;">{{{text20|}}}</div> | ||
<div class="t21"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t21"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br21|0px}}}; width: {{{wq21|27px}}}; height: {{{hq21|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:{{{left21|}}}px; top:{{{top21|}}}px;">{{{text21|}}}</div> | ||
<div class="t22"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t22"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br22|0px}}}; width: {{{wq22|27px}}}; height: {{{hq22|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:{{{left22|}}}px; top:{{{top22|}}}px;">{{{text22|}}}</div> | ||
<div class="t23"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t23"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br23|0px}}}; width: {{{wq23|27px}}}; height: {{{hq23|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:{{{left23|}}}px; top:{{{top23|}}}px;">{{{text23|}}}</div> | ||
<div class="t24"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t24"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br24|0px}}}; width: {{{wq24|27px}}}; height: {{{hq24|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:{{{left24|}}}px; top:{{{top24|}}}px;">{{{text24|}}}</div> | ||
<div class="t25"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{ | <div class="t25"; style="color: {{{cor-letra}}}; position: absolute; background: {{{cor-bolinha|transparent}}}; border-radius: {{{br25|0px}}}; width: {{{wq25|27px}}}; height: {{{hq25|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:{{{left25|}}}px; top:{{{top25|}}}px;">{{{text25|}}}</div> | ||
<div role="img" style="position: relative;>[[File:{{{image}}}|{{{width|800px}}}|link=|alt={{{alt}}}|{{{caption}}}]]</div> | <div role="img" style="position: relative;>[[File:{{{image}}}|{{{width|800px}}}|link=|alt={{{alt}}}|{{{caption}}}]]</div> | ||
</div> | </div> | ||
Edição das 19h07min de 23 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 |
| 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 |