Fábrica de Software TOTVS BH

Atalhos

Páginas filhas
  • CNI - Confederação Nacional das Indústrias
15 mais filhas

Versões comparadas

Versão antiga 38

changes.mady.by.user Usuário desconhecido (vfernandes)

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Ana Carolina Eleuterio Abras

Gravado em

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
CNI
toggleBtn" data-
Confederação Nacional das indústrias 
alvo="content_CNI">CNI - Departamento Nacional</
a></br>
a><br>
<a href="
#
?pageId=643749210" class="customBtn btnAzul toggleBtn"
> CNI
 data-alvo="content_FIEC">FIEC -
Confederação Nacional das Indústrias - Departamento Nacional</a></br>
Ceará</a><br>
<a href="?pageId=556885227" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="
#
?pageId=754250390" class="customBtn btnAzul toggleBtn"
> FIEC
 data-alvo="content_FIEMG">FIEMG -
Federação das Indústrias do Ceará</a></br>
Minas Gerais</a><br>
<a href="
#
?pageId=485854682" class="customBtn btnAzul toggleBtn"
>
FIEMA - Federação das Indústrias do Estado do Maranhão</a></br>
data-alvo="content_FIEP">FIEP   - Paraná</a><br> 
<a href="
#
?pageId=635046140" class="customBtn btnAzul toggleBtn"
>
 data-alvo="content_FIEPA">FIEPA -
Federação das Indústrias do Estado do 
Pará</
a></br>
a><br>
<a href="
#
?pageId=544721399" class="customBtn btnAzul toggleBtn"
>
 data-alvo="content_FIEPE">FIEPE -
Federação das Indústrias do Estado de 
Pernambuco</
a></br>
a><br>
<a href="
#
?pageId=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="
#
?pageId=752941123" class="customBtn btnAzul toggleBtn"
> FIERGS - Federação das Indústrias do 
 data-alvo="content_FIERN">FIERN - Rio Grande do
Sul<
Norte</
a></br>
a><br>
<a href="
#
?pageId=660092232" class="customBtn btnAzul toggleBtn"
>
 data-alvo="content_FIES">FIES
-
Federação das Indústrias do Estado de
 - Sergipe</
a></br>
a><br>
<a href="
#
?pageId=454836666" class="customBtn btnAzul toggleBtn"
>
 data-alvo="content_FIRJAN">FIRJAN -
Federação das Indústrias do 
Rio de Janeiro</
a></br>
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
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
<style> 
.customBtn { FIERN - Federação das Indústrias do Rio Grande do Norte</a></br>
<a href="#" class="customBtn"> FIEMG - Federação das Indústrias de Minas Gerais</a></br>
<a href="#" class="customBtn"> Guia de instalações e configurações</a></br>
<a href="#" class="customBtn"> Novidades</a></br>
<style> .customBtn {
	background-color:#609af7;
	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;
}
.customBtn:hover {
	background-color:#4d84db	width: 300px;
 	min-width: 50%; 
	max-width: 600px;  
    text-decoration: none;
}

.customBtn:active {
	position:relative;
	top:1px;
} </style>

CNI - Confederação Nacional das Indústrias - Departamento Nacional

FIEC - Federação das Indústrias do Ceará

FIEMA - Federação das Indústrias do Estado do Maranhão

FIEPA - Federação das Indústrias do Estado do Pará

FIEPE - Federação das Indústrias do Estado de Pernambuco

FIEP - Federação das Indústrias do Paraná

FIERGS - Federação das Indústrias do Rio Grande do Sul

       FIES - Federação das Indústrias do Estado de Sergipe

FIRJAN - Federação das Indústrias do Rio de Janeiro

FIERN - Federação das Indústrias do Rio Grande do Norte

FIEMG - Federação das Indústrias de Minas Gerais

Guia de instalações e configurações

Novidades

HTML
<style>
.plugin_pagetree_children_list{
    margin: 0 10px;
}
.plugin_pagetree_children_list li{
    border-radius: 2px;
    border: 0;
    font-size: 15px;
    line-height: 15px;
	padding: 5px
}
.sectionMacroWithBorder .columnMacro{
 	border-style: solid;
	border-color: rgba(202, 202, 202, 1);
	border-radius: 5px;
	padding: 10px;
 }

.plugin_pagetree_children_span:hover{
    font-weight: bolder;
}
.plugin_pagetree_children_list li:hover{
	background: rgb(240,240,240);
}  

.conf-macro output-inline .custom-button {
    width: 40%;
} 
<

.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:  #31b754;
	text-decoration: none;
}  </style>