https://wiki.elitesoft.com.br/index.php?action=history&feed=atom&title=Pagina_de_Teste_3
Pagina de Teste 3 - Histórico de revisão
2026-06-07T01:45:47Z
Histórico de revisões para esta página neste wiki
MediaWiki 1.30.0
https://wiki.elitesoft.com.br/index.php?title=Pagina_de_Teste_3&diff=31177&oldid=prev
Polyanna.fabris: Criou página com ' <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .unsel { border-bottom-width: thin; border-bottom-style:...'
2012-10-26T12:49:50Z
<p>Criou página com ' <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .unsel { border-bottom-width: thin; border-bottom-style:...'</p>
<p><b>Página nova</b></p><div><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<style type="text/css"><br />
<!--<br />
.unsel {<br />
border-bottom-width: thin;<br />
border-bottom-style: inset;<br />
border-bottom-color: #ADD8E6; <!-- Cor da borda da aba --><br />
font-style: normal;<br />
<br />
}<br />
<br />
.sel {<br />
border-top-width: thin;<br />
border-right-width: thin;<br />
border-bottom-width: 12px;<br />
border-left-width: thin;<br />
border-top-style: solid;<br />
border-right-style: solid;<br />
border-bottom-style: none;<br />
border-left-style: solid;<br />
border-top-color: #ADD8E6;<!-- cor da borda da aba--><br />
border-right-color: #ADD8E6;<!-- cor da borda da aba--><br />
border-left-color: #ADD8E6;<!-- cor da borda da aba--><br />
font-weight: bold;<br />
background-color: #F8F8FF;<!-- cor de fundo--><br />
}<br />
.divsel {<br />
visibility: visible;<br />
position: absolute;<br />
left: 6px;<!-- distância do conteúdo em relação à esquerda do browser--><br />
top: 57px;<!-- distância do conteúdo em relação ao topo--><br />
height: 520px;<!-- altura do conteúdo--><br />
width: 984px;<!-- largura do conteúdo--><br />
background-color: #ADD8E6;<!-- cor de fundo do conteúdo--><br />
right: 10px;<br />
bottom: 10px;<br />
}<br />
<br />
.divunsel {<br />
visibility: hidden;<br />
}<br />
--><br />
<br />
</head><br />
<br />
<body><br />
<div align="left" id="aba"><br />
<script language="JavaScript"><br />
function se<br />
<br />
<br />
<br />
l(idaba){<br />
var aba=document.getElementById(idaba);<br />
var nAbas="5"; <!-- colocar o número de abas 1--><br />
for(var i="1";i<nAbas;i++){<br />
var id="aba"+i;<br />
document.getElementById(id).className="unsel";<br />
}<br />
aba.className="sel";<br />
<br />
for(var u="1";u<nAbas;u++){<br />
var idt="textaba"+u;<br />
document.getElementById(idt).className="divunsel";<br />
}<br />
var iddiv="text"+idaba;<br />
document.getElementById(iddiv).className="divsel";<br />
}<br />
</script><br />
<table width="100%" border="0" align="center" cellspacing="0" id="t_abas"><br />
<tr id="tr_abas"><br />
<td width="16,67%" class="unsel" >Versão 5</td><br />
<td id="aba1" width="16,67%" class="sel" align="center" onClick="sel(this.id)">Atendimentos</td><!-- colocar as abas aqui. Cuidado para não mudar as id das abas: formata: aba+número. ver exemplo--><br />
<td id="aba2" width="16,67%"align="center" class="unsel" onClick="sel(this.id)" href="www.google.com.br">Clientes</td><br />
<td id="aba3" width="16,67%" align="center" class="unsel" onClick="sel(this.id)">Painel de Configuração</td><br />
<td id="aba4" width="16,67%" align="center" class="unsel" onClick="sel(this.id)">Prospecto</td><br />
<td width="16,67%" class="unsel">&nbsp;</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="textaba1" class="divsel"></div><!-- colocar aqui o conteúdo das abas. Atenção para seguir o mesmo modelo de id.--><br />
<br />
<br />
<div id="textaba2" class="divunsel"></div><br />
<br />
<br />
<div id="textaba3" class="divunsel"></div><br />
<br />
<br />
<div id="textaba4" class="divunsel"> <br />
<br />
</body><br />
<br />
</html></div>
Polyanna.fabris