Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: Revertida da versão 90
HTML
<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">
            <!-- Conteúdo do banner aqui -->
        </div>
    </div>
</header>

Livesearch
spaceKeyself
sizelarge
placeholderEstou procurando por ....
typepage




Section
Painel

Product_title
TitleO que há de novo
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/Novo-1.png

Page Tree
rootRelease
spacesTCGDC



Product_title
TitleRoadmap
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/roadmap-2.png

Page Tree
rootRoadmap
spacesTCGDC



Product_title
TitleDocumentos de referência
Imagehttps://totvscrm.com/

HTML
<div style="background-color: #f4f5f7" class="versions-gif-container"> <div style="background-color: #f4f5f7" class="versions-menu"> <div class="intro-text"> <h2 class="custom-h2"> <img src="https://totvscrm.com/

wp-content/uploads/

2023

2024/

08

01/

icone3.gif" style="width: 64px; vertical-align: middle; margin-right: 10px" /> <strong>ÚLTIMAS ATUALIZAÇÕES</strong> </h2>       <p style="font-size: 16px; color: black;">Explore as melhorias mais recentes do TOTVS CRM - Automação da Força de Vendas (SFA) e as mudanças implementadas em cada atualização, clicando nas versões abaixo e acessando a documentação correspondente. </p> </div> <!-- Contêiner flexível com GIF e lista --> <div class="flex-container"> <!-- Container do GIF --> <div style="flex: 1; margin-right: 1rem"> <img src="https://totvscrm.com/wp-content/uploads/2023/08/03-gif.gif" alt="GIF de animação" style="max-width: 100%; height: auto" /> </div> <!-- Lista de versões --> <ul class="plugin_pagetree_children_list" id="child_ul612245563-1"> <li> <i class="fas fa-sync-alt"></i> <div class="plugin_pagetree_childtoggle_container"> <span class="no-children icon"></span> </div> <div class="plugin_pagetree_children_content"> <span class="plugin_pagetree_children_span" id="childrenspan645249691-1"> <a href="/pages/viewpage.action?pageId=645249691">Expedição em 2019</a> </span> </div> <div id="children645249691-1" class="plugin_pagetree_children_container"> </div> </li> <li> <div class="plugin_pagetree_childtoggle_container"> <span class="no-children icon"></span> </div> <div class="plugin_pagetree_children_content"> <span class="plugin_pagetree_children_span" id="childrenspan644492570-1"> <a href="/pages/viewpage.action?pageId=644492570">Expedição em 2020</a> </span> </div> <div id="children644492570-1" class="plugin_pagetree_children_container"> </div> </li> <li> <div class="plugin_pagetree_childtoggle_container"> <a id="plusminus645249598-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="645249598" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2021"> </a> </div> <div class="plugin_pagetree_children_content"> <span class="plugin_pagetree_children_span" id="childrenspan645249598-1"> <a href="/pages/viewpage.action?pageId=645249598">Expedição em 2021</a> </span> </div> <div id="children645249598-1" class="plugin_pagetree_children_container"> </div> </li> <li> <div class="plugin_pagetree_childtoggle_container"> <a id="plusminus645670043-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="645670043" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2022"> </a> </div> <div class="plugin_pagetree_children_content"> <span class="plugin_pagetree_children_span" id="childrenspan645670043-1"> <a href="/pages/viewpage.action?pageId=645670043">Expedição em 2022</a> </span> </div> <div id="children645670043-1" class="plugin_pagetree_children_container"> </div> </li> <li> <div class="plugin_pagetree_childtoggle_container"> <a id="plusminus725739021-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="725739021" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2023"> </a> </div> <div class="plugin_pagetree_children_content"> <span class="plugin_pagetree_children_span" id="childrenspan725739021-1"> <a href="/pages/viewpage.action?pageId=725739021">Expedição em 2023</a> </span> </div> <div id="children725739021-1" class="plugin_pagetree_children_container"> </div> </li> <li> <div class="plugin_pagetree_childtoggle_container"> <a id="plusminus806777390-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="806777390" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2024"> </a> </div> <div class="plugin_pagetree_children_content"> <span class="plugin_pagetree_children_span" id="childrenspan806777390-1"> <a href="/pages/viewpage.action?pageId=806777390">Expedição em 2024</a> </span> </div> <div id="children806777390-1" class="plugin_pagetree_children_container"> </div> </li> </ul> <div style="flex: 1" style="margin-inline-end: 180px"> <ul id="versions-list"> <!-- Continue adicionando outras versões aqui --> </ul> </div> </div> </div> </div> <br />
HTML Section Painel

