Como personalizar pop up?

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

Resolvido Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 12:39 am

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, 11:44 am, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 01:15 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 01:26 am

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, 01:30 am, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 01:30 am

Saudações!

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 01:32 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 01:35 am

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>
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 01:36 am

Onde devo inserir esse código?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 01:39 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 01:50 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 01:54 am

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>
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 01:55 am

A mesma coisa.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 02:03 am

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]
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 02:05 am

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

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 02:08 am

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.

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 02:18 am

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.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 02:20 am

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]
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 11:43 am

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]
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como personalizar pop up?

Mensagem por Sennior em 15/03/13, 11:46 am

Saudações!

Onde deseja o sublinhado? Digo em qual frase?
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar pop up?

Mensagem por Uatyla em 15/03/13, 11:51 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum