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

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

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

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

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

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.

Luciano Afonso

@@ Linha 53: / Linha 53: @@
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <style type="text/css">
-#bubble_tooltip{
+body{
-width:147px;
+		background-repeat:no-repeat;
-position:absolute;
+		padding-top:85px;
-display:none;
+		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
-}
+		font-size:0.9em;
-#bubble_tooltip .bubble_top{
+		line-height:130%;
-	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{
-#bubble_tooltip .bubble_middle span{
+		color: #D60808;
-	position:relative;
+		text-decoration:none;
-	top:-8px;
+	}
-	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
+	a:hover{
-	font-size:11px;
+		border-bottom:1px dotted #317082;
-}
+		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>
 <link rel="stylesheet" href="css/tooltip.css" media="screen">
 <script type="text/javascript">