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

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
(→‎Teste: v)
(.)
 
Linha 128: Linha 128:
  
 
<img src="http://wiki.elitesoft.com.br/images/4/4f/Smile1.png"  onmouseout="this.src='http://wiki.elitesoft.com.br/images/4/4f/Smile1.png';hideToolTip()" onmouseover="this.src='http://wiki.elitesoft.com.br/images/3/33/Smile2.png';showToolTip(event,'Este é apenas\ um exemplo!');return false"
 
<img src="http://wiki.elitesoft.com.br/images/4/4f/Smile1.png"  onmouseout="this.src='http://wiki.elitesoft.com.br/images/4/4f/Smile1.png';hideToolTip()" onmouseover="this.src='http://wiki.elitesoft.com.br/images/3/33/Smile2.png';showToolTip(event,'Este é apenas\ um exemplo!');return false"
−
/>
 
−
<b>Luciano Afonso</b> <br>
 
−
 
−
 
−
</body>
 
−
 
−
</html>
 
−
 
−
 
−
[[Arquivo:smile1.png]]
 
−
 
−
[[Arquivo:smile2.png]]
 
−
 
−
[[Arquivo:bubble_top.gif]]
 
−
 
−
[[Arquivo:bubble_middle.gif]]
 
−
 
−
[[Arquivo:bubble_bottom.gif]]
 
−
 
−
 
