[Resolvido] Página de informação em lightbox como no checkout

Re: Página de informação em lightbox como no checkout#75778

Por Smagicas - 27 Out 2017, 20:01

- 27 Out 2017, 20:01 #75778

Olá, eu resolvi. Como não consegui puxar o link nativo do lightbox citado e ninguém respondeu eu imaginei que não é tão simples então eu coloquei um script a parte ao invés do link ou imagem que eu havia testado. Eu vou deixar o script completo abaixo para o caso de alguém precisar fazer algo semelhante ao que eu fiz em lightbox.

OBS: Caso necessite mostrar o texto formatado ou com efeitos de negritos, parágrafos e cores é só inserir em html no campo especificado.

Código completo:

Código: Selecionar todos

<html>
	<head>
		<title>LIGHTBOX SHAZAM</title>
		<style>
		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
	</style>
	</head>
	<body>
		<p><b>Coloque aqui o nome da chamada que quiser <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"> Veja Aqui</a></b></p>
		<div id="light" class="white_content">Coloque aqui todo o texto que você quiser mostrar no lightbox. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><br><br><b>Fechar</b></a></div>
		<div id="fade" class="black_overlay"></div>
	</body>
</html>

Manoel Vidal, Carlos Alberto R G, walmirsarris gostou disso

Fórum OpenCart Brasil

[Resolvido] Página de informação em lightbox como no checkout

[Resolvido] Página de informação em lightbox como no checkout#75764

Re: Página de informação em lightbox como no checkout#75778