Pop up de mensagens personalizada

por Edmix 08.12.11 17:14

Qual é minha questão:
Gostaria de saber como fazer apra personalizar a pop up, de quando recebe uma nova mensagem privada!
no meu fórume stá ativada e apareçe a pop up simples, eu quero personlizar, não sei se é CSS ou pagina HTML!
Como na imagem abaixo.

Medidas que eu tomei para corrigir o problema:
Vim aqui!

Imagens do meu problema:
Quando clika no botão mensagem vai para a caixa de entrada, e quando clika em fechar a janela fecha!

https://2img.net/r/ihimizer/img846/708/printox.png

Endereço do meu fórum:
www.gamezerbrasil.forumeiros.com

Versão do meu fórum:
PHPBB2

por Ace 08.12.11 17:26

Olá,

Seria isto?

Flecha ajudeiros

https://ajuda.forumeiros.com/t12181-tutorial-criar-e-personalizar-a-sua-pop-up

Atenciosamente.

por Edmix 08.12.11 17:33

praticamente isso mais não consigo entender os codigos!

E onde boto para ela apareçer quando receber uma nova mensagem

e os codigos para redrecionar ela para a caixa de mensagem do usuario!

por Ace 08.12.11 18:56

Olá,

Leia o tutorial atentamente e entenderá!

Abraços.

por Konai 08.12.11 19:09

WW EDMIX escreveu:praticamente isso mais não consigo entender os codigos!

E onde boto para ela apareçer quando receber uma nova mensagem

e os codigos para redrecionar ela para a caixa de mensagem do usuario!

Olá,

Se formos explicar, daria na mesma. É só ler, ver os encaminhamentos os locais favoráveis e onde colocar, que você conseguirá. Não se preocupe ! Envergonhado

por Edmix 08.12.11 19:57

Eu li, entendi outras coisas!

O que eu quero exatamente, é quando mandaram uma mensagem para um membro do fórum, vai abrir a pop up que nem a imagem abaixo:

Pop up de mensagens personalizada Printox

Pop up de mensagens personalizada Printox

E pelo tutorial não entendi!
Alguem pode me ajudar?

por Edmix 08.12.11 20:04

Aqui apareçe essa pop up:
Pop up de mensagens personalizada Print2xi

E eu quero que nem a de la de cima! pelo tutorial não achei isso!

por Make 08.12.11 20:06

Ainda não entendi sua questão descupas Estudar

por Edmix 08.12.11 20:12

simples amigo, quando recebemos uma mensagem apareçe isso:
https://2img.net/r/ihimizer/img10/6200/print2xi.png

E euq uero para apareçer, uma personalizaçãi, não sei se é HTML ou CSS, mais fica pareçido com essa:
https://2img.net/r/ihimizer/img846/708/printox.png

E quando clika no botão mensagem vai para a caixa de mensagem!

por Ace 08.12.11 20:17

Olá,

Pode nos mandar o fórum em que viu aquela pop-up (a desejada)?

Atenciosamente.

por Edmix 08.12.11 20:23

pronto Ace, já lhe mandei!

por Make 08.12.11 21:01

Quanto já estiver resolvido me contate-me quero saber as informações.

por Ace 08.12.11 21:05

Olá,

Eu não consegui identificar a solução. Terá de aguardar alguém mais experiente lhe atender...

Mas, uma coisa, podem ser duas imagens (separadas) com um link uma para cada instância... Tente fazer algo relacionado para ver se resulta...

Atenciosamente.

por Make 08.12.11 21:09

Ace, quando já chegar em uma conclusão me avise quero saber das informações que serão dadas por você

por Edmix 08.12.11 21:10

Eu sei que é HTML!

são 3 imagens!

1 em cima que é aquela barra!

e outras 2!

que são os botoões, 1 vai para a caixa de entrada e o outro fecha a janela!

Vou esperar alguem com mais experiência!

por Convidad 08.12.11 21:21

Olá!

Coloque o link no tópico do lugar onde viu o desejado.

Seta

Atenciosamente.

por Edmix 08.12.11 21:40

já te enviei Touks!

por Edmix 08.12.11 23:08

Alguem mais experiênte, pode me ajudar?

por Edmix 09.12.11 2:33

Vou sair, espero conseguir ajuda, amanha!

por Konai 09.12.11 2:39

Olá WW EDMIX,

Evite fazer muitas mensagens ou UP'S . Tente apagar e reenviar , pois assim poupa o flood.
Enquanto à sua dúvida, aquilo que você viu das mensagens que deseja, por acaso, o fórum é do serviço forumeiros?

Seta

Avise-me se for, pois nunca vi algo assim.

por Edmix 09.12.11 10:23

É sim, é forumeiros sim!

Creio que o supero já viu o fórum!

por Dury 09.12.11 10:58

Olá,

É possível apenas por edição de templates, mas o resultado pode não ser o esperado.
Painel de controle ->> VIsualização ->> Templates ->> Postar e mensagens privadas ->> privmsgs_popup ->>