−
[[Arquivo:download.png]]  [http://files.support.epson.com/pdf/lx3pii/lx3piiuu7.pdf Manual Lx-300]
 
−
 
−
[[Arquivo:download2.png]]  [http://files.support.epson.com/pdf/lx3pii/lx3piiuu7.pdf Manual Lx-300]
 
−
 
−
 
−
 
−
 
−
<html>
 
−
<head>
 
−
<title>Tooltip Balão</title>
 
−
<style type="text/css">
 
−
body{
 
−
background-repeat:no-repeat;
 
−
padding-top:85px;
 
−
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
 
−
font-size:0.9em;
 
−
line-height:130%;
 
−
 
−
}
 
−
a{
 
−
color: #D60808;
 
−
text-decoration:none;
 
−
}
 
−
a:hover{
 
−
border-bottom:1px dotted #317082;
 
−
color: #307082;
 
−
}
 
−
</style>
 
−
<link rel="stylesheet" href="css/tooltip.css" media="screen">
 
−
<script type="text/javascript">
 
−
function showToolTip(e,text){
 
−
if(document.all)e = event;
 
−
 
−
var obj = document.getElementById('bubble_tooltip');
 
−
var obj2 = document.getElementById('bubble_tooltip_content');
 
−
obj2.innerHTML = text;
 
−
obj.style.display = 'block';
 
−
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
 
−
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
 
−
/*var leftPos = e.clientX - 100;*/
 
−
  var leftPos = 30
 
−
if(leftPos<0)leftPos = 0;
 
−
obj.style.left = leftPos + 'px';
 
−
obj.style.top = 70 + 'px'
 
−
/*obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';*/
 
−
}
 
−
 
−
function hideToolTip()
 
−
{
 
−
document.getElementById('bubble_tooltip').style.display = 'none';
 
−
 
−
}
 
−
</script>
 
−
</head>
 
−
<body>
 
−
<div id="bubble_tooltip">
 
−
<div class="bubble_top"><span></span></div>
 
−
<div class="bubble_middle"><span id="bubble_tooltip_content"></span></div>
 
−
<div class="bubble_bottom"></div>
 
−
</div>
 
−
 
−
</body>
 
−
</html>
 
−
 
−
 
−
{{#tree:id=siteTree|openlevels=1|root=Caixa|
 
−
*Criar Serviço Adicional
 
−
**Para ativar cada opção dentro de cada módulo, é necessário selecionar o módulo que irá expandir as opções,após selecionar a                                                                                                                                                                                        opção,automaticamente ela ficará ativa(Sim) e exibirá as opções: "Opção Disponível", "Novo Registro" e "Apagar Registro".Na primeira imagem a opção não está ativa. Na segunda quando selecionada, automaticamente exibi as opções na lateral.
 
−
}}
 
−
 
−
<!--
 
−
== tela ==
 
−
 
−
{| align=center border=1
 
−
|+ Recibo
 
−
|- style="background-color:#ffffcc"
 
−
! Prato
 
−
! Nº
 
−
! Preço
 
−
|-
 
−
| Entrada
 
−
| align=center | 1
 
−
| align=right | 5,00
 
−
|-
 
−
| Prato do dia
 
−
| align=center | 2
 
−
| align=right | 14,35
 
−
|- style="background-color:black; color:white"
 
−
| colspan=2 | Total
 
−
| align=right | 19,35
 
−
|}
 
−
-->
 
−
 
−
 
−
{{Guia Iniciar
 
−
|  tab-1 = Tabela de Artefatos de Projetos
 
−
|  link-1 = #Tabela_de_Artefatos_de_Projetos
 
−
|  tab-2 = Tabela de Artefatos de Trabalho
 
−
|  link-2 = #Tabela_de_Artefatos_de_Trabalho
 
−
|  tab-3 = Tabela de Artefatos de Processos
 
−
|  link-3 = #Tabela_de_Artefatos_de_Processos
 
−
}}
 
−
 
−
{{Aba terminal
 
−
|  tab-1 = Tabela de Artefatos de Projetos
 
−
|  link-1 = #Tabela_de_Artefatos_de_Projetos
 
−
|  tab-2 = Tabela de Artefatos de Trabalho
 
−
|  link-2 = #Tabela_de_Artefatos_de_Trabalho
 
−
|  tab-3 = Tabela de Artefatos de Processos
 
−
|  link-3 = #Tabela_de_Artefatos_de_Processos
 
−
}}
 
−
 
−
{{guia End}}
 
−
 
−
 
−
 
−
[[Pagina de TesteAba1]]
 
−
[[Pagina de TesteAba2]]
 
−
[[Pagina de TesteAba3]]
 
−
 
−
== teste ==
 
−
 
−
 
−
{| |- | style="height:100px; width:100px; text-align:left;"  | Abelha| style="height:100px; width:100px; text-align:center;" | Bolo| style="height:100px; width:100px; text-align:right;" | Cat|}
 

Edição atual tal como às 15h54min de 9 de fevereiro de 2023

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.


<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css">

  1. bubble_tooltip{

width:147px; position:absolute; display:none; }

  1. bubble_tooltip .bubble_top{

background-image: url("http://wiki.elitesoft.com.br/images/8/85/Bubble_top.gif"); background-repeat:no-repeat; height:16px; }

  1. 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;


}

  1. bubble_tooltip .bubble_middle span{

position:relative; top:-8px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:11px; }

  1. 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"> function showToolTip(e,text){ if(document.all)e = event;

var obj = document.getElementById('bubble_tooltip'); var obj2 = document.getElementById('bubble_tooltip_content'); obj2.innerHTML = text; obj.style.display = 'block'; var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop); if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; /*var leftPos = e.clientX - 100;*/ var leftPos = 30 if(leftPos<0)leftPos = 0; obj.style.left = leftPos + 'px'; obj.style.top = 70 + 'px' /*obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';*/ }

function hideToolTip() { document.getElementById('bubble_tooltip').style.display = 'none';

} </script>

</head> <body>

Dica em formato de balão

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

<a href="#" onmouseover="showToolTip(event,'Este é apenas\ um exemplo!');return false" onmouseout="hideToolTip()">Passe o mouse aqui.</a> para ver a ação.

<img src="http://wiki.elitesoft.com.br/images/4/4f/Smile1.png" onmouseout="this.src='http://wiki.elitesoft.com.br/images/4/4f/Smile1.png';hideToolTip()" onmouseover="this.src='http://wiki.elitesoft.com.br/images/3/33/Smile2.png';showToolTip(event,'Este é apenas\ um exemplo!');return false"

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