Mudanças entre as edições de "Página principal"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
Linha 1: Linha 1:
−
                          [[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 17: Linha 17:
  
 
[[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 23: Linha 29:
 
! [[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 16h26min 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
Disponível em "https://wiki.elitesoft.com.br/index.php?title=Página_principal&oldid=38392"