Mudanças entre as edições de "Bizagi:Teste"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
m (Automatic page editing)
 
Linha 1: Linha 1:
−
==Teste - Bizagi Process Modeler==
+
[[Arquivo:welcomewiki.png|center|link=http://wiki.elitesoft.com.br/index.php/P%C3%A1gina_principal]]
  
−
===Process Diagrams===
 
−
<gallery>
 
−
File:Teste-Diagram1.png|[[Bizagi:Teste-Diagram 1|Diagram 1 <br> ]]
 
  
−
</gallery>
+
{|style="color:#767676; font-family:Georgia;font-size:130%; margin-left:208px"
 +
|-
 +
|Aqui você terá acesso aos Tutoriais, Vídeos do Integrator para auxiliar na utilização do sistema.
 +
|}
 +
 
 +
 
 +
{| style="margin-top:5px; width:60%; margin-bottom:2px; margin-left:240px"
 +
|class="fundologo" style="background-repeat:no-repeat; background-position:-40px -15px; width:100%; border:1px solid #a7d7f9; vertical-align:top; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35)" |
 +
 
 +
{|  style="width:100%; margin-bottom:2px; vertical-align:top; font-size:95%; background:transparent;"
 +
[[Arquivo:ambiente.png]]
 +
|-
 +
|Colspan="2" style="text-align:center"|
 +
 
 +
[[Arquivo:desktop.png|center|100px|link=Modulo_Desktop]]
 +
!
 +
<html>
 +
<body>
 +
<a href="#janela2" rel="modal"><img alt="Admin.jpg" src="http://wiki.elitesoft.com.br/images/thumb/f/f8/Web.png/100px-Web.png" width="100" height="100" /></a><br>
 +
</body>
 +
</html>
 +
 
 +
! [[Arquivo:phone.png|center|100px|link=Modulo_Mobile]]
 +
 
 +
|-
 +
! [[Modulo_Desktop| Desktop]]
 +
|
 +
!
 +
<br>
 +
<html>
 +
<head>
 +
<title>Janela modal</title>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("a[rel=modal]").click( function(ev){
 +
ev.preventDefault();
 +
 
 +
var id = $(this).attr("href");
 +
 
 +
var alturaTela = $(document).height();
 +
var larguraTela = $(window).width();
 +
 +
//colocando o fundo preto
 +
$('#mascara').css({'width':larguraTela,'height':alturaTela});
 +
$('#mascara').fadeIn(1000);
 +
$('#mascara').fadeTo("slow",0.8);
 +
 
 +
var left = ($(window).width() /2) - ( $(id).width() / 2 );
 +
var top = ($(window).height() / 2) - ( $(id).height() / 2 );
 +
 +
$(id).css({'top':top,'left':left});
 +
$(id).show();
 +
});
 +
 
 +
$("#mascara").click( function(){
 +
$(this).hide();
 +
$(".window").hide();
 +
});
 +
 
 +
$('.fechar').click(function(ev){
 +
ev.preventDefault();
 +
$("#mascara").hide();
 +
$(".window").hide();
 +
});
 +
});
 +
</script>
 +
 
 +
<style type="text/css">
 +
 
 +
.window{
 +
display:none;
 +
width:383px;
 +
height:228px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
background:#FFF;
 +
z-index:9900;
 +
padding:10px;
 +
border-radius:10px;
 +
}
 +
 
 +
#mascara{
 +
position:absolute;
 +
  left:0;
 +
  top:0;
 +
  z-index:9000;
 +
  background-color:#000;
 +
  display:none;
 +
}
 +
 
 +
.fechar{display:block; text-align:right;}
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
<a href="#janela2" rel ="modal">Web</a>
 +
 
 +
 
 +
<div class="window" id="janela1">
 +
<a href="#" class="fechar">X Fechar</a>
 +
<h4>Primeira janela moda</h4>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis auctor tempus. Lorem ipsum dolor sit amet,</p>
 +
<p>Morbi dui lacus, placerat eget pretium vehicula, mollis id ligula. Nulla facilisi. </p>
 +
</div>
 +
 
 +
<div class="window" id="janela2">
 +
<a href="#" class="fechar">X Fechar</a>
 +
<h4>Formulario</h4>
 +
<form action="#" method="post">
 +
<table style="margin-top:5px; width:45%; margin-bottom:2px;margin-left:auto; margin-right:auto">
 +
<tr>
 +
<td style="border:1px solid #a7d7f9; border-radius: 10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35)">
 +
<table style="width:100%; margin-bottom:2px; vertical-align:top; font-size:95%; background:transparent;">
 +
 
 +
 
 +
<tr>
 +
<td colspan="2" style="text-align:center">
 +
<div class="center"><div class="floatnone"><a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_Admin" title="Modulo Web - Central Admin"><img alt="Admin.jpg" src="http://wiki.elitesoft.com.br/images/thumb/b/be/Admin.jpg/70px-Admin.jpg" width="70" height="70" /></a></div></div>
 +
</td>
 +
<th> <div class="center"><div class="floatnone"><a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_do_Assinante" title="Modulo Web - Central do Assinante"><img alt="CentralAss.png" src="http://wiki.elitesoft.com.br/images/thumb/d/db/CentralAss.png/70px-CentralAss.png" width="70" height="70" /></a></div></div>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/%C3%81rea_de_Trabalho" title="Área de Trabalho"><img alt="Networkweb.png" src="http://wiki.elitesoft.com.br/images/thumb/6/6c/Networkweb.png/70px-Networkweb.png" width="70" height="70" /></a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Revenda" title="Modulo Web - Revenda"><img alt="Revenda.png" src="http://wiki.elitesoft.com.br/images/c/c7/Revenda.png" width="70" height="69" /></a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Painel" title="Modulo Web - Painel"><img alt="Painel.png" src="http://wiki.elitesoft.com.br/images/thumb/a/a0/Painel.png/70px-Painel.png" width="70" height="70" /></a>
 +
</th></tr>
 +
<tr>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_Admin" title="Modulo Web - Central Admin"> Central Admin</a>
 +
</th>
 +
<td>
 +
</td>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_do_Assinante" title="Modulo Web - Central do Assinante">Central Assinante</a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/%C3%81rea_de_Trabalho" title="Área de Trabalho">Área de Trabalho Web</a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Revenda" title="Modulo Web - Revenda"> Central Revenda</a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Painel" title="Modulo Web - Painel"> Painel de Controle</a>
 +
</th></tr></table>
 +
</td></tr></table>
 +
 
 +
</form>
 +
</div>
 +
 
 +
<!-- mascara para cobrir o site -->
 +
<div id="mascara"></div>
 +
 +
</body>
 +
</html>

Edição das 15h43min de 28 de março de 2013

Welcomewiki.png


Aqui você terá acesso aos Tutoriais, Vídeos do Integrator para auxiliar na utilização do sistema.


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