Histórico da Página

...

Section

...

Column

...

width

...

trueResumoFIECtruepage

20%

Cloak

id	FIEC

Toggle Cloak

id	FIEMA

FIEMA

trueresumoFiematruepage

HTML

<a href="?pageId=415709081" class="customBtn btnLaranja toggleBtn" data-alvo="content_CNI">CNI - Departamento Nacional</a><br>
<a href="?pageId=643749210" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEC">FIEC - Ceará</a><br>
<a href="?pageId=556885227" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="?pageId=754250390

Cloak

id	FIEMA

HTML

<br> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=388237128

" class="customBtn btnAzul

btnVerde

toggleBtn"

> Guia de instalações e configurações</a><br> <a href="https://tdn.totvs.com/display/FDSTB/Novidades

 data-alvo="content_FIEMG">FIEMG - Minas Gerais</a><br>
<a href="?pageId=485854682" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEP">FIEP   - Paraná</a><br> 
<a href="?pageId=635046140" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEPA">FIEPA - Pará</a><br>
<a href="?pageId=544721399" class="customBtn

btnVerde"> Novidades</a><br> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=415709081

btnAzul toggleBtn" data-alvo="content_FIEPE">FIEPE - Pernambuco</a><br>
<a href="?pageId=543093815" class="customBtn btnAzul toggleBtn" data-alvo="content_FIERGS">FIERGS - Rio Grande do Sul</a><br>
<a href="?pageId=752941123" class="customBtn btnAzul toggleBtn" data-alvo="content_FIERN">FIERN - Rio Grande do Norte</a><br>
<a href="?pageId=660092232" class="customBtn btnAzul toggleBtn" data-alvo="content_FIES">FIES   - Sergipe</a><br>
<a href="?pageId=454836666" class="customBtn btnAzul toggleBtn" data-alvo="content_FIRJAN">FIRJAN - Rio de Janeiro</a><br>
<a href="?pageId=388237128" class="customBtn btnVerde toggleBtn" 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('mouseover', toggleContent.bind(null, $(toggleBtn[i]).data("alvo")));
    } 

	function toggleContent(alvo){
        toggleContentDisplayNone()
        var content = document.getElementById(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++){
	    	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

">
        CNI - Confederação Nacional das indústrias - Departamento Nacional</a><br>
<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: 50%300px;
 	min-width: 50%; 
	max-width: 50%600px; 
	text 
    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 49

Nova versão Atual

Chave