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

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
(alteração do texto)
(alteração do texto)
Linha 44: Linha 44:
  
 
|-
 
|-
! [Módulo_Desktop_Versão_5|Desktop]
+
! [[Módulo_Desktop_Versão_5|Desktop]]
 
|
 
|
 
!  
 
!  
 
<br>
 
<br>
 
<html>
 
<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:437px;
 
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>
 
 
 
<head>
 
<head>
 
<title>Janela modal</title>
 
<title>Janela modal</title>
Linha 207: Linha 134:
 
<form action="#" method="post">
 
<form action="#" method="post">
 
<table style="margin-top:5px; width:45%; margin-bottom:2px;margin-left:auto; margin-right:auto">
 
<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>
 
<tr>

Edição das 16h27min de 8 de maio de 2019


Londrina, 23 de novembro de 2024.

SEJA BEM-VINDO A
link=P%C3%A1gina_principal



Repositório de tutoriais, melhorias, funcionalidades e vídeos do ISP-Integrator para aplicar no sistema.


Desktop.png

Admin.jpg

Phone.png
Desktop


Janela modal Web

Fechar

Primeira janela moda

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis auctor tempus. Lorem ipsum dolor sit amet,

Morbi dui lacus, placerat eget pretium vehicula, mollis id ligula. Nulla facilisi.


Mobile


ChangelogBlue2.png
Glossario.jpg
Faq.png Faq.png
link=Capacita%C3%A7%C3%A3o_ISP_Integrator
EliteCast.png
Vocesabia.png
Project.png
IconePublicacao.png
Consul.png
Contato.jpg
Changelog Glossário FAQ-Web FAQ-Desk Vídeos/Tutoriais EliteCast Você sabia? Projetos Publicações Consultoria Contatos
link=P%C3%A1gina_principal
Facebook.pngInstagram.pngLinkedin.pngLogoYouTube.png