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

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
Linha 222: Linha 222:
  
  
[[Arquivo:welcomewiki.png|center|link=http://wiki.elitesoft.com.br/index.php/P%C3%A1gina_principal]]
+
                          [[Arquivo:welcomewiki.png|center|link=http://wiki.elitesoft.com.br/index.php/P%C3%A1gina_principal]]
  
  
Linha 240: Linha 240:
  
 
[[Arquivo:desktop.png|center|100px|link=Modulo_Desktop]]  
 
[[Arquivo:desktop.png|center|100px|link=Modulo_Desktop]]  
!  
+
! [[Arquivo:web.png|center|100px|link=Modulo_Web]]
<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]]
 
! [[Arquivo:phone.png|center|100px|link=Modulo_Mobile]]
  
Linha 252: Linha 246:
 
! [[Modulo_Desktop| Desktop]]
 
! [[Modulo_Desktop| Desktop]]
 
|
 
|
!  
+
! [[Modulo_Web|Web]]
<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() /3) - ( $(id).width() / 5 );
 
var top = ($(window).height() / 4) - ( $(id).height() / 4 );
 
 
$(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>Escolha sua opção</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>
 
 
 
  
 
! [[Modulo_Mobile|Mobile]]
 
! [[Modulo_Mobile|Mobile]]

Edição das 16h25min 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.



ChangelogBlue2.png
Glossario.jpg
Faq.png Faq.png
Video.jpg
Vocesabia.png
Project.png
O que há de novo? Glossário FAQ-Web FAQ-Desk Vídeos/Tutoriais Você sabia? Projetos

linkedin linkedin twitter youtube

wiki.elitesoft.com.br-index.php-P%25C3%25A1gina_principal-thumb.jpg





Welcomewiki.png


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



ChangelogBlue2.png
Glossario.jpg
Faq.png Faq.png
Video.jpg
Vocesabia.png
Project.png
O que há de novo? Glossário FAQ-Web FAQ-Desk Vídeos/Tutoriais Você sabia? Projetos

linkedin linkedin twitter youtube

wiki.elitesoft.com.br-index.php-P%25C3%25A1gina_principal-thumb.jpg