Mudanças entre as edições de "Pagina de teste"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
(Desfeita a edição 22439 de Luciano (Discussão))
Linha 53: Linha 53:
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<style type="text/css">
 
<style type="text/css">
body{
+
#bubble_tooltip{
background-repeat:no-repeat;
+
width:147px;
padding-top:85px;
+
position:absolute;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
+
display:none;
font-size:0.9em;
+
}
line-height:130%;
+
#bubble_tooltip .bubble_top{
 +
background-image: url("http://wiki.elitesoft.com.br/images/8/85/Bubble_top.gif");
 +
background-repeat:no-repeat;
 +
height:16px;
 +
}
 +
#bubble_tooltip .bubble_middle{
 +
background-image: url("http://wiki.elitesoft.com.br/images/7/7f/Bubble_middle.gif");
 +
background-repeat:repeat-y;
 +
background-position:bottom left;
 +
padding: 18px 18px 68px 18px;
 +
top: -150px;
 +
left: 10px;
  
}
+
a{
+
}
color: #D60808;
+
#bubble_tooltip .bubble_middle span{
text-decoration:none;
+
position:relative;
}
+
top:-8px;
a:hover{
+
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
border-bottom:1px dotted #317082;
+
font-size:11px;
color: #307082;
+
}
}
+
#bubble_tooltip .bubble_bottom{
 +
background-image: url("http://wiki.elitesoft.com.br/images/3/33/Bubble_bottom.gif");
 +
background-repeat:no-repeat;
 +
background-repeat:no-repeat;
 +
height:44px;
 +
position:relative;
 +
top:-6px;
 +
}
 
</style>
 
</style>
 
 
<link rel="stylesheet" href="css/tooltip.css" media="screen">
 
<link rel="stylesheet" href="css/tooltip.css" media="screen">
 
<script type="text/javascript">
 
<script type="text/javascript">

Edição das 16h35min de 25 de abril de 2012

BarraAzul.png Informacoes.jpg Através desta tela é possível consultar os dados cadastrais de planos e serviços, financeiros e de atendimento.


BarraAzul.png Informacoes.jpg Através desta tela é possível consultar os dados cadastrais de planos e serviços, financeiros e de atendimento.


BarraAmarela.png Lampada.png Através desta tela é possível exibir notas importantes.


BarraLaranja.png Cadeado.png Através desta tela é possível informar telas bloqueadas.


BarraVermelha.png AlertaVermelha.png Através desta tela é possível exibir alertas na página.


BarraVerde.png Regras.png Através desta tela é possível exibir regras na página.


Dica em formato de balão

Esta demonstração mostra como trabalhar com dicas em formato de balão semelhantes ao do Windows.

Passe o mouse aqui. para ver a ação.

Luciano Afonso


Smile1.png

Smile2.png

Bubble top.gif

Bubble middle.gif

Bubble bottom.gif