Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

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

Resolvido Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por 9Queijos em 03/02/12, 03:29 pm

Qual é minha questão:
Bom, vejam esté topic:
http://ajuda.forumeiros.com/t52923-como-adicionar-mensagem-ao-se-clicar-em-um-link-externo

Eu fiz tudo e deu certo mais tipo eu queria adicionar uma borda preta ao redor da mensagem por que confunde com os posts.

Medidas que eu tomei para corrigir o problema:
.

Links e imagens do meu problema:
..

Endereço do meu fórum:
http://www.loscheats.net/

Versão do meu fórum:
PHPBB3
avatar

9Queijos
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 173
Pontos Ativos : 288

Ver perfil do usuário http://www.loscheats.net/

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por King Gz; em 03/02/12, 04:12 pm

Boa tarde,

Poderia fornecer o código usado?

Até mais Piscada

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por Bookmarlucas654 em 03/02/12, 04:16 pm

Desculpa interromper, mas, antes de meu fórum ser hackeado, e ter sido removido pelo cracker, eu tinha este código, e, eu estava com a mesma dúvida! Ele fica igual ao fundo do tópico, e eu queria deixar essa borda preta!

Também irei aguardar ai... Piscada
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por 9Queijos em 03/02/12, 04:27 pm

Código:

jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="padding:10px!important;text-align:left!important;float:center!important;width:400px!important;position:absolute!important;top:50%!important;left:50%!important;margin-left:-211px!important;margin-top:-54px!important;display:block!important;visibility:visible!important;z-index:1!important;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important">Você está saindo da Los Cheats.<br>Não forneça sua senha se for solicitada.<br>Link: <div style=display:inline!important;text-decoration:underline!important id=linkcld></div><br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});
avatar

9Queijos
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 173
Pontos Ativos : 288

Ver perfil do usuário http://www.loscheats.net/

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por Bookmarlucas654 em 03/02/12, 04:32 pm

É exatamente este! Ai, eu acho que é a cor, agora notei :S

EDIT: Não, não é a cor! Tem que ser uma borda mesmo *-*
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por 9Queijos em 03/02/12, 04:41 pm

Ajudeen aew *-*
avatar

9Queijos
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 173
Pontos Ativos : 288

Ver perfil do usuário http://www.loscheats.net/
  • 0

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por King Gz; em 03/02/12, 04:42 pm

Olá,

Preparei 3 modelos diferentes, veja qual lhe agrada mais
Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="box-shadow: 1px 10px 2px #666464;padding:10px!important;text-align:left!important;float:center!important;width:400px!important;position:absolute!important;top:50%!important;left:50%!important;margin-left:-211px!important;margin-top:-54px!important;display:block!important;visibility:visible!important;z-index:1!important;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important">Você está saindo da Los Cheats.<br>Não forneça sua senha se for solicitada.<br>Link: <div style=display:inline!important;text-decoration:underline!important id=linkcld></div><br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});

Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="border:2px ridge black;padding:10px!important;text-align:left!important;float:center!important;width:400px!important;position:absolute!important;top:50%!important;left:50%!important;margin-left:-211px!important;margin-top:-54px!important;display:block!important;visibility:visible!important;z-index:1!important;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important">Você está saindo da Los Cheats.<br>Não forneça sua senha se for solicitada.<br>Link: <div style=display:inline!important;text-decoration:underline!important id=linkcld></div><br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});

Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="box-shadow: 1px 10px 2px #666464;border:2px ridge black;padding:10px!important;text-align:left!important;float:center!important;width:400px!important;position:absolute!important;top:50%!important;left:50%!important;margin-left:-211px!important;margin-top:-54px!important;display:block!important;visibility:visible!important;z-index:1!important;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important">Você está saindo da Los Cheats.<br>Não forneça sua senha se for solicitada.<br>Link: <div style=display:inline!important;text-decoration:underline!important id=linkcld></div><br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por Bookmarlucas654 em 03/02/12, 04:47 pm

Bem, eu gostei do último, que é os 2 juntos! Mas, tem como a sombra ficar também aparecendo um pouco para a direita não? Mostrando a lingua
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com
  • 0

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por King Gz; em 03/02/12, 04:54 pm

@Bookmarlucas654 escreveu:Bem, eu gostei do último, que é os 2 juntos! Mas, tem como a sombra ficar também aparecendo um pouco para a direita não? Mostrando a lingua

Olá,

Sim, procure no código por isto "box-shadow: 1px 10px 2px #666464"

Modifique o "1" até chegar ao ponto ideal Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por Bookmarlucas654 em 03/02/12, 04:57 pm

Ae cara, era exatamente isso, uhuuuuuuu.. Valeu!

AGUARDE, EU NÃO CRIEI O TÓPICO, DESCULPA INVADIR, MAS, ANTES DE FECHAR, AGUARDE A RESPOSTA DO AUTOR, NÃO MINHA OK? RSRS... MAS, BIGADÃO *U*
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por 9Queijos em 03/02/12, 05:41 pm

Bookmarlucas654, valeu aew rsrs e King valeu ainda mais ajudou bastante, sei que suporte e so por aqui mas poderia me passar teu msn so pra faser uma perguntinha ? *u*
avatar

9Queijos
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 173
Pontos Ativos : 288

Ver perfil do usuário http://www.loscheats.net/

Resolvido Re: Como adicionar uma borda ao redor da mensagem ao clicar em link externo nos tópicos

Mensagem por Bookmarlucas654 em 03/02/12, 06:48 pm

De nada (Por atrapalhar? rsrs) o King que é o expert manolo, eu só fiz atrapaiá Envergonhado
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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