Como criar um pop-up para o template master

Revisão de 14h27min de 3 de dezembro de 2021 por Mosiah (discussão | contribs)
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)

Para criarmos um um pop-up que fica na página inicial do hotsite ao fazer carragemento da página principal, precisaremos usar uma imagem promocional no qual será utilizado e então precisaremos adicionar ela no sistema ixc dessa maneria: Inserindo Imagem no Sistema Facilmente.

Após inserido a imagem, acessaremos a aba hotsite>conteúdo>artigos, ao selecionar o artigo iremos editar.

Aaaa.png

Editando o artigo, iremos adicionar o seguinte script no código-fonte do artigo:

-------------------------- Código-Fonte --------------------------

<script type="text/javascript" language="javascript">function displaylayer(nameDiv,personal){

var nameDiv = document.getElementById(nameDiv);

if(personal.toLowerCase()=='on') nameDiv.style.display='';

else if (personal.toLowerCase()=='off') nameDiv.style.display='none';

else {

if(nameDiv.style.display == 'none') nameDiv.style.display='';

else nameDiv.style.display='none';

}

}</script>

<div id="promo" style="position:fixed;background: rgba(0,0,0,0.8);height: 100%;z-index:2;width: 100%;">

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">

<tbody>

<tr>

<a href="#" onclick="displaylayer('promo','off');" style="color:white; font-size:1.8em;" target="_blank" title="[x]FECHAR"><img src="/arquivos_publicos/promo.png" style="border-width:0px;margin-top: 3vw;border-style: solid;width: 50vh;" /></a></td>

</tr>

<tr>

<td align="center" valign="middle"><a href="#" onclick="displaylayer('promo','off');" style="color:white;font-size:1.8em;" target="_top" title="Aguarde!">Fechar  [X]</a></td>

</tr>

</tbody>

</table>

</div>

<script type="text/javascript">function hidden(){

document.getElementById('popup').style.display='none';

}</script>

-------------------------- Fim Código Fonte --------------------------

Adicione o script no topo do conteúdo e então iremos ter duas opções de configurações para o topo, a 1° é de adicionar no pop-up um link ao clicar na imagem do pop-up e o 2° é de adicionar o caminho da imagem onde foi hospedada.

Captura de Tela 2021-11-19 às 16.08.36.png

Salve as alterações então visualize na página inicial o pop-up criado :

Captura de Tela 2021-11-19 às 16.20.14.png

-

Voltar ao menu Hotsite