ArtigosPop-up personalizada
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Pop-up personalizada
por Roevs 27.03.12 15:48
Qual é minha questão:
Bom sabe aquela mensagem que aparece quando entra no fórum eu não quero ela em vez dela eu quero que apareça esta imagem
https://i.imgur.com/eCVIT.gif
E Que tenha um X bem em cima dela para fechar bem no cantinho > em cima
Medidas que eu tomei para corrigir o problema:
vim aqui
Links e imagens do meu problema:
https://i.imgur.com/eCVIT.gif
Endereço do meu fórum:
http://maniadanet.forumeiros.com/forum
Versão do meu fórum:
PUNBB
Bom sabe aquela mensagem que aparece quando entra no fórum eu não quero ela em vez dela eu quero que apareça esta imagem
https://i.imgur.com/eCVIT.gif
E Que tenha um X bem em cima dela para fechar bem no cantinho > em cima
Medidas que eu tomei para corrigir o problema:
vim aqui
Links e imagens do meu problema:
https://i.imgur.com/eCVIT.gif
Endereço do meu fórum:
http://maniadanet.forumeiros.com/forum
Versão do meu fórum:
PUNBB
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Pop-up personalizada
por MateusV. 27.03.12 16:51
Olá, leia o conteudo do spoiler
Cordialmente.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
- Spoiler:
Pop-up através de "Banner flutuante"
1º - Teremos de adicionar um código CSS para que possamos personalizar a janela:(clique na imagem para aumentar)
Para que o banner flutuante funcione correctamente, você deverá adicionar um código CSS na sua folha de estilos para que ela não apresente problemas:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores
Selecciona o separador Folha de estilo CSS, e cole o seguinte código:- Código:
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
2º - Teremos agora de adicionar o código do banner flutuante:
O local onde ele poderá ser adicionado pode variar muito então, para escolher um local adequado ao que deseja fazer veja a nossa FAQ.
Agora, terá de modificar o código ao modo que desejar:<script language="javascript" type="">function fechar(){
document.getElementById('popup').style.display = 'none';
}
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}</script>
<body onload="abrir();">
<DIV id="popup" class="popup">
Conteúdo
</DIV>
3º - Agora o resultado final:(carregue na imagem para aumentar)
--> FAQ do Tutorial <--
Criar e personalizar a sua pop-up- Que tipos de conteúdos posso por em minha pop-up?!
Independente de qual das maneiras você optar poderá colocar nelas quaisquer tipos de conteúdos utilizando a linguagem HTML.
- Em que locais posso utilizar as pop-ups?
- Mensagem da Home Page:
Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page" - Widgets (em todos que são possíveis de criar ou modificar):
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
ou
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum - Newsletter's (modo HTML)
Painel de Controle -> Geral -> Newsletter -> Redação e envio - Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!
- Por que o meu banner flutuante está demorando a aparecer?!
Isso somente irá ocorrer se sua página for muito carregada de conteúdos e outros scripts pois este será o último a ser carregado. Isso acontece com mais frequencia com conexões dial-up.
- Posso personalizar meu banner flutuante?
Sim, no entanto como a gama de personalizações é muito extença, quando desejar uma modificação/perosnalização no estilo de seu banner terá de fazer um pedido no fórum Administrar a aparência do seu fórum.
- Meu banner flutuante está se fechando, há como não acontecer isso?
Sim, isso ocorre pois o script utilizado possui uma propriedade que define o fechamento após passado determinado período de tempo.
Caso deseje poderá fazer modificações ou até mesmo remover esta parte. Para isso utilize este script ao invéz do mostrado no item dois:
Verde -> Esta linha representa o tempo em que a janela se encontrará aberta. Poderá remover caso não a queira ou então poderá modificar o valor que está em negrito que representa o tempo que a janela será exibida em milésimos ou seja 3000 é a mesma coisa que 3 segundos.<script language="javascript" type="">function fechar(){
document.getElementById('popup').style.display = 'none';
}
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}</script>
<body onload="abrir();">
<DIV id="popup" class="popup">
Conteúdo
</DIV>
- Posso criar botões para abrir e fechar meu banner?!
Sim, para isso terá de adicionar o seguinte código onde quer que os botões se localizem:<br> <a href="javascript: abrir();">Abrir POPUP</a>
<br> <a href="javascript: fechar();">Fechar POPUP</a> - Posso personaliza-los?!
Sim, bastará que modifique o conteúdo em vermelho para o que desejar! - Posso criar botões para fechar dentro banner?!
Sim, para isso poderá utilizar outro código e adapta-lo a posição que deseja em seu banner:
Vermelho -> Representa o botão de fechar, poderá personaliza-lo como desejar!<a style="z-index: 5;" href="javascript: fechar();">[X]</a>
- A minha pop-up em modo "nova janela" é bloqueada pelo navegador, há como resolver isso?
Não, isso é um meio que os navegadores utilizam para proteger a segurança dos usuários, ela poderá ser exibida caso as configurações de segunraça do navegador do usuário esteja configurada para permiti-las.
- Posso colocar vários scripts de pop-up?!
Sim mas, isso pode ser prejudicial para o usuário que está navegando e para a velocidade do carregamento do seu fórum.
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Criar e personalizar a sua pop-up
Cordialmente.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Pop-up personalizada
por Roevs 27.03.12 17:07
Poderia criar o código para mim e eu quero que ela abre sozinha e a imagem eu quero ela completa
Até Mais - Feliz Pacoa
Até Mais - Feliz Pacoa
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Pop-up personalizada
por MateusV. 27.03.12 17:11
Olá, o codigo será este
Cordialmente.
<script language="javascript" type="">function fechar(){
document.getElementById('popup').style.display = 'none';
}
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}
<br> <a href="javascript: fechar();">Fechar POPUP</a></script>
<body onload="abrir();">
<DIV id="popup" class="popup">
<img src="https://i.imgur.com/eCVIT.gif" />
</DIV>
Cordialmente.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Tópicos semelhantes» Barra personalizada
» Pagina personalizada
» Busca personalizada
» Legenda personalizada
» Mensagem Personalizada
» Pagina personalizada
» Busca personalizada
» Legenda personalizada
» Mensagem Personalizada
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos