Como criar um pop-up para o template master
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.
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.
Salve as alterações então visualize na página inicial o pop-up criado :
-
Voltar ao menu Hotsite