HTML |
---|
<style> /* Início estilo banner */ .compositiondani-banner { position: relative; min-height: 220px; border-radius: 5px; margin-bottom: 5px; overflow: hidden; } .compositiondani-banner-image { background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/capa-com-fundo-e-sem-icone-TDN21.png"); background-size: cover; min-height: inherit; width: 100%; } .compositiondani-banner-overlay { min-height: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; pointer-events: none; } .compositiondani-banner-logo-container { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; bottom: 0; transform: translate(-50%, -50%); } .compositiondani-banner-logo { width: 350px; height: 180px; background-image: url("https://totvscrm.com/wp-content/uploads/2023/09/logo-com-descricao-totvsgc.png"); background-size: contain; background-repeat: no-repeat; } .compositiondani-banner-title { margin-bottom: 10px !important; padding: 10px !important; background: rgba(0, 0, 0, 0.5) !important; display: flex !important; justify-content: center !important; align-items: center !important; font-size: 12px !important; line-height: 1.3 !important; max-height: 133px !important; font-family: "Roboto", sans-serif !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #ffffff !important; position: relative !important; margin-top: 130px !important; border-radius: 10px !important; } .compositiondani-banner-content { position: absolute; padding: 30px; max-width: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; color: white; text-align: center; } .custom-header h1 { font-size: 16px; background-color: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 5px; margin: 0; } .negrito-materialize { font-weight: bold; } .custom-margin-justified { margin: 0 20px; text-align: justify; } /* Final estilo banner */ #content.page.view { padding-right: 0 !important; } /* impedir vermelho no nav */ #breadcrumb-section > nav { background-color: initial !important; box-shadow: none !important; } @media only screen and (min-width: 601px) { nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i { height: auto !important; line-height: normal !important; } } /* final vermelho no nav */ </style> <header> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"/> <div class="compositiondani-banner"> <div class="compositiondani-banner-image"></div> <div class="compositiondani-banner-overlay"></div> <div class="compositiondani-banner-logo-container"> <div class="compositiondani-banner-logo"></div> </div> <div class="compositiondani-banner-content"> <h1 class="compositiondani-banner-title"> CONFIGURAÇÃO DE CASAS DECIMAIS NO CATÁLOGO </h1> </header> </div> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Inclua o estilo do tema Monokai --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/monokai.min.css"/> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- FontAwesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" /> <style> /* ============================== = CONFIGURAÇÕES GERAIS = =============================== */ * { font-family: "Roboto", sans-serif; margin: 0; padding: 0; box-sizing: border-box; } body { margin: 0; padding: 0; } a { color: #42526e; text-decoration: none; -webkit-tap-highlight-color: transparent; } a:hover { color: white; } li { font-size: 14px !important; } h3 { font-size: 14px !important; font-weight: bold; } h1 { font-size: 13px !important; } h2 { font-size: 15px !important; font-weight: bold; } td, th { padding: 6px; } * p { margin-bottom: 0 !important; } /* ============================== = ESTILOS DE TÍTULOS = =============================== */ #title-text { display: none !important; } #content > div.page-metadata > div { float: none !important; line-height: normal !important; width: auto !important; display: none !important; /* ou outra propriedade de display que você deseja usar */ margin: 0 !important; /* ou outra propriedade de margin que você deseja usar */ } #section2 > ol > li:nth-child(2) > p { margin-bottom: 0; } .wiki-content h1, .wiki-content h2 { font-family: "Roboto", sans-serif !important; font-size: 13px!important; } .wiki-content h1 { font-size: 13px !important; } .wiki-content h2 { font-size: 14px !important; color: #42526e !important; border-bottom: 2px solid #dfe1e5; padding-bottom: 5px; font-weight: bold; } .custom-heading, h3.custom-h3 { font-size: 16px; color: #42526e; margin-bottom: 20px; } .custom-h1 { color: #feac0e; } .explanation h2 { font-weight: bold; } /* ============================== = ESTILOS DE TEXTO = =============================== */ .wiki-content p { font-size: 14px !important; } .justificado, .custom-justified { text-align: justify; margin: 10px 0; } /* ============================== = ESTILOS DE LINKS = =============================== */ .wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:active { text-decoration: none; color: #42526e; font-size: 14px; } .wiki-content a:hover { color: white; } /* ============================== = ESTILOS DE CONTAINER = =============================== */ .custom-content { background-color: #f5f5f5; padding: 20px; border-radius: 8px; margin: 0 10px; max-width: 100%; overflow: hidden; } .faq-container { max-width: 800px; margin: 0 auto; padding: 20px; } /* ============================== = ESTILOS DE CARDS = =============================== */ .card { border: 2px solid #9aa1ad; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: #f4f5f7; color: #42526e; overflow-x: hidden; top: 0; } /* ============================== = ESTILOS DE TABS = =============================== */ .tabs { background-color: #dfe1e5; } .tabs .tab a { color: rgb(66, 82, 110); } .tabs .tab a:hover, .tabs .tab a.active, .tabs .tab a:focus.active { color: #6B48FF; background-color: transparent; } .tabs .tab a:focus { background-color: rgba(82, 97, 232, 0.25); } .tabs .tab.disabled a, .tabs .tab.disabled a:hover { color: rgba(16, 148, 184, 0.24); } .tabs .indicator { background-color: #6B48FF; } .tab-content { gap: 0; padding: 10px; } .tab-content pre { max-width: 100%; overflow-x: hidden; } /* ============================== = ESTILOS DE ÍCONES = =============================== */ .icon-list, .icon { padding-left: 0; list-style-type: none; } .icon { display: inline-block; width: 24px; vertical-align: middle; margin-right: 45px; position: relative; left: -25px; } .item .label i { margin-right: 10px; } .label b { color: #42526e; } td th { color: #42526e; } /* ============================== = ESTILOS DE COMPONENTES = =============================== */ .collapsible, .collapsible-header, .collapsible-body { box-shadow: none !important; } .faq-question { font-weight: bold; margin-bottom: 5px; } .faq-answer { margin-bottom: 20px; } .custom-list { padding-left: 0; margin-left: 1.5em; } .custom-list li { position: relative; padding-left: 1em; } ul.custom-list { padding-left: 10px; } ul.custom-list li { position: relative; list-style-type: disc; padding-left: 30px; margin-bottom: 10px; } .item { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #eee; } .item:last-child { border-bottom: none; } .item .label { flex: 1; font-weight: bold; } .item .value { flex: 1; text-align: right; } .item { border-bottom: 1px solid #e0e0e0; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .item:last-child { border-bottom: none; } /* Estilos para o label */ .label { font-weight: bold; display: flex; align-items: center; } .item .label i { margin-right: 10px; /* Adiciona espaço depois dos ícones */ } /* ============================== = ESTILOS DE IMAGENS = =============================== */ .imagem-responsiva { max-width: 100%; height: auto; } .custom-header-bg img { width: 100%; height: auto; display: block; } /* ============================== = ESTILOS DE VÍDEO = =============================== */ #youtube-video-container iframe { width: 100%; height: auto; display: block; } .video-container { max-width: 800px; margin: 0 auto; } .ytp-cued-thumbnail-overlay-image { background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; } /* ============================== = OUTROS ESTILOS PERSONALIZADOS = =============================== */ .custom-content { background-color: #f5f5f5; padding: 20px; border-radius: 8px; margin: 0 10px; max-width: 100%; overflow: hidden; } .custom-heading { font-size: 16px; color: #42526e; margin: 10px 0; border-bottom: 2px solid #e0e0e0; padding-bottom: 5px; font-weight: bold; } #indice { border-radius: 5px; padding: 20px; max-width: 100%; overflow: hidden; } #indice h2 { text-align: center; margin-bottom: 16px; } #indice ul { list-style-type: none; padding-left: 0; } #indice li { padding: 10px; border-bottom: 1px solid #eee; cursor: pointer; transition: background-color 0.1s ease; } #indice li:last-child { border-bottom: none; } #indice li:hover { background-color: #6B48FF; color: white; } /* ============================== = ESTILOS DE TABELAS = ============================== */ .custom-grey { background-color: #ffffff; } .custom-grey th, .custom-grey td { border: 1px solid #362194; padding: 10px; color:#362194 } .custom-grey tr:nth-child(even) td { background-color: #e6e0f7; } .custom-grey tr:nth-child(odd) td { background-color: #f4f5f7; } .custom-grey th { color: #fff; background-color: #443391; } .custom-grey td { font-size: 13px; } .custom-grey tr:nth-child(odd) { background-color: #e4e4e6; } .custom-grey tr:nth-child(even) { background-color: #dfdfdf; } .custom-alert-warning { background-color: #fdf1dc; /* ou qualquer outra cor que preferir */ color: #5c4225; /* cor do texto */ border: 1px solid #d6800f; /* adicionando borda da mesma cor que o ícone */ padding: 10px; /* adicione padding conforme necessário */ } .custom-alert-warning .fas { color: #5c4225; /* cor do ícone no alerta de aviso */ margin-right: 10px; /* espaço extra entre o ícone e o texto */ } .custom-alert-danger { background-color: #ffe7ec; /* ou qualquer outra cor que preferir */ color: #9e1d3b; /* cor do texto */ border: 1px solid #eb7893; /* adicionando borda da mesma cor que o ícone */ padding: 10px; /* adicione padding conforme necessário */ } .custom-alert-danger .fas { color: #f34b72; /* cor do ícone no alerta de perigo */ margin-right: 10px; /* espaço extra entre o ícone e o texto */ } .alert-secondary-custom { background-color: #F2EEFF; /* Cor de fundo do alerta */ color: #3217a7; /* Cor do texto */ border: 1px solid #9475f7; /* adicionando borda da mesma cor que o ícone */ padding: 10px; /* adicione padding conforme necessário */ } .alert-secondary-custom .fas { color: #6B48FF; /* Cor dos ícones FontAwesome */ margin-right: 10px; /* Espaço extra entre o ícone e o texto */ } /* ========== FIM DO ESTILO ========= */ </style> <!-- Tabs e conteúdo das guias --> <div class="card"> <ul class="tabs"> <li class="tab col s4"><a href="#tab1">DETALHES>DETALLES FUNCIONAIS<FUNCIONALES</a></li> <li class="tab col s4"><a href="#tab3">FAQ</a></li> </ul> <!-- Tab Content --> <div id="tab1" class="col s12"> <div class="tab-content"> <div style="background-color: #f4f5f7; padding: 10px; margin-left: 50px; margin-right: 50px;"> <section id="section1" style="margin-top: 40px;"> <!-- Tab 70 conteúdo --> <!-- Segundo Card --> <!-- Primeiro Card --> <!-- Primeiro Card --> <div class="card"> <div class="item"> <span class="label"> <table border="1"> <tr> <td><i class="fas fa-tags"></i> <b>Produto<b>Producto:</b></td> <td>Gestão<td>Gestión de Clientes<clientes</td> </tr> <tr> <td><i class="fas fa-link"></i> <b>Linha<b>Línea de Produtoproducto:</b></td> <td>TOTVS CRM</td> </tr> <tr> <td><i class="fas fa-chart-pie"></i> <b>Segmento:</b></td> <td>Cross Segmentos</td> </tr> <tr> <td><i class="fas fa-desktop"></i> <b>Módulo:</b></td> <td>Catálogo</td> </tr> <tr> <td><i class="fas fa-globe"></i> <b>Aplicação<b>Aplicación:</b></td> <td>Web/app móvel</td> </tr> <tr> <td><i class="fas fa-hashtag"></i> <b>Identificador:</b></td> <td> ME140420231025b</td> </tr> </table> </span> </div> </div> <br> <h2 class="custom-heading"> <i class="fa-solid fa-eye"></i>    VISÃOVISIÓN GERALGENERAL </h2> <p class="justificado"> Enfocado Focadoen la napersonalización personalizaçãode dala quantidadecantidad de casasdecimales, decimais,los osusuarios usuáriosahora podem agorapueden definir comcon precisãoprecisión ala representaçãorepresentación decimal emen seussus produtosproductos ey serviçosservicios. Esta funcionalidadefuncionalidad asseguragarantiza que aslas quantidadescantidades ey valores monetarios monetáriosen em diferentes contextos, como estoquestock, preçosprecios de produtosproductos ey conversõesconversiones, se sejam exibidosmuestren de acordoacuerdo comcon aslas preferênciaspreferencias dodel usuáriousuario. </p> <br> <h2 class="custom-heading"> <i class="fa-solid fa-rocket"></i>    OBJETIVO </h2> <p class="justificado"> OEl principal objetivo destede aprimoramentoeste éperfeccionamiento es permitir que oslos usuáriosusuarios dode TOTVS CRM tenham flexibilidade na definição tengan flexibilidad en la definición de casasdecimales decimaisen emproductos produtosy eservicios. serviços.Al Ao proporcionar esta personalizaçãopersonalización, buscamos garantirgarantizar que oslos datos dadosse sejam apresentadospresenten de maneiramanera precisa, aumentando la aconfiabilidad confiabilidadeen naslas operaçõesoperaciones de vendas ventas ey gestãogestión. </p> <br> <!-- ... (seu conteúdo existente) ... --> <h2 class="custom-heading"> <i class="fa-solid fa-book"></i>   ANTES DE COMEÇARCOMENZAR </h2> <h3>Requisitos</h3> <p>Acesso<p>Acceso aoal Módulo: OEl usuáriousuario devedebe possuirtener acessoacceso permitido aoal módulo Administrativo noen el TOTVS CRM para ajustar ey visualizar ala personalizaçãopersonalización dasde casaslos decimaisdecimales.</p> </section> <section id="section2" style="margin-top: 40px;"> <h2 class="custom-heading"><i class="fa-solid fa-star"></i>  DETALHESDETALLES FUNCIONAIS<FUNCIONALES</h2> <h3>Funções<h3>Funciones </h3> <div class="alert custom-alert-warning" role="alert" style="padding-left: 20px;"> <i class="fas fa-exclamation-triangle"></i> MudançaCambio Importanteimportante: ALa configuraçãoconfiguración que anteriormente estavaestaba anteriormentea disponíveldisposición emen <strong>CatálogoCatálogo > ConfiguraçõesConfiguraciones > Parâmetros</strong>Parámetros agoraahora foifue transferida paraa <strong>AdministrativoAdministrativo > ConfiguraçõesConfiguraciones > Parâmetros</strong>Parámetros. Por favor, actualice atualizesus suasconfiguraciones configuraçõesen nesteeste novonuevo locallugar. </div> <ol> <li> <strong>Produtos<strong>Productos - PreçoPrecio de custocosto ey PreçoPrecio base:</strong> NosEn los campos "PreçoPrecio de custocosto" ey "PreçoPrecio base", ubicados localizadosen nala seçãosección "ProdutosProductos", hubo un ajuste para adaptarlos a la configuración de decimales. Ahora, estos campos mostrarán el número houve um ajuste para adaptá-los à configuração de casas decimais. Agora, esses campos exibirão o número de casas decimais conforme definido no parâmetro de casas decimaisde decimales de acuerdo con lo definido en el parámetro de decimales para valores monetáriosmonetarios. </li> <li> <strong>Produtos<strong>Productos - EstoqueStock:</strong> NoEn el campo "QuantidadeCantidad", situadoubicado en nala subseçãosubsección "EstoqueStock" de "ProdutosProductos", ocorreu ocurrió uma modificaçãouna modificación para garantirgarantizar que ala quantidadecantidad apresentadapresentada respeiterespete a configuração de casas decimais estabelecida no parâmetro específico para quantidadesla configuración de decimales establecida en el parámetro específico para cantidades. </li> <li> <strong>Produtos<strong>Productos - TaxaTasa de conversãoconversión:</strong> ALa seçãosección "ProdutosProductos" possuitiene umauna subseçãosubsección chamadadenominada "EmbalagemEmbalaje", ey dentro de delaesta, o el campo "TaxaTasa de conversãoconversión" foifue ajustado. Este campo, agoraahora, exibirámostrará a la cantidad quantidade de casas decimais conforme determinado no parâmetro de casas decimais para quantidadesde decimales de acuerdo con lo determinado en el parámetro de decimales para cantidades. </li> <li> <strong>Serviços<strong>Servicios - PreçoPrecio base:</strong> Dentro de dala seçãosección "ServiçosServicios", oel campo "PreçoPrecio base" tambémtambién passoupasó por uma revisão. Ouna revisión. El objetivo foifue garantirgarantizar que, aoal visualizar ouo inseririncluir valores, a la cantidad de quantidadedecimales esté de casasconformidad decimaiscon esteja em conformidade com o lo que foi se configuró en el configurado no parâmetro de casas decimaisparámetro de decimales para valores monetáriosmonetarios. </li> </ol> <h2>Detalle <h2>Detalhamentode daslas Configuraçõesconfiguraciones </h2> <p>A <p>Abaixocontinuación, está umauna tabelatabla detalhadadetallada que mostramuestra comocómo diferentes campos dodel sistema TOTVS CRM sãoestán configurados, especialmente emcon relaçãorelación aoal número de casas decimaisdecimales.</p> <br> <table class="striped custom-grey"> <thead> <tr> <th>Plataforma</th> <th>Seção<<th>Sección</th> <th>Nome<th>Nombre dodel Campo<campo</th> <th>Configuração<th>Configuración de Decimais<decimales</th> </tr> </thead> <tbody> <tr> <td>Web</td> <td>Produto<td>Producto - Estoque<Stock</td> <td>Quantidade<<td>Cantidad</td> <td>Casas<td>Decimales decimais específicasespecíficos para quantidade<cantidad</td> </tr> <tr> <td>Web</td> <td>Produto<<td>Producto</td> <td>Preço<td>Precio de custo<costo</td> <td>Casas<td>Decimales decimais designadasasignados para valores monetários<monetarios</td> </tr> <tr> <td>Web</td> <td>Produto<<td>Producto</td> <td>Preço<td>Precio base (naen oportunidadeoportunidad)</td> <td>Casas<td>Decimales decimais designadasasignados para valores monetários<monetarios</td> </tr> <tr> <td>Web</td> <td>Produto<<td>Producto</td> <td>Taxa<td>Tasa de conversão<conversión</td> <td>Casas<td>Decimales decimais específicasespecíficos para quantidade<cantidad</td> </tr> <tr> <td>Web</td> <td>Serviço<<td>Servicio</td> <td>Preço<td>Precio base (naen oportunidadeoportunidad)</td> <td>Casas<td>Decimales decimais designadasasignados para valores monetários<monetarios</td> </tr> </tbody> </table> </section> <section id="section3" style="margin-top: 40px;"> <h2 class="custom-heading"><i class="fa-solid fa-shoe-prints"></i>  COMO¿CÓMO USARUTILIZAR?</h2> <h3> PassoPaso a Passo<paso</h3> <ol> <li><strong>Acesso<li><strong>Acceso aoal Módulomódulo:</strong> Dirija-se à seçãoDiríjase a la sección Administrativo en noel TOTVS CRM.</li> <li><strong>Configuração<li><strong>Configuración de Casas Decimaisdecimales:</strong> NoEn el menumenú Administrativo > ConfiguraçõesConfiguraciones > ParâmetrosParámetros: <ul> <li>Localize<li>Encuentre oel parâmetroparámetro "CasasDecimales decimais para valores monetáriosmonetarios" ey defina oel valor desejadodeseado (de 2 a 6).</li> <li>Localize<li>Encuentre oel parâmetroparámetro "Casas decimaisDecimales para quantidadecantidad" ey defina oel valor desejadodeseado (de 2 a 6).</li> </ul> </li> <li><strong>Verificação<li><strong>Verificación:</strong> AoAl realizar operaçõesoperaciones, verifique sesi valores y ecantidades se quantidadesestán estãopresentando sendode apresentadosacuerdo conformecon aslas configuraçõesconfiguraciones definidas.</li> </ol> </section> <section id="section4" style="margin-top: 40px;"> <h2 class="custom-heading"><i class="fa-solid fa-signs-post"></i>  EXEMPLOnbspEJEMPLO PRÁTICO<PRÁCTICO</h2> <h3>Caso de uso<utilización</h3> <p> <b>Cenário<b>Escenario:</b> <p>Empresa ABC, especializada en nala vendaventa de componentes eletrônicoselectrónicos, frequentementefrecuentemente trabalhatrabaja comcon valores muitomuy precisos emen suassus transaçõestransacciones, debido a devidola ànaturaleza naturezade doslos produtosproductos. </p> <br> <b>Desafio<b>Desafío Antigoantiguo:</b> <p>Anteriormente, ala empresa enfrentavaenfrentaba dificuldades para representar valores muitomuy específicos, levandollevando a discrepancias discrepânciasy eposibles possíveiserrores errosen naslas negociaçõesnegociaciones e inventárioinventario. </p> <br> <b>Solução<b>Solución Atualizadaactualizada:</b> <p>Com<p>Con ala atualizaçãoactualización, ala ABC agoraahora podepuede personalizar oel número de casasdecimales de decimaisacuerdo conformecon suasu necessidadenecesidad, garantizando garantindola aprecisión precisãoy econfiabilidad confiabilidadeen naslas transaçõestransacciones ey gestãogestión de produtosproductos. </p> <br> </p> </section> </div> <!-- Tab 30 fim --> <!-- Tab 30 fim --> </div> </div> <div id="tab3" class="col s12"> <div class="tab-content"> <div style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;"> <!-- Primeira coluna do conteúdo da guia 2 --> <div class="container"> <h2 class="custom-heading"><i class="fa-solid fa-circle-question"></i> PERGUNTASPREGUNTAS FREQUENTES<FRECUENTES</h2> <ul class="collapsible"> <li> <div class="collapsible-header"><i class="material-icons">question_answer</i>Quaisi>¿Qué campos se foramajustaron ajustadosen noel módulo "ProdutosProductos" emcon relaçãorelación àsa casaslos decimaisdecimales? </div> <div class="collapsible-body"><span>Os><span>Los campos "PreçoPrecio de custocosto", "PreçoPrecio base" ey "QuantidadeCantidad" emen ProdutosProductos foramse ajustadosajustaron para respeitarrespetar ala configuraçãoconfiguración de casasdecimales decimaisestablecida estabelecidaen noel parâmetroparámetro específico. </span></div> </li> <li> <div class="collapsible-header"><i class="material-icons">question_answer</i>Quaisi>¿Qué campos foramse ajustaron ajustadosen noel módulo "ServiçosServicios" emcon relaçãorelación àsa casaslos decimaisdecimales? </div> <div class="collapsible-body"><span>O><span>El campo "PreçoPrecio base" emen ServiçosServicios foise ajustadoajustó para exibirmostrar casasdecimales decimais de acordoacuerdo comcon aslas configuraçõesconfiguraciones definidas en noel parâmetroparámetro. </li> <!-- Adicione mais perguntas e respostas aqui conforme necessário --> </ul> </div> <!-- Primeira coluna do conteúdo da guia 2 --> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script> // Inicialização das tabs document.addEventListener("DOMContentLoaded", function () { var tabs = document.querySelectorAll(".tabs"); M.Tabs.init(tabs); }); </script> <script> const items = document.querySelectorAll("#indice li"); items.forEach(item => { item.addEventListener('click', (e) => { const targetId = e.target.getAttribute('data-target'); const targetElement = document.getElementById(targetId); window.scrollTo({ top: targetElement.offsetTop - 10, behavior: "smooth" }); }); }); </script> <script src="https://kit.fontawesome.com/c97d4c197a.js" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> <script>hljs.highlightAll();</script> <script src="scripts.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var elems = document.querySelectorAll('.collapsible'); var instances = M.Collapsible.init(elems); }); </script> <!-- ... (conteudo video) ... --> <script src="https://www.youtube.com/iframe_api"></script> <script> var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '315', width: '560', videoId: 'FvsuBOvyyro', playerVars: { start: 1238, // 20:38 em segundos end: 1356 // 22:36 em segundos } }); } </script> |