Teste2: mudanças entre as edições

De Wiki NBS
Ir para navegação Ir para pesquisar
Sem resumo de edição
Etiqueta: Revertido
Sem resumo de edição
 
(39 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="imagelabel">
{{Image Label
<templatestyles src="Template:Image Label/styles.css" />
| image = Vend_Veic_-_Aba_Fluxo_de_Loja_-_Filtros.png
<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}}};}}
| cor-letra = white
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
| cor-bolinha = transparent
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
| caption = Venda de Veículo
                        left:{{{left|}}}px;
| left=557
                        top:{{{top|}}}px;">{{{text1|}}}</div>
| top=113
<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}}};}}
| wq1=17px
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
| hq1=17px
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
| text1 = {{#tip-text: _| 1. Selecione o tipo de filtro - Obrigatório;
                        left:{{{left2|}}}px;
* Pendente
                        top:{{{top2|}}}px;">{{{text2|}}}</div>
** Por padrão esta opção virá marcada;
<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}}};}}
* Encerrados a partir de:
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
** Para este exemplo será utilizado a opção Encerrados a partir de:
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
** Ao marcar a opção, o sistema irá exibir o campo Data;
                        left:{{{left3|}}}px;
*** Informe a Data Inicial para a pesquisa;
                        top:{{{top3|}}}px;">{{{text3|}}}</div>
**** Por padrão, o sistema irá exibir a data do dia (sysday);
<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}}};}}
* Selecione um dos flags disponível - Esta opção não é obrigatório;
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
** Com Proposta;
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
** Sem Proposta;
                        left:{{{left4|}}}px;
* Informe os dados do cliente - Esta opção não é obrigatório;
                        top:{{{top4|}}}px;">{{{text4|}}}</div>
** Cliente:
<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}}};}}
*** Informe o nome do cliente no campo digitável;
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
** Fone:
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
*** Informe o telefone do ciente no campo digitável;
                        left:{{{left5|}}}px;
** Evento:
                        top:{{{top5}}}px;">{{{text5|}}}</div>
*** Informe o número do evento no campo digitável;
<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}}};}}
| br1=100%
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
| left2=744
                        left:{{{left6|}}}px;
| top2=99
                        top:{{{top6|}}}px;">{{{text6|}}}</div>
| wq2 = 17px
<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}}};}}
| hq2 = 17px
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
| text2 = {{#tip-text: _| 2. Clique no botão Pesquisar:
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
* Ao clicar no botão, o sistema irá gerar a pesquisa com base nas informações fornecidas;
                        left:{{{left7|}}}px;
}}
                        top:{{{top7|}}}px;">{{{text7|}}}</div>
| br2=100%
<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}}};}}
| left3=168
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
| top3=181
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
| wq3 = 17px
                        left:{{{left8|}}}px;
| hq3 = 17px
                        top:{{{top8|}}}px;">{{{text8|}}}</div>
| text3 = {{#tip-text: _| 3. O resultado será exibido no campo:
<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}}};}}
* O resultado da pesquisa, será exibido no campo;
                        {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}}
* <strong>Atenção:</strong> O sistema exibe a legenda utilizada na exibição do resultado da pesquisa na, parte inferior do formulário. }}
                        {{#if:{{{background|}}}|background-color: rgba(255, 255, 255, 0.5); padding: 0 2px;}}
| br3=100%
                        left:{{{left9|}}}px;
| width=798px
                        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 11",
"description": "0px = Quadrado. 50px = Círculo",
"type": "string"
},
"wq11": {
"label": "Largura da forma 11",
"description": "Preencher o valor + px",
"type": "string"
},
"hq11": {
"label": "Altura da forma 11",
"description": "Preencher o valor + px",
"type": "string"
},
"text11": {
"label": "Texto da forma 11",
"description": "Preencher com o texto ou tooltip referente a forma 10",
"type": "string"
},
"br12": {
"label": "border radius da forma 12",
"description": "0px = Quadrado. 50px = Círculo",
"type": "string"
},
"wq12": {
"label": "Largura da forma 12",
"description": "Preencher o valor + px",
"type": "string"
},
"hq12": {
"label": "Altura da forma 12",
"description": "Preencher o valor + px",
"type": "string"
},
"text12": {
"label": "Texto da forma 12",
"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 atual tal como às 15h21min de 2 de setembro de 2022

_
_
_
{{{alt}}}
Disponível em “https://ajuda.nbsi.com.br:84/index.php?title=Teste2&oldid=23311”