Histórico da Página

Section

Column

width	55%20%

HTML

<br>
	<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=388237128415709081" class="customBtn btnVerdebtnLaranja toggleBtn"> 
        Guia de instalações e configurações</a><br>
     data-alvo="content_CNI">CNI - Departamento Nacional</a><br>
<a href="https://tdn.totvs.com/display/FDSTB/Novidades?pageId=643749210" class="customBtn btnVerdebtnAzul toggleBtn"> 
        Novidades< data-alvo="content_FIEC">FIEC - Ceará</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=415709081556885227" class="customBtn btnAzul toggleBtn">
        CNI - Confederação Nacional das indústrias - Departamento Nacional</a><br>

	 data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=643749210754250390" class="customBtn btnAzul toggleBtn" expandirdata-alvo="FIECcontent_FIEMG"> 
        FIEC >FIEMG - Federação das Indústrias do Ceará<Minas Gerais</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=556885227485854682" class="customBtn btnAzul toggleBtn"> 
   data-alvo="content_FIEP">FIEP      FIEMA - Federação das Indústrias do Estado do Maranhão<Paraná</a><br>
 
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=635046140" class="customBtn btnAzul toggleBtn"> 
        FIEPA - Federação das Indústrias do Estado do  data-alvo="content_FIEPA">FIEPA - Pará</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=544721399" class="customBtn btnAzul toggleBtn"> 
        FIEPE - Federação das Indústrias do Estado de  data-alvo="content_FIEPE">FIEPE - Pernambuco</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=485854682543093815" class="customBtn btnAzul toggleBtn"> 
        FIEP - Federação das Indústrias do Paraná</a><br>
     data-alvo="content_FIERGS">FIERGS - Rio Grande do Sul</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=543093815752941123" class="customBtn btnAzul toggleBtn"> 
        FIERGS - Federação das Indústrias do  data-alvo="content_FIERN">FIERN - Rio Grande do Sul<Norte</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=660092232" class="customBtn btnAzul toggleBtn"> 
   data-alvo="content_FIES">FIES      FIES - Federação das Indústrias do Estado de Sergipe</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=454836666" class="customBtn btnAzul toggleBtn"> 
        FIRJAN - Federação das Indústrias do  data-alvo="content_FIRJAN">FIRJAN - Rio de Janeiro</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=752941123388237128" class="customBtn btnAzulbtnVerde toggleBtn"> 
        FIERN - Federação das Indústrias do Rio Grande do Norte</a><br>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=754250390" class="customBtn btnAzul"> 
        FIEMG - Federação das Indústrias de Minas Gerais</a><br>

Column

width	45%

Cloak

visible	true
id	FIEC

Cloak

id	FIEMA

HTML

 data-alvo="content_InstalacoesConfiguracoes">Guia de instalações e configurações</a><br>
<script type="text/javascript">
    var toggleBtn = document.getElementsByClassName('toggleBtn');

    for (var i = 0; i < toggleBtn.length; i++){
        toggleBtn[i].addEventListener('

click

mouseover', toggleContent.bind(null, $(toggleBtn[i]

.target

).data("alvo")));
    }

	function toggleContent(

target

alvo){
        toggleContentDisplayNone()
        var content = document.getElementById(

target

alvo);
        if(content.style.display === 'none'){
            content.style.display = 'block';
        }
    }

    function toggleContentDisplayNone(){
        var contents = document.getElementsByClassName('cloak')
        for(var i = 0; i < contents.length; i++){

if(contents[i].style.display != 'none')

	contents[i].style.display = 'none';
        }
    }
</script>

Column

width	80%

Cloak

visible	true
id	InstalacoesConfiguracoes

false

trueInstalacoesConfiguracoestruepage

Cloak

id	CNI

false

trueProjetostruepage

Cloak

id	FIEC

false

trueFiectruepage

Cloak

id	FIEMA

false

trueresumoFiematruepage

Cloak

id	FIEPA

false

trueresumoFiepatruepage

Cloak

id	FIEPE

false

trueresumoFiepetruepage

Cloak

id	FIEP

false

trueresumoFieptruepage

Cloak

id	FIERGS

false

trueresumoFiergstruepage

Cloak

id	FIES

false

trueresumoFiestruepage

Cloak

id	FIRJAN

false

trueresumoFirjantruepage

Cloak

id	FIERN

false

trueresumoFierntruepage

Cloak

id	FIEMG

false

trueresumoFiemgtruepage

HTML


<style> 
.customBtn {
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:13px 8px 32px;
	text-decoration:none;
	margin: 5px1px;
	width: 530px300px;
 	min-width: 50%; 
	max-width: 600px;  
    text-decoration: none;
}

.customBtn:active {
	position:relative;
	top:1px;
}

.btnAzul{
  	background-color:#609af7; 
}

.btnAzul:hover {
	background-color:#4d84db;
	text-decoration: none;
}

.btnRoxo{
  	background-color:#6b48ff; 
}

.btnRoxo:hover {
	background-color:#6147cd;
	text-decoration: none;
}
 

.btnLaranja{
  	background-color:#FFAB00; 
}

.btnLaranja:hover {
	background-color:#FF9900;
	text-decoration: none;
}  

.btnVerde{
  	background-color:#38d161;
}

.btnVerde:hover {
	background-color:  #2a9c48#31b754;
	text-decoration: none;
}  </style>

Atalhos

Páginas filhas

Versões comparadas

Versão antiga 58

Nova versão Atual

Chave