Mudanças entre as edições de "Pagina de Teste 2"
Linha 237: | Linha 237: | ||
! [[Modulo_Desktop| Desktop]] | ! [[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> | ||
+ | |||
! [[Modulo_Mobile|Mobile]] | ! [[Modulo_Mobile|Mobile]] |
Edição das 15h19min de 28 de março de 2013
NÃO MEXER NESTA PÁGINA. |
Escolha sua Versão do Integrator. |
Aqui você terá acesso aos Tutoriais, Vídeos do Integrator para auxiliar na utilização do sistema. |
|
|