Product_title
TitleO que há de novo
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/Novo-1.png

Page Tree
rootRelease
spacesTCGDC

Product_title
TitleRoadmap
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/roadmap-2.png

Page Tree
rootRoadmap
spacesTCGDC

Product_title
TitleDocumentos de referência
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/documentos-1.png

Page Tree
rootDocumentação
spacesTCGDC

Product_title
TitleÚltimas atualizações
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/ultimas.png

Atualizado recentemente
typespage
max10
spacesTCGDC

Section
Painel

Product_title
TitleÍndice
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/list.png

Page Tree
rootTOTVS CRM - Gestão de Clientes
spacesTCGDC

Painel
Product_title
TitleYoutube
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/PLAY.png
Section

How To - TOTVS CRM

Painel

Product_title
TitleLinks
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/link.png

Button
Cor#6B48FF
TextoVisualizar integrações
Linkhttp://tdn.totvs.com/display/INT

Button
Cor#6B48FF
TextoInformativos do Produto
Linkhttps://informa.totvs.com/crm/

documentos-1.png

Page Tree
rootDocumentação
spacesTCGDC


Product_title
TitleÚltimas atualizações
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/ultimas.png

Atualizado recentemente
typespage
max10
spacesTCGDC






Section
Painel

Product_title
TitleÍndice
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/list.png

Page Tree
rootTOTVS CRM - Gestão de Clientes
spacesTCGDC

Painel


Product_title
TitleYoutube
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/PLAY.png

Section

How To - TOTVS CRM


Painel


Product_title
TitleLinks
Imagehttps://totvscrm.com/wp-content/uploads/2024/01/link.png

Button
Cor#6B48FF
TextoVisualizar integrações
Linkhttp://tdn.totvs.com/display/INT

Button
Cor#6B48FF
TextoInformativos do Produto
Linkhttps://informa.totvs.com/crm/





HTML
<style>
#title-text {
	display: none !important; 
}


li.first > span > a {
    display: none;
}


  #content > div.page-metadata {
    display: none;
}   .sectionMacro .columnMacro+.columnMacro {
    padding-left: 0px!important;
}

#breadcrumbs > li {
    display: none;
}
       .cell.normal h1 {
    color: #42526e !important;

}

.cell.aside h1 {
    color: #42526e!important;
       font-size: 24px !important;
font-weight: bold !important;

}

     .composition-banner-title{
color: #0c9abe!important;
}

.composition-banner-desc{
color: #0c9abe!important;
}




</style>

HTML
<style>
.page-description {
    display: none;!important;
}

.line-bottom {
    top: 260px !important;
}
    div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}
</style>
HTML
<style> .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,
.compositiondani-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.compositiondani-banner-overlay {
    border-radius: 5px;
    pointer-events: none;
}

.compositiondani-banner-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.compositiondani-banner-logo {
    width: 450px;
    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 {
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 1.3;
    color: #ffffff;
    position: relative;
    margin-top: 130px;
    padding: 0px;
    border-radius: 10px;
    font-family: "Roboto", sans-serif;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
} 


.wiki-content .contentLayout2 .columnLayout .cell {
    padding-right: 0px;!important;
padding-left: 0px;!important;}

#main #content {
    padding-right: 30px;!important;
padding-left: 30px;!important;}


 }  



    </style>

HTML
<style>
#title-text {
	display: none !important; 
}


li.first > span > a {
    display: none;
}


  #content > div.page-metadata {
    display: none;
}   .sectionMacro .columnMacro+.columnMacro {
    padding-left: 0px!important;
}

#breadcrumbs > li {
    display: none;
}
       .cell.normal h1 {
    color: #42526e !important;

}

.cell.aside h1 {
    color: #42526e!important;
       font-size: 24px !important;
font-weight: bold !important;

}

     .composition-banner-title{
color: #0c9abe!important;
}

.composition-banner-desc{
color: #0c9abe!important;
}




