Como personalizar pop up?

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Como personalizar pop up?

Mensagem por Uatyla 15.03.13 3:39

Qual é minha questão:
Olá amigos!

Como faço para personalizar minha pop up igual a desse fórum aqui?
http://aquapeixes.forumeiros.com/

Endereço do meu fórum:
http://clan-xtremocaos.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por uatyla em 15.03.13 14:44, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 4:15

Saudações! Muito feliz

O mesmo é simples amigo, o senhor vá aceder no teu CSS com o código abaixo:

Código:
#login_popup {
background-image: url(http://img221.imageshack.us/img221/1959/logo2wwc.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}
#login_popup {
background-color: rgb(201, 207, 212);
border: 1px solid rgb(12, 13, 13);
border-image: initial;
display: none;
padding: 6px;
position: absolute;
z-index: 10000;
}

Coloque sobre o inicio do teu CSS o código acima.

Até mais! Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 4:26

amigo não deu certo, alen desse código existe algum outro que complemente? quero aprender passo a passo.

@edite
Mudei a posição do código e deu certo.

mais como por borda, link etc?...


Última edição por uatyla em 15.03.13 4:30, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 4:30

Saudações!

O mesmo deu sim amigo. A imagem já está sobre o Pop-Up. O que o senhor deseja exatamente?
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 4:32

eu mudei a posição do código e deu certo a imagem central do fundo, e como por borda, link's entre outros?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 4:35

O senhor sabe editar HTML? Aqui está basta editar o código abaixo e cola-lo no Pop-UP:

Código:
<div id="login_popup" style="left: 609px; top: 255px; width: 350px; height: 250px; display: block;"><div class="h3"></div><font color="darkblue"><strong>Conecte-se ou registre-se e faça parte do melhor Fórum de Aquariofilia!<br>
</strong></font><br>
<font color="green"><strong>Registrando-se terá direito a fazer perguntas, esclarecer dúvidas e muito mais...</strong></font><br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Veja, <strong><a href="http://aquapeixes.forumeiros.com/t15-como-postar-fotos-passo-a-passo">passo a passo</a></strong>, como postar fotos; <br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Fique por dentro das nossas <strong><a href="http://aquapeixes.forumeiros.com/t2-regras-de-utilizacao">Regras</a></strong> de utilização;<br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Fique por dentro das nossas <strong><a href="http://aquapeixes.forumeiros.com/t2094-informacoes-e-regras-concurso-aquapeixes-de-fotografias">Regras</a></strong> para participação do Concurso AquaPeixes de Fotografias;<br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Acesse nosso site <strong>AquaPeixes</strong>, para obter mais conhecimentos;<br>
<br>
<font color="red"><strong><u>* As publicidades só aparecem para os visitantes!</u></strong></font><br>
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 4:36

Onde devo inserir esse código?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 4:39

Saudações!

O senhor vai coloca-lo em:
Painel de Controle Seta Geral Seta Fórum Seta Configuração

Procure pelo Pop-UP e coloque Muito feliz!

Até mais! Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 4:50

Antes de edita a meu gosto olha ai como ficou, ele não acc os códigos.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 4:54

Olá!

Tente este para mim ver:

Código:
<html><div id="login_popup" style="left: 609px; top: 255px; width: 350px; height: 250px; display: block;"><div class="h3"></div><font color="darkblue"><strong>Conecte-se ou registre-se e faça parte do melhor Fórum de Aquariofilia!<br>
</strong></font><br>
<font color="green"><strong>Registrando-se terá direito a fazer perguntas, esclarecer dúvidas e muito mais...</strong></font><br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Veja, <strong><a href="http://aquapeixes.forumeiros.com/t15-como-postar-fotos-passo-a-passo">passo a passo</a></strong>, como postar fotos; <br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Fique por dentro das nossas <strong><a href="http://aquapeixes.forumeiros.com/t2-regras-de-utilizacao">Regras</a></strong> de utilização;<br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Fique por dentro das nossas <strong><a href="http://aquapeixes.forumeiros.com/t2094-informacoes-e-regras-concurso-aquapeixes-de-fotografias">Regras</a></strong> para participação do Concurso AquaPeixes de Fotografias;<br>
<br>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png" alt=""> Acesse nosso site <strong>AquaPeixes</strong>, para obter mais conhecimentos;<br>
<br>
<font color="red"><strong><u>* As publicidades só aparecem para os visitantes!</u></strong></font><br></html>
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 4:55

A mesma coisa.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 5:03

Saudações!

Ultilize o abaixo:

Código:
[color=darkblue][b]Conecte-se ou registre-se e faça parte do melhor Fórum de Aquariofilia!<br>[/b][/color]