Lá vai encontrar as seguintes variáveis:

Código:: {L_MESSAGE}

Que significa "Ler mensagens".

Código:: {L_CLOSE_WINDOW}

Fechar janela.
Agora como personalizar como na imagem creio que seja dificil, visto que para que a janela feche é necessário a variável CLOSE_WINDOW. Você poderá personalizar, eu fiz uma pequena personalização, mas não testei porque no fórum em que testei esse código não apareceu o alerta, pois enviei para mim mesmo. Depois da tag de fechamento </script>, substitua esse código:

Código:: <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4"> <tr> <td class="row1" align="center" valign="top"><br /> <span class="gen">{L_MESSAGE}</span><br /> <br /> <span class="genmed"><a class="genmed" href="javascript:window.close();">{L_CLOSE_WINDOW}</a></span><br /> <br /> </td> </tr> </table> </td> </tr> </table>

Por esse:

Código:: <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4"> <tr> <td class="row1" align="center" valign="top" style="background-image: important! url('http://2img.net/i/fa/fdf3/bg.png');"><br /> <span class="gen">{L_MESSAGE}</span><br /> <br /> <span class="genmed"><a class="genmed" href="javascript:window.close();">{L_CLOSE_WINDOW}</a></span><br /> <br /> </td> </tr> </table> </td> </tr> </table>

Só para ver se o fundo ficou diferente.

Até mais!
Piscada

por Edmix 09.12.11 11:40

Estranho Jefrey, continuou do mesmo jeito!

1 coisa, o fundo, de onde eu vi, não muda não!

é o fundo do fórum, o que muda mesmo é a mensagem da pop up!

que eles botam codigo html, 3 imagens, a barra em cima e mais 2 imagens que são os botões coml link!

por Edmix 09.12.11 12:09

Acabei de testar aqui , eu peguei outra imagem e botei no lugar da que você botou!

ela ficou no fundo do quadrado onde fica a menssagem!

Esse é o local correto mesmo para personlizar, mais eu não entendo muito desses codigos!

por Dury 09.12.11 15:16

Então me passe o código que eu vou tentar algo.

por Edmix 09.12.11 16:09

É esse codigo que você me passou ae, mais se quiser eu faço as 3 imagens para você tentar o código certinho!

quer que eu faça as 3 imagens?

pronto fiz as imagens:
Barra:
Pop up de mensagens personalizada 111pw

Mensagens:
Pop up de mensagens personalizada 222uh

Fechar:

por Edmix 09.12.11 19:43

Jefrey, andei estudando e consegui um pouco, mais me restam dúvidas

Código::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td>  <script type="text/javascript"> //<![CDATA[ function jump_to_inbox(){ opener.document.location.href="{U_PRIVATEMSGS}"; window.close(); } //]]> </script> <center><table width="40%" border="0" cellspacing="0" cellpadding="5"> <tr> <td> <table class="forumline" width="100%" border="0" cellspacing="4" cellpadding="4"> <tr> <td class="row1" align="center" valign="top"> <center><img src="http://img824.imageshack.us/img824/8374/111pw.png"><br><br><a href="http://gamezerbrasilteste.forumeiros.com/privmsg?folder=inbox"><img src="http://img20.imageshack.us/img20/9549/222uh.png"></a> <span class="genmed"><a class="genmed" href="javascript:window.close();"> <img src="http://img832.imageshack.us/img832/8103/333un.png"></a></span></center> <br /> <br /> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>

Eu usei esse codigo no tamplate one me pediu, ficou quase bom!
Consegue fazer o Fecher ccorretamente, mais quanto ao botão mensagem, que redirecioona para a caixa de mensagem não consegui!

eu botei so o link na imageme assim não fica bom, póis abre o link da caixa de mensagem na janela da pop up!

Se possivel, teste o código, e faça uns pequenos ajustes que eu não consegui! que são esses que citei acima!

por Dury 09.12.11 23:25

Olá,

Mas você tirou a variável {L_CLOSE_WINDOW}... Tente fazer assim.

<a href ="{L_CLOSE_WINDOW}"><img src ="ENDEREÇO_DA_IMAGEM+CLOSE"/></a>

Coloque no lugar do código:

Código:: <span class="genmed"><a class="genmed" href="javascript:window.close();"> <img src="http://img832.imageshack.us/img832/8103/333un.png"></a></span>

Por favor, não faça flood, quando querer edite sua mensagem anterior para não ser adivertido.

Até mais!
Piscada

por Edmix 10.12.11 0:09

Para fechar a janela já está tudo ok!

Agora é a questão do outro botão: para ir para caixa de mensagem!

Eu não estou conseguindo!

por Dury 10.12.11 0:14

Olá,

O senhor tirou a variável {L_MESSAGE}, faça o teste com o de baixo:

