Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.



Section
Column
width20%
HTML
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=415709081" class="customBtn btnLaranja 
btnAzul
toggleBtn"
> CNI
 
- Confederação Nacional das indústrias
data-alvo="content_CNI">CNI - Departamento Nacional</
a></br>
a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=643749210" class="customBtn btnAzul toggleBtn"
> FIEC - Federação das Indústrias do Ceará</a></br>
 data-alvo="content_FIEC">FIEC - Ceará</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=556885227" class="customBtn btnAzul toggleBtn"
> FIEMA - Federação das Indústrias do Estado do Maranhão</a></br>
 data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="?pageId=754250390" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEMG">FIEMG - Minas Gerais</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
635046140
485854682" class="customBtn btnAzul
"> FIEPA - Federação das Indústrias do Estado do Pará</a></br>
 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="
https://tdn.totvs.com/pages/viewpage.action
?pageId=544721399" class="customBtn btnAzul toggleBtn"
> FIEPE - Federação das Indústrias do Estado de Pernambuco</a></br>
 data-alvo="content_FIEPE">FIEPE - Pernambuco</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
485854682
543093815" class="customBtn btnAzul toggleBtn"
> FIEP
 data-alvo="content_FIERGS">FIERGS - 
Federação
Rio 
das
Grande 
Indústrias
do 
Paraná<
Sul</
a></br>
a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
543093815
752941123" class="customBtn btnAzul toggleBtn"
> FIERGS
 data-alvo="content_FIERN">FIERN - 
Federação das Indústrias do
Rio Grande do 
Sul<
Norte</
a></br>
a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=660092232" class="customBtn btnAzul toggleBtn"
> FIES - Federação das Indústrias do Estado de Sergipe</a></br>
 data-alvo="content_FIES">FIES   - Sergipe</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=454836666" class="customBtn btnAzul toggleBtn"
> FIRJAN
 data-alvo="content_FIRJAN">FIRJAN - 
Federação das Indústrias do
Rio de Janeiro</
a></br>
a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
752941123
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
width80%
Cloak
visibletrue
idInstalacoesConfiguracoes
false


trueInstalacoesConfiguracoestruepage

Cloak
idCNI
false


trueProjetostruepage

Cloak
idFIEC
false


trueFiectruepage

Cloak
idFIEMA
false


trueresumoFiematruepage

Cloak
idFIEPA
false


trueresumoFiepatruepage

Cloak
idFIEPE
false


trueresumoFiepetruepage

Cloak
idFIEP
false


trueresumoFieptruepage

Cloak
idFIERGS
false


trueresumoFiergstruepage

Cloak
idFIES
false


trueresumoFiestruepage

Cloak
idFIRJAN
false


trueresumoFirjantruepage

Cloak
idFIERN
false


trueresumoFierntruepage

Cloak
idFIEMG
false


trueresumoFiemgtruepage



HTML
 btnAzul"> 
	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>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=388237128" class="customBtn btnVerde"> 
	Guia de instalações e configurações</a></br>
<a href="https://tdn.totvs.com/display/FDSTB/Novidades" class="customBtn btnVerde"> 
	Novidades</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;
}

.customBtn:activebtnRoxo{
  	background-color:#6b48ff; 
}

.btnRoxo:hover {
	positionbackground-color:relative#6147cd;
	top:1pxtext-decoration: none;
}
 

.btnAzulbtnLaranja{
  	background-color:#609af7#FFAB00; 
}

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

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

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