Ir para conteúdo

Posts Recomendados

Pop-Up para Gesior

vamos lá é um procedimento muito simples lembrando que viso fazer o tutorial para todos para quem não tem conhecimento na área deixando o tutorial é o código e para quem já tem conhecimento sinta se livre para desconsiderar o tutorial e fazer uso apenas do código e da imagem bom vamos lá

10zv6sw.png

vá até seu website navegue até a pasta

images e coloque sua imagem no formato png segue imagem em anexo

agora vamos para a parte do código em nome da imagem coloque o nome da sua imagem que nos colocamos na pasta images por Exemplo:promo.png lembrando que PNG é o formato da imagem

agora vamos para o ultimo passo se você quiser que que o anuncio apareça em todas as paginas do site coloque o código no arquivo layout.php que fica localizado na pasta layouts provável mente a próxima pagina será a tibiarl e dentro vai estar o arquivo layout.php

mas o correto é deixar o anuncio apenas na pagina inicial do site se você quiser deixar apenas na pagina inicial desconsidere o passo a sima navegue até a pasta pages e abra o arquivo latestnews.php e cole o código já editado com o nome da imagem antes do <?php que fica localizado no inicio de ambos arquivo do layout.php ou do latestnews.php segue o código

<div id="LayerPop" style="display:block; position:absolute; left:0px; top:0px; background-color:#1e1e22; width:100%; height:180%; z-index:100;margin:0px;opacity:0.75;"></div>


<div id="LayerPop2" style="position: absolute; left: 330px; top: 80px; z-index: 5000;"><a href="donate" target="_BLANK"><img src="images/nome da imagem aqui.png" class="imgBorder"></a><br><a href="javascript:void();" onClick="document.getElementById('LayerPop').style.display = 'none';document.getElementById('LayerPop2').style.display = 'none'">

<b>Fechar</b></a></div>

Se Gostou REP ><

 

Segue imagem em Anexo

post-339006-0-25865500-1445782425_thumb.png

Link para o comentário
Compartilhar em outros sites

  • 4 years later...
×
×
  • Criar Novo...