[b][color=green][b]Registrando-se terá direito a fazer perguntas, <br> esclarecer dúvidas e muito mais...[/b][/color]

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Veja, [url=Link Aqui][color=darkblue]Passo à passo[/color][/url] como postar fotos;

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Fique por dentro das nossas [url=Link Aqui][color=darkblue]Regras[/color][/url] de utilização;

 Fique por dentro das nossas [url=Link Aqui][color=darkblue]Regras[/color][/url] para participação do Concurso AquaPeixes de Fotografias;

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Acesse nosso site [b]AquaPeixes[/b], para obter mais conhecimentos;[/b]

[color=red][u][b]* As publicidades só aparecem para os visitantes![/b][/u][/color]
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 5:05

Opa teve uma melhora mais ainda aparece uns códigos.

é possivel comocar um outro quadrado, lu lugar do atuau?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 5:08

Como assim?

Troque por este::

Código:
[color=darkblue][b]Conecte-se ou registre-se e faça parte do melhor Fórum de Aquariofilia![/b][/color]

[b][color=green][b]Registrando-se terá direito a fazer perguntas, esclarecer dúvidas e muito mais...[/b][/color]

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Veja, [url=Link Aqui][color=darkblue]Passo à passo[/color][/url] como postar fotos;

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Fique por dentro das nossas [url=Link Aqui][color=darkblue]Regras[/color][/url] de utilização;

 Fique por dentro das nossas [url=Link Aqui][color=darkblue]Regras[/color][/url] para participação do Concurso AquaPeixes de Fotografias;

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Acesse nosso site [b]AquaPeixes[/b], para obter mais conhecimentos;[/b]

[color=red][u][b]* As publicidades só aparecem para os visitantes![/b][/u][/color]

Em: " Link aqui" coloque o link de teu fórum.

Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 5:18

bom sobre a imagem de fundo já saquei como é, agora parece que o negrito não quer dar certo ainda da erro e aparece o código.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 5:20

Troque por este:

Código:
[color=darkblue][b]Conecte-se ou registre-se e faça parte do melhor Fórum de Aquariofilia![/b][/color]

[b][color=green]Registrando-se terá direito a fazer perguntas, esclarecer dúvidas e muito mais...[/color][/b]

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Veja, [url=Link Aqui][color=darkblue]Passo à passo[/color][/url] como postar fotos;

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Fique por dentro das nossas [url=Link Aqui][color=darkblue]Regras[/color][/url] de utilização;

 Fique por dentro das nossas [url=Link Aqui][color=darkblue]Regras[/color][/url] para participação do Concurso AquaPeixes de Fotografias;

[img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Acesse nosso site [b]AquaPeixes[/b], para obter mais conhecimentos;[/b]

[color=red][u][b]* As publicidades só aparecem para os visitantes![/b][/u][/color]
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 14:43

Amigo editei o código ficou perfeito, mais como eu disse á um bug nos fóruns, usei o código em 2 fórum e nos 2 apareceu informações diferentes hehe

um aceito o negrito e outro aceito o link
olha ai o código editado por mim *-*
Código:
[size=12]
  E Seja Bem-vindo (a) ao Fórum Clan Xtremocaos!

  Estamos felizes por nos visitar!

  [img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Aqui encontrará tudo que deseja sobre o mundo do Ragnarök,  [url=http://clan-xtremocaos.forumeiros.com/f13-departamento-de-guias-e-quest][color=darkblue]Quests[/color][/url], [url=http://clan-xtremocaos.forumeiros.com/f13-departamento-de-guias-e-quest][color=darkblue]Build's[/color][/url], [url=http://clan-xtremocaos.forumeiros.com/f5-mapas-de-up-depois-da-renovacao][color=darkblue]Dicas de UP[/color][/url] e muito mais.

  [img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Cadastre-se e faça parte desta maravilhosa comunidade que dedica-se inteiramente nesse Game fantástico.

  [img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] Fique por dentro das nossas [url=http://clan-xtremocaos.forumeiros.com/t130-regras-do-forum-xc][color=darkblue]Regras[/color][/url] de utilização.

  [img]http://r21.imgfast.net/users/2612/28/77/07/smiles/1104915802.png[/img] [color=darkblue]Conecte-se ou registre-se e faça parte do melhor Fórum de Ragnarok![/color][/size]
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Sennior 15.03.13 14:46

Saudações!

Onde deseja o sublinhado? Digo em qual frase?
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar pop up?

Mensagem por Uatyla 15.03.13 14:51

Eu já etou satisfeito do jeito que tá hehe,agora so vou pedir para equipe artimeiro fazer a imagem de fundo.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos