Siga-nos em...
Follow us on Twitter Follow us on Facebook Watch us on YouTube
Registro


Alpha Servers
Resultados 1 a 6 de 6
  1. #1

    Avatar de Bullet
    Data de Ingresso
    Nov 2011
    Localização
    goiania
    Idade
    24
    Posts
    350
    Agradecido
    60
    Agradeceu
    46
    Peso da Avaliação
    10

    Padrão Box Flutuante Aparecer Mensagem

    Olá,
    Estou fazendo algumas modificações no meu Template MuSite !
    E estou querendo uma Box que assim que o Player Clicar na Imagem(Icone) ira abrir uma Box no meio da Tela com as informações que eu quiser colocar alguém pode estar me ajudando nessa box ?

    Obrigado desde já !
    Servidor Easy / Hard
    Nome: Mu Square
    Versão: 97D+1.0E Edition
    Experiência Free: 1.000x
    Experiência Vip Simples: 2.000x
    Experiência Super Vip: 5.000x
    Drop: 80%
    - PVP Equilibrado 100%
    Comandos Exclusivos para Player.
    Vários eventos e Novidades !
    Vagas na Staff

    Acesse: Hidden Content
    Fórum: Hidden Content
    Fan Page: Hidden Content

  2. #2

    Avatar de hadeslan
    Data de Ingresso
    Oct 2010
    Localização
    Nada a dizer no moumento
    Idade
    24
    Posts
    959
    Agradecido
    185
    Agradeceu
    143
    Peso da Avaliação
    17

    Padrão

    Bem tem essa daqui box flutante com imagens ou seja pra quando tiver promoção ou algo do tipo
    Código:
    	<script> 
    
    		$(document).ready(function(){   
    
    		Sexy.alert("<a href='#' style='text-decoration: none; font-family: arial; font-size: 12px; color: black;'><img src='http://www.muwebzen.com.br/forum/uploads/images/Mu_Webzen_-1341242197-U1.png' style='border: none;' /> Valido: 15/07/2012<br /></a>");
    
                     });
    
    	</script>
    
    
    
    	<script> 
    
    		$(document).ready(function(){   
    
    		Sexy.alert("<img src='http://nots.no-ip.biz:50/megadrop.png' style='border: none;' /><br />");
    
                     });
    
    	</script>

  3. #3



    Avatar de Ayrton Ricardo
    Data de Ingresso
    May 2012
    Localização
    Joao Pessoa - PB
    Idade
    22
    Posts
    1.388
    Agradecido
    253
    Agradeceu
    167
    Peso da Avaliação
    20

    Padrão

    Código anterior postado por min, porém com algumas modificações para se adequar ao pedido!

    hadeslan este código acima, a função que está sendo chamada é por padrão do erick, e está sendo iniciada ao carregar o site.


    Código:


    Código HTML:
    <a class="ayrton_click" href="#">Clique aqui</a>
    
    
    <style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block;}.cboxIframe{width:100%; height:100%; display:block; border:0;}#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-
    E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px; background:url(https://lh4.googleusercontent.com/--
    SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x top left;}#cboxTopRight{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-
    E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-
    E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px; background:url(https://lh4.googleusercontent.com/--
    SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-
    E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px; background:url(https://lh3.googleusercontent.com/-
    E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px; background:url(https://lh3.googleusercontent.com/-
    E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff; overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(https://lh6.googleusercontent.com/-
    E9dVofW8BBY/T42WBJ5M22I/AAAAAAAAD_w/w7AL0l9gVKk/s40/loading-background.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-
    ibVOtcbbUyU/T42WNcii6_I/AAAAAAAAEAE/Mrplo9QsPks/s32/loading.gif) no-repeat center center;}#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; 
    color:#7C7C7C;}#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url
    (https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-
    repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}#cboxPrevious{left:0px; background-position: -51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px; background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0; background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;}#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}.box-title {color: #3B5998;font-size: 20px !important;font-weight: bold;margin: 10px 0;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}.box-tagline {color: #999;margin: 0;text-align: center;}#subs-container {padding: 35px 0 30px 0;position: relative;}a:link, a:visited {border:none;}.demo {display:none;}#subscribe{    margin: 0 auto;    text-align: center;}</style><script src='http://yourjavascript.com/1029251148/jquery.min.js'></script><script src="http://yourjavascript.com/1141272178/jquery.colorbox-min.js"></script><script type="text/javascript">$(".ayrton_click").click(function(){if (document.cookie.indexOf('visited=true') == -1) {var fifteenDays = 1000*60*60*24*30;var expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires=" + expires.toUTCString();$.colorbox({width:"350px", inline:true, href:"#subscribe"});}});</script><!-- This contains the hidden content for inline calls --><div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><img src="(link da imagem)" /></div></div>




    Agora vá la onde tem (link da imagem) ~ está basicamente no fim do código ~ e altere com o link da sua imagem.

    Explicações:

    1 - Coloque uma class="ayrton_click" em qualquer link, que irá abrir esta janela >.<'
    2 - O link que você deve mexer e se basear está no começo do codigo!
    3 - enjoy!



    Se eu entendi errado e você não quer colocar uma imagem e sim um conteúdo, basta remover o <img src="(link da imagem)" /> e colocar o que você quizer, ex: Oi eu sou o goku!




    Att. Ayrton Ricardo!
    Última edição por Ayrton Ricardo; 15-06-2013 às 12:11 AM.

  4. #4

    Avatar de Bullet
    Data de Ingresso
    Nov 2011
    Localização
    goiania
    Idade
    24
    Posts
    350
    Agradecido
    60
    Agradeceu
    46
    Peso da Avaliação
    10

    Padrão

    Ayrton Seguinte quero colocar o Ícone de uma Imagem Tamanho 32x32 (Já coloquei no site) ai assim que á pessoa clicar na Imagem(Ícone) ira aparece a box flutuante no meio da pagina.
    Exemplo: A Pessoa clica no ícone ai aparece a mensagem dentro da box "Oi eu sou Goku"
    Servidor Easy / Hard
    Nome: Mu Square
    Versão: 97D+1.0E Edition
    Experiência Free: 1.000x
    Experiência Vip Simples: 2.000x
    Experiência Super Vip: 5.000x
    Drop: 80%
    - PVP Equilibrado 100%
    Comandos Exclusivos para Player.
    Vários eventos e Novidades !
    Vagas na Staff

    Acesse: Hidden Content
    Fórum: Hidden Content
    Fan Page: Hidden Content

  5. #5

    Avatar de kubom
    Data de Ingresso
    Mar 2013
    Localização
    Salvador-BA
    Posts
    20
    Agradecido
    9
    Agradeceu
    2
    Peso da Avaliação
    0

    Padrão

    você pode ta usando á função:

    <script language="javascript" type="text/javascript">
    alert ("Oi eu sou goku")
    </script>

  6. #6

    Avatar de Bullet
    Data de Ingresso
    Nov 2011
    Localização
    goiania
    Idade
    24
    Posts
    350
    Agradecido
    60
    Agradeceu
    46
    Peso da Avaliação
    10

    Padrão

    Obrigado, Pedido atendido podem fechar !
    Servidor Easy / Hard
    Nome: Mu Square
    Versão: 97D+1.0E Edition
    Experiência Free: 1.000x
    Experiência Vip Simples: 2.000x
    Experiência Super Vip: 5.000x
    Drop: 80%
    - PVP Equilibrado 100%
    Comandos Exclusivos para Player.
    Vários eventos e Novidades !
    Vagas na Staff

    Acesse: Hidden Content
    Fórum: Hidden Content
    Fan Page: Hidden Content

 

 

Informações de Tópico

Usuários Navegando neste Tópico

Há 1 usuários navegando neste tópico. (0 registrados e 1 visitantes)

Tópicos Similares

  1. |Dúvida| Botar descrição do tópico para aparecer no site
    Por fuzy12 no fórum Dúvidas
    Respostas: 0
    Último Post: 01-01-2016, 10:49 PM
  2. |Dúvida| Box flutuante Facebook
    Por Bullet no fórum Suportes|Dúvidas|Pedidos
    Respostas: 17
    Último Post: 04-03-2014, 12:12 PM
  3. |Tutorial| Box flutuante de redes sociais.
    Por Bruno Lucena no fórum IPB | Tutoriais
    Respostas: 0
    Último Post: 23-02-2013, 04:59 AM
  4. |Tutorial| Menu Flutuante com Efeito
    Por FusioN no fórum IPB | Tutoriais
    Respostas: 0
    Último Post: 24-04-2011, 09:18 PM

Marcadores

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •