Histórico da Página
| HTML |
|---|
<style><script> .wiki-content .contentLayout2 .columnLayout .cell { padding-left: 0px!important;// Carrega o GA4 dinamicamente (function() { padding-right: 0px!important; } .page-metadataif (!window.gtagLoaded) { var display:gtagScript none !important; } div.wiki-content div.search-macro-large .search-macro-query input { height: 60px !important; } div.wiki-content div.search-macro-large .search-macro-query .aui-icon= document.createElement('script'); gtagScript.src = "https://www.googletagmanager.com/gtag/js?id=G-8Q2WL2SMTZ"; gtagScript.async = true; gtagScript.onload = function() { top: 21px!important; } .ia-fixed-sidebar { window.dataLayer = display: none!important; } div#main{ padding-left: 15px!important; window.dataLayer || []; padding-right: 15px!important; } #main {function gtag(){dataLayer.push(arguments);} padding-left: 15px!important; window.gtag = gtag; padding-right: 15px!important; } .theme-default .ia-splitter #main { gtag('js', new Date()); margin-left: auto !important; } #main #content { gtag('config', 'G-8Q2WL2SMTZ'); padding-right: 0px!important}; } div#likes-and-labels-container { display: none!important; } .expand-control-text { color: #363636!importantdocument.head.appendChild(gtagScript); window.gtagLoaded = true; } })(); </script> |
| HTML |
|---|
<style> .wiki-content .contentLayout2 .columnLayout .cellfont-size: 18px !important; font-weight: normal!important; } .sectionColumnWrapper { padding-left: 1.7em0px!important; padding-right: 1.7em0px!important; } .wiki-content .innerCellpage-metadata { border-styledisplay: solidnone !important; } div.wiki-content border-width: 0px 1px 0px 0px!important;div.search-macro-large .search-macro-query input { border-colorheight: 60px #ececec!important; } div.wiki-content div.search-macro-large .search-macro-query .boxaui-icon { widthtop: 130px21px!important; } .ia-fixed-sidebar height: 130px{ display: none!important; } div#main{ padding-left: 15px!important; backgroundpadding-sizeright: cover15px!important; } #main { background-repeat: no-repeat padding-left: 15px!important; backgroundpadding-positionright: center15px!important; } .cw-bylines .theme-default .ia-splitter #main { margin-left: auto !important; } #main #content { displaypadding-right: none0px!important; } h1#title-text div#likes-and-labels-container { display: none!important; } .cardexpand-control-boxtext { box-shadowcolor: none #363636!important; paddingfont-size: 10px18px !important; displayfont-weight: flexnormal!important; } .sectionColumnWrapper { heightpadding-left: 119px1.7em!important; alignpadding-itemsright: center; margin-left: 15px;1.7em!important; } .wiki-content .innerCell { border-radiusstyle: 5pxsolid!important; marginborder-bottomwidth: 10px; 0px 1px width: auto 0px 0px!important; heightborder-color: auto !important#ececec; } .custombox-buttonicon { paddingwidth: 16px 10px130px!important; borderheight: none130px!important; borderbackground-radiussize: 8pxcover!important; width: 100%!important; } .sectionMacro background-repeat: no-repeat; background-position: center; } .cw-bylines { paddingdisplay: 0px 10pxnone!important; } .columnMacro.conf-macro.output-blockh1#title-text { widthdisplay: 333pxnone!important; } .sectionMacroWithBorder .columnMacro .card-box { borderbox-styleshadow: dashednone !important; border-widthpadding: 0px!important10px; border-colordisplay: #ffffff!importantflex; paddingheight: inherit!important119px; } </style> align-items: center; margin-left: 15px; border-radius: 5px; margin-bottom: 10px; width: auto !important; height: auto !important; } .custom-button { padding: 16px 10px!important; border: none!important; border-radius: 8px!important; width: 100%!important; } .sectionMacro { padding: 0px 10px!important; } .columnMacro.conf-macro.output-block { width: 333px!important; } .sectionMacroWithBorder .columnMacro { border-style: dashed!important; border-width: 0px!important; border-color: #ffffff!important; padding: inherit!important; } </style> |
| HTML |
|---|
<div style="width:100%; height:491px; background-image: url('https://tdn.totvs.com/download/attachments/919067157/Frame1.jpg?version=1&modificationDate=1744391035852&api=v2'); background-size: cover; background-position: center; position: relative; display: flex; align-items: center; justify-content: center; color: white;">
<div style="text-align: left; max-width: 1070px; width: 100%; padding: 0 20px;">
<p style="font-size: 56px; margin: 0 0 10px;">Portal da Migração - PDV Supermercados</p>
<p style="font-size: 18px; margin: 0 0 30px;">Central de ajuda - TOTVS Varejo Supermercados PDV - Linha Winthor</p>
<div style="max-width: 600px; font-family: Arial, sans-serif; position: relative;">
<form id="formBusca" method="get" action="https://centraldeatendimento.totvs.com/hc/pt-br/search" target="_blank"
style="display: flex; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.1); height: 60px !important;">
<!-- Ícone SVG da lupa -->
<div style="display: flex; align-items: center; padding: 0 12px; background-color: #fff;">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 122.879 119.799" fill="#999999">
<g>
|
| HTML |
<div style="width:100%; height:491px; background-image: url('https://tdn.totvs.com/download/attachments/919067157/Frame1.jpg?version=1&modificationDate=1744391035852&api=v2'); background-size: cover; background-position: center; position: relative; display: flex; align-items: center; justify-content: center; color: white;"> <div style="text-align: left; max-width: 1070px; width: 100%; padding: 0 20px;"> <p style="font-size: 56px; margin: 0 0 10px;">Portal da migração</p> <p style="font-size: 18px; margin: 0 0 30px;">Central de ajuda - TOTVS Varejo Supermercados PDV</p> <div style="max-width: 600px; font-family: Arial, sans-serif; position: relative;"> <form id="formBusca" method="get" action="https://centraldeatendimento.totvs.com/hc/pt-br/search" target="_blank" style="display: flex; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.1); height: 60px !important;"> <!-- Ícone SVG da lupa --> <div style="display: flex; align-items: center; padding: 0 12px; background-color: #fff;"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 122.879 119.799" fill="#999999"> <g> <path d="M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 <path l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971d="M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 lh-0.007c-0.011005,5.557-0.016l-0.175,0.203l917,10.905-2.594,15.892c-0.035281,0.035l837-0.146575,01.16l641-0.016877,02.409v0.021c007c-1.565446,13.64266-3.654315,27.53412-5.78547,210.646307 c-2l29.097082,026.111-4.247-139l0.018,0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 cl-10.233011,0.755016l-20.51175,10.466203l-30.813035,20.115c035l-60.699146,30.34216l-140.269016,50.222021c-221.272,5.222v0.007h-0.016v-0.007565,1.642-3.654,2.534-5.78,2.646 c-13.799-2.097,0.111-4.247-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.00754-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c0.004c-131.799233,50.601755-262.29651,141.645466-353.338C23.683813,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.0162.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 hc-013.033V11.21c-10.686,799-0.007004-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.2126.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 c10h-0.033V11.21c-10.686-,0.007,-20.368-372,4.348,35-27.382-384,11.359c7.011-7.009359C15.56,29.578,11.358-16.702213,39.274,11.36-27.4h-0.006v-0.016v-0.033h0.00621,49.973h0.007v0.016v0.033H11.21 c-0.006-c0.007,10.686-,4.35-347,20.372-367,11.358-359,27.384C70381c7.396009,157.56012,6016.703705,11.213359,5027.004403,11.21L50.004,11.21z"/>.361v-0.007h0.016h0.033v0.007 </g> </svg>c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 </div> <!-- Campo de texto c--> 0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z"/> </g> </svg> </div> <!-- Campo de texto --> <input type="text" id="campoBusca" name="query" placeholder="Pesquisa completa" autocomplete="off" style="flex: 1; padding: 0 12px; border: none; font-size: 16px; height: 60px !important;" required> <!-- Botão --> <button type="submit" style="background-color: #0897E9; color: white; border: none; padding: 0 24px; font-size: 16px; font-weight: bold; cursor: pointer; display: flex; align-items: center; height: 60px !important;"> Pesquisar </button> </form> <!-- Lista de sugestões --> <ul id="sugestoes" style=" list-style: none; margin: 0; padding: 0; position: absolute; top: 62px; left: 0; right: 0; background: white; border: 1px solid #ccc; border-top: none; z-index: 10; display: none; max-height: 200px; overflow-y: auto; font-size: 15px; "></ul> </div> <script> const termos = [ "Instalação PDV Winthor", "Configuração TEF", "Erro de DLL", "Como ativar SAT", "Atualização de versão", "Requisitos mínimos", "Licenciamento de produto", "Como abrir chamado", "Configurar balança", "Desempenho lento" ]; const input = document.getElementById("campoBusca"); const lista = document.getElementById("sugestoes"); const form = document.getElementById("formBusca"); input.addEventListener("input", () => { const valor = input.value.toLowerCase(); lista.innerHTML = ""; if (!valor) { lista.style.display = "none"; return; } const filtrados = termos.filter(t => t.toLowerCase().includes(valor)); if (filtrados.length === 0) { lista.style.display = "none"; return; } filtrados.forEach(sugestao => { const li = document.createElement("li"); li.textContent = sugestao; li.style.padding = "10px"; li.style.cursor = "pointer"; li.style.borderBottom = "1px solid #eee"; li.style.color = "#363636"; li.style.background = "#fff"; li.addEventListener("click", () => { input.value = sugestao; lista.style.display = "none"; form.submit(); }); lista.appendChild(li); }); lista.style.display = "block"; }); document.addEventListener("click", (e) => { if (!form.contains(e.target)) { lista.style.display = "none"; } }); </script> <p style="font-size: 14px; margin: 0;"> <span style="color: #8BBCEC;">POPULAR:</span> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=870411305" target="_blank" style="color: white; margin-right: 12px; text-decoration: underline;">Configuração de banco de dados</a> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=574887420" target="_blank" style="color: white; text-decoration: underline;">Carteira Digital e Código de movimentação</a> </p> </div> </div> |
| Button |
|---|
|
|
|
|
| Section | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| bgColor | #fff |
|---|---|
| borderWidth | 0 |
| width | 100% |
|---|
|
|
|
|
|
|
| HTML |
|---|
<div style="max-width: 350px; margin-bottom: 20px;">
<iframe
width="100%"
height="150px"
src="https://www.youtube.com/embed/MY80oAp4bc8"
style="border:none; border-radius:8px; display:block;"
allowfullscreen>
</iframe>
<h3 style="margin: 10px 0 5px; font-size: 18px;">Como Instalar o TOTVS Varejo Supermercados PDV - Prt 1</h3>
<p style="margin: 0; font-size: 14px; color: #555;">Acompanhe o passo a passo de como realizar a instalaçã...</p>
</div> |
|
| HTML |
|---|
<div style="max-width: 350px; margin-bottom: 20px;">
<iframe
width="100%"
height="150px"
src="https://www.youtube.com/embed/CC2V1eh9H3o"
style="border:none; border-radius:8px; display:block;"
allowfullscreen>
</iframe>
<h3 style="margin: 10px 0 5px; font-size: 18px;">Como Instalar o TOTVS Varejo Supermercados PDV - Prt 3</h3>
<p style="margin: 0; font-size: 14px; color: #555;">Acompanhe o passo a passo de como realizar a instalaçã...</p>
</div> |
| Button | ||||||
|---|---|---|---|---|---|---|
|
| Section | |||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas