Histórico da Página
| HTML |
|---|
<style>
.wiki-content .contentLayout2 .columnLayout .cell {
padding-left: 0px!important;
padding-right: 0px!important;
}
.page-metadata {
display: 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 {
top: 21px!important;
} .ia-fixed-sidebar {
display: none!important;
}
div#main{
padding-left: 15px!important;
padding-right: 15px!important;
}
#main {
padding-left: 15px!important;
padding-right: 15px!important;
}
.theme-default .ia-splitter #main {
margin-left: auto !important;
}
#main #content {
padding-right: 0px!important;
}
div#likes-and-labels-container {
display: none!important;
}
.expand-control-text {
color: #363636!important;
font-size: 18px !important;
font-weight: normal!important;
}
.sectionColumnWrapper {
padding-left: 1.7em!important;
padding-right: 1.7em!important;
}
.wiki-content .innerCell {
border-style: solid!important;
border-width: 0px 1px 0px 0px!important;
border-color: #ececec;
}
.box-icon {
width: 130px!important;
height: 130px!important;
background-size: cover!important;
background-repeat: no-repeat;
background-position: center;
}
.cw-bylines {
display: none!important;
}
h1#title-text {
display: none!important;
}
.card-box {
box-shadow: none !important;
padding: 10px;
display: flex;
height: 119px;
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</p>
<p style="font-size: 18px; margin: 0 0 30px;">Central de ajuda - TOTVS Varejo Supermercados PDV</p> <div
<div style="max-width: 600px; margin: 0 auto; 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 lupa do lado esquerdo -->
<div style="display: flex; align-items: center; padding: 0 12px; background-color: #fff;">
<svg xmlns="http://www.w3.org/2000/svg" fill="#999" width="20" height="20" viewBox="0 0 24 24">
<path d="M21.71 20.29l-3.4-3.39A9 9 0 1 0 18 19l3.39 3.4a1 1 0 0 0 1.41-1.41ZM11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7Z"/>
</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 azul com íconetexto + textosimples -->
<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;">
<span class="aui-icon aui-icon-large aui-iconfont-search" style="color: white;">Pesquisar</span>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(); // envia a pesquisa automaticamente
});
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>
|
| Section | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas