Código que coloquei sem fundo

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

Resolvido Código que coloquei sem fundo

Mensagem por Curtsy em 02/05/12, 08:40 pm

Qual é minha questão:
Bom, eu estava nesse tutorial aqui: http://ajuda.forumeiros.com/t52735-tutorial-mensagem-ao-clicar-em-link-externo-nos-topicos

Fiz tudo direito, o problema é que o aviso fica sem fundo, vejam só:
http://dl.dropbox.com/u/65486046/ScreenHunter_40%20May.%2002%2020.38.jpg

O código que usei:

Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;right:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="padding:10px!important;text-align:right!important;float:right!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=50);-webkit-border-radius:1px!important;-moz-border-radius:1px!important;border-radius:1px!important">Você está saindo do TropiHabbo.<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(201,201,201),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()})});

Se alguém souber solucionar, já agradeço desde já. Feliz

Medidas que eu tomei para corrigir o problema:
Procurar algum tutorial

Links e imagens do meu problema:


Endereço do meu fórum:
http://www.tropihabbo.com

Versão do meu fórum:
PUNBB


Última edição por Reflex Of Gaga em 04/05/12, 08:20 pm, editado 1 vez(es)
avatar

Curtsy
Nível 5

Masculino
Inscrito dia : 29/12/2011
Mensagens : 47
Pontos Ativos : 77

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

Resolvido Re: Código que coloquei sem fundo

Mensagem por Sennior em 02/05/12, 08:44 pm

Olá amigo:
Tente trocar a cor em negrito citada:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;right:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="padding:10px!important;text-align:right!important;float:right!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=50);-webkit-border-radius:1px!important;-moz-border-radius:1px!important;border-radius:1px!important">Você está saindo do TropiHabbo.<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(201,201,201),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()})});

Resulta?
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: Código que coloquei sem fundo

Mensagem por Curtsy em 02/05/12, 08:57 pm

Alterou a cor da letra do "Confirmar" e do "Cancelar", acho que não é aí :S
avatar

Curtsy
Nível 5

Masculino
Inscrito dia : 29/12/2011
Mensagens : 47
Pontos Ativos : 77

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

Resolvido Re: Código que coloquei sem fundo

Mensagem por Oto! em 04/05/12, 07:00 pm

Olá,

Modifique seu código para:
Spoiler:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;right:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="padding:10px!important;text-align:right!important;float:right!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=50);-webkit-border-radius:1px!important;-moz-border-radius:1px!important;border-radius:1px!important">Você está saindo do TropiHabbo.<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:#COR;background-image:-webkit-linear-gradient(top,rgb(201,201,201),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()})});

Este tipo de tópico deve ser postado na seção de códigos.

Até mais.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código que coloquei sem fundo

Mensagem por Curtsy em 04/05/12, 08:21 pm

Obrigado Dr.House e Mr.Helper! Feliz Consegui.
avatar

Curtsy
Nível 5

Masculino
Inscrito dia : 29/12/2011
Mensagens : 47
Pontos Ativos : 77

Ver perfil do usuário http://www.tropihabbo.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