Edição das 16h35min 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">
-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>
 <link rel="stylesheet" href="css/tooltip.css" media="screen">
 <script type="text/javascript">