Código::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td>  <script type="text/javascript"> //<![CDATA[ function jump_to_inbox(){ opener.document.location.href="{U_PRIVATEMSGS}"; window.close(); } //]]> </script> <center><table width="40%" border="0" cellspacing="0" cellpadding="5"> <tr> <td> <table class="forumline" width="100%" border="0" cellspacing="4" cellpadding="4"> <tr> <td class="row1" align="center" valign="top"> <center><img src="http://img824.imageshack.us/img824/8374/111pw.png"><br><br><a href="http://gamezerbrasilteste.forumeiros.com/privmsg?folder=inbox"><img src="http://img20.imageshack.us/img20/9549/222uh.png"></a> <span class="genmed"><a class="genmed" href="javascript:window.close();"> <img src="http://img832.imageshack.us/img832/8103/333un.png"></a></span></center> <span class="gen">{L_MESSAGE}</span> <br /> <br /> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>

por Konai 10.12.11 0:17

Olá,

Aproveitando da situação, gostaria de saber se este código passado por ti Jeffrey, é o completo? Tenho de coloca-lo em que local?

por Edmix 10.12.11 0:25

Deu certo Jefrey, mais apareçe a menssagem em baixo!

E quando clika no botão essa janela da pop up que vai para a caixa de entrada!

e no normal, quando clickamos em: "clique Aqui" a pagina do fórum que vai para a caixa de entrada!

por Dury 10.12.11 0:29

Olá,

É... eu suponho que tem que estar dentro das propriedades do <TR>. Veja que no código original temos o <td class="row1" align="center" val... Se ficar por dentro dele eu acho que fica bom. Tente com o código abaixo:

Código::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td>  <script type="text/javascript"> //<![CDATA[ function jump_to_inbox(){ opener.document.location.href="{U_PRIVATEMSGS}"; window.close(); } //]]> </script> <center><table width="40%" border="0" cellspacing="0" cellpadding="5"> <tr> <td> <table class="forumline" width="100%" border="0" cellspacing="4" cellpadding="4"> <tr> <td class="row1" align="center" valign="top"> <center><img src="http://img824.imageshack.us/img824/8374/111pw.png"><br><br><a href="http://gamezerbrasilteste.forumeiros.com/privmsg?folder=inbox"><img src="http://img20.imageshack.us/img20/9549/222uh.png"></a> <span class="genmed"><a class="genmed" href="javascript:window.close();"> <img src="http://img832.imageshack.us/img832/8103/333un.png"></a></span></center> <tr> <td class="row1" align="center" valign="top"><br /> <span class="gen">{L_MESSAGE}</span> </tr> <br /> <br /> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>

Até mais!

por Edmix 10.12.11 1:08

Jefrey, consegui! e so resta 1 coisinha que eu axo que você sabe ^^

Código::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td>  <script type="text/javascript"> //<![CDATA[ function jump_to_inbox(){ opener.document.location.href="{U_PRIVATEMSGS}"; window.close(); } //]]> </script> <center><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td colspan="1"> <center><table class="forumline" width="468" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td><img src="http://img824.imageshack.us/img824/8374/111pw.png"><br></td></tr><tr><td><center><br><a href="/privmsg?folder=inbox" onclick="jump_to_inbox();return false;" target="_new"><img src="http://img20.imageshack.us/img20/9549/222uh.png"></a> <span class="genmed"><a class="genmed" href="javascript:window.close();"><img src="http://img832.imageshack.us/img832/8103/333un.png"></a></span></center><br></td></tr></tbody></table></center></td></tr> <br /> <br /> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>

Quando a pop up abre, ela abre desse tamanho:

Pop up de mensagens personalizada 19913389

Mais onde eu vi, ela abre do tamanho certinho da pop up!

por Dury 10.12.11 1:16

Adoroooo

...

Existe este trecho <table class="forumline" width="468" border="0", o valor em vermelho que destaquei é a largura de alguma coisa... xD Não sei do que, precisamente. Tente aumentar a largura.

Se não for isso, eu acho que são as imagens que são grandes de mais Estudar

.

por Edmix 10.12.11 1:20

Essa largura eu tentei antes sim!

E é a largura do quadrado que está dentro da janela! ele aumenta mais a janela não!

por Dury 10.12.11 1:26

Desculpe, mas os meus conhecimentos foram até aqui mesmo. Eu acho que o tamanho da imagem que está atrás dos botões Fechar e Mensagens é que está grande de mais.

por Edmix 10.12.11 1:29

Ok então, ou vou refazer as imagens e da uma ajustada, dminuir as imagens!

e deixar a janela desse tamanho mesmo!

A iamgem do fundo é a mesma do fundo do fórum!

Mais uma vez muito obrigado Jefrey me ajudou bastante!

questão resolvida!

Creio que mais tarde vou postar outra interessante! ^^

por Konai 10.12.11 1:30

Olá,

Modifique este código:

Código:: <table width="700" border="0" cellspacing="0" cellpadding="5">

Widget= " 700 "

Pop up de mensagens personalizada

Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada

Re: Pop up de mensagens personalizada