</style>

HTML
<style>
.page-description {
    display: none;!important;
}

.line-bottom {
    top: 260px !important;
}
    div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}
</style>
HTML
<style> .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,
.compositiondani-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.compositiondani-banner-overlay {
    border-radius: 5px;
    pointer-events: none;
}

.compositiondani-banner-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.compositiondani-banner-logo {
    width: 450px;
    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 {
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 1.3;
    color: #ffffff;
    position: relative;
    margin-top: 130px;
    padding: 0px;
    border-radius: 10px;
    font-family: "Roboto", sans-serif;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
} 


.wiki-content .contentLayout2 .columnLayout .cell {
    padding-right: 0px;!important;
padding-left: 0px;!important;}

#main #content {
    padding-right: 30px;!important;
padding-left: 30px;!important;}


 }  



    </style>

HTML



<link
  href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
  rel="stylesheet"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<style>
      #title-text {
        display: none !important;
      }
      .wiki-content h2 {
        font-size: 25px !important;
        font-family: "Roboto", sans-serif !important;
        color: #42526e !important;
      }

    .wiki-content a,
    .wiki-content a:link,
    .wiki-content a:visited,
    .wiki-content a:focus,
    .wiki-content a:hover,
    .wiki-content a:active {
        color: #0F94B7 !important;
    }

      * {
        font-family: "Roboto", sans-serif;
     }  

     *, body {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

    .wiki-content p {
        font-size: 16px !important;
         font-family: "Roboto", sans-serif!important;
           }



     
      .intro-text {
        text-align: center;
        padding: 0 3em;
        text-align: justify;
        line-height: 150%;
        max-width: 1200px;
        margin: 1rem auto;
      }

      .versions-gif-container {
               background-color: #fff;
        border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        padding: 1rem;
      }

      .gif-container,
      .versions-menu {
        background-color: #fff;
        border-radius: 10px;
        padding: 1rem;
        max-width: 1100px;
        margin: 1rem auto;
      }

      .gif-container img {
        width: 100%;
        height: auto;
      }

      .versions-menu ul {
        list-style: none;
        padding: 0;
      }

      .versions-menu li {
        margin-bottom: 1rem;
        margin: 1rem auto;
        max-width: 350px;
        padding: 1rem;
        border-radius: 5px;
        background-color: #dfe1e5;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: background-color 0.3s ease;
      }



      .versions-menu li:hover {
        background-color: #000000;
      }

      .versions-menu a {
        text-decoration: none;
        color: #42526e;
        font-weight: bold;
        display: flex;
        align-items: center;
      }


  .versions-menu li:hover {
      background-color: #000000;
  }

  .versions-menu li:hover a,
  .versions-menu li:hover .version-date {
      color: white;
  }

  .versions-menu li:hover a {
      color: #15b4db;
  }

  .versions-menu li:hover a i {
      color: 15b4db;
  }



      .versions-menu a i,
      .version-date i {
        margin-right: 8px;
      }

      .version-date {
        color: #42526e;
        display: flex;
        align-items: center;
      }

      .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
                margin: 0 auto;

      }

      .webinars,
      .news {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        padding: 20px;
              }

      .webinars ul,
      .news ul {
        list-style: none;
        padding: 0;
      }

      .webinars li,
      .news li {
        margin-bottom: 10px;
        border-top: 1px solid #ccc;
        padding-top: 10px;
      }

      .webinars a,
      .news a {
        text-decoration: none;
        color: #15b4db;
      }

      .container .webinars h2,
      .container .news h2,
      .container .intro-text h2 {
        font-size: 24px !important;
        margin-bottom: 15px !important;
      }

      .icon,
      .icon-red {
        font-size: 28px;
        margin-right: 10px;
        vertical-align: middle;
      }

      .icon-red {
        color: #333333;
      }

      .flex-container {
        display: flex;
        justify-content: space-between; /* Espaço entre os itens */
        align-items: start; /* Alinha os itens ao topo */
      }

      /* Estilo adicional para o contêiner flexível */
      .flex-container {
        display: flex;
        justify-content: space-between;
        align-items: start;
      }  

    .custom-header-bg {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .custom-header-bg img {
        width: 100%;
        height: auto;
        display: block;
    }



      
</style>