Mudanças entre as edições de "Teste2"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
(Criou página com '<Html> <div id="colormenu"> <span class="blue"><a href="#">Cliente</a></span> <span class="LightBlue2"><a href="#">Painel de Configuracão</a></span> <span class="gr...')
 
 
(12 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
 
<Html>
 
<Html>
−
 
 
<div id="colormenu">
 
<div id="colormenu">
−
   <span class="blue"><a href="#">Cliente</a></span>
+
   <span class="blue"><a href="http://wiki.elitesoft.com.br/index.php/DocInterna_RHColaboradores">Cliente</a></span>
−
   <span class="LightBlue2"><a href="#">Painel de Configuracão</a></span>
+
   <span class="LightBlue2"><a href="#">Painel de Configuração</a></span>
 
   <span class="green"><a href="#">Atendimento</a></span>
 
   <span class="green"><a href="#">Atendimento</a></span>
 
   <span class="yellow"><a href="#">Novo Atendimento</a></span>
 
   <span class="yellow"><a href="#">Novo Atendimento</a></span>
 
   <span class="green2"><a href="#">Prospecto</a></span>
 
   <span class="green2"><a href="#">Prospecto</a></span>
 +
  <span class="LightBlue2"><a href="#">Novo Prospecto</a></span>
 +
</div>
 +
 +
 
<Style>
 
<Style>
 
#colormenu {
 
#colormenu {
Linha 12: Linha 15:
 
     padding:5px;
 
     padding:5px;
 
}
 
}
−
 
+
}
 
#colormenu a{
 
#colormenu a{
 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
Linha 46: Linha 49:
 
     -moz-border-radius-bottomright: 9px;
 
     -moz-border-radius-bottomright: 9px;
 
}
 
}
−
 
 
#colormenu .green a{
 
#colormenu .green a{
 
     border-top:6px solid #a5cc3b;
 
     border-top:6px solid #a5cc3b;
Linha 58: Linha 60:
 
     -moz-border-radius-bottomright: 9px;
 
     -moz-border-radius-bottomright: 9px;
 
}
 
}
−
 
 
#colormenu .yellow a{
 
#colormenu .yellow a{
 
     border-top:6px solid #e6ab07;
 
     border-top:6px solid #e6ab07;
 
}
 
}
−
 
 
#colormenu .yellow a:hover{
 
#colormenu .yellow a:hover{
 
     color:#FFF;
 
     color:#FFF;
Linha 82: Linha 82:
 
     -moz-border-radius-bottomright: 9px;
 
     -moz-border-radius-bottomright: 9px;
 
}
 
}
 +
 +
#colormenu .LightBlue2 a{
 +
    border-top:6px solid #B2DFEE;
 +
}
 +
#colormenu .LightBlue2 a:hover{
 +
    color:#FFF;
 +
    background-color:#B2DFEE;
 +
    -webkit-border-bottom-left-radius: 9px;
 +
    -webkit-border-bottom-right-radius: 9px;
 +
    -moz-border-radius-bottomleft: 9px;
 +
    -moz-border-radius-bottomright: 9px;
 +
}
 +
 
#colormenu {
 
#colormenu {
 
     margin:5px;
 
     margin:5px;
Linha 89: Linha 102:
 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
     padding:6px 20px 9px 20px;
 
     padding:6px 20px 9px 20px;
−
     font-size:20px;
+
     font-size:15px;
 
     color:#000;
 
     color:#000;
 
     text-decoration:none;
 
     text-decoration:none;
 
     font-weight:bold;
 
     font-weight:bold;
−
     text-transform: lowercase;
+
     text-transform:lowercase;
 
}
 
}
  
Linha 99: Linha 112:
 
     border-top:6px solid #326abd;
 
     border-top:6px solid #326abd;
 
}
 
}
−
#colormenu .red a{
+
#colormenu .LightBlue2 a{
−
     border-top:6px solid #b8462c;
+
     border-top:6px solid #B2DFEE;
 
}
 
}
 
#colormenu .green a{
 
#colormenu .green a{
Linha 111: Linha 124:
 
     border-top:6px solid #2b9435;
 
     border-top:6px solid #2b9435;
 
}
 
}
−
#colormenu .blue a:hover{
+
#colormenu .LightBlue2 a{
 +
    border-top:6px solid #B2DFEE;
 +
}
 +
#colormenu .bluelight2 a:hover{
 
     color:#FFF;
 
     color:#FFF;
 
     background-color:#326abd;
 
     background-color:#326abd;
Linha 151: Linha 167:
 
     -moz-border-radius-bottomright: 9px;
 
     -moz-border-radius-bottomright: 9px;
 
}
 
}
−
</Style>
+
#colormenu .LightBlue2 a:hover{
 +
    color:#FFF;
 +
    background-color:#B2DFEE;
 +
    -webkit-border-bottom-left-radius: 9px;
 +
    -webkit-border-bottom-right-radius: 9px;
 +
    -moz-border-radius-bottomleft: 9px;
 +
    -moz-border-radius-bottomright: 9px;
 +
}
  
−
</div>
 
−
<body>
 
−
<div align="left" id="aba">
 
−
<script language="JavaScript">
 
−
function se
 
  
  
 +
</form>
  
−
l(idcolormenu){
+
</Style>
−
var aba=document.getElementById(idcolormenu);
 
−
var nAbas="5"; <!-- colocar o número de abas  1-->
 
−
for(var i="1";i<nAbas;i++){
 
−
var id="aba"+i;
 
−
document.getElementById(id).className="colormenu";
 
−
}
 
−
aba.className="colormenu";
 
−
 
−
for(var u="1";u<nAbas;u++){
 
−
var idt="textaba"+u;
 
−
document.getElementById(idt).className="colormenu";
 
−
}
 
−
var iddiv="text"+idaba;
 
−
document.getElementById(iddiv).className="colormenu";
 
−
}
 
−
</script>
 
−
<table width="100%" border="0" align="center" cellspacing="0" id="t_abas">
 
−
<tr id="tr_abas">
 
−
<td width="16,67%" class="unsel" >Versão 5</td>
 
−
<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-->
 
−
<td id="aba2" width="16,67%"align="center"  class="colormenu" onClick="sel(this.id)" href="www.google.com.br">Clientes</td>
 
−
<td id="aba3" width="16,67%" align="center" class="colormenu" onClick="sel(this.id)">Painel de Configuração</td>
 
−
<td id="aba4" width="16,67%" align="center" class="colormenu" onClick="sel(this.id)">Prospecto</td>
 
−
<td width="16,67%" class="unsel">&nbsp;</td>
 
−
</tr>
 
−
</table>
 
−
</div>
 
−
 
−
<div id="textaba1" class="divsel"></div><!-- colocar aqui o conteúdo das abas. Atenção para seguir o mesmo modelo de id.-->
 
−
 
 
−
 
 
−
<div id="textaba2" class="divunsel"></div>
 
−
 
 
−
 
 
−
<div id="textaba3" class="divunsel"></div>
 
−
 
 
−
 
 
−
<div id="textaba4" class="divunsel">                                                   
 
−
 
 
−
</div>
 
−
 
 
−
</body>
 
  
 
</Html>
 
</Html>

Edição atual tal como às 12h11min de 5 de novembro de 2012

Disponível em "https://wiki.elitesoft.com.br/index.php?title=Teste2&oldid=31687"