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

Alpha Servers
Página 1 de 2 12 ÚltimoÚltimo
Resultados 1 a 10 de 18
  1. #1

    Avatar de Bullet
    Data de Ingresso
    Nov 2011
    Localização
    goiania
    Idade
    30
    Posts
    343
    Agradecido
    58
    Agradeceu
    45
    Peso da Avaliação
    16

    Padrão Box flutuante Facebook

    Olá galerinha,
    Bom eu estou querendo colocar uma box flutuante em meu site exemplo assim que a pessoa entrar no site aparecera uma box na tela dele porem enquanto ele não clicar em Curtir(Box do Facebook) ele não poderia clicar em nenhum outro Menu do site.
    Encontrei uma Creio que meio caminho andado que o Fernando posto exemplo:
    Código:
    <style type="text/css">
    #popup{
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 4px 4px 4px 4px;
    border-width: 1px;
    border-style: solid;
    background: #242424;
    display: none;
    z-index: 10000;
    }
    </style>
    
    <script language="javascript" type="">
    function fechar(){
    document.getElementById('popup').style.display = 'none';
    }
    </script>
    
    <div id="popup" class="popup" style="display:block">
    <a href="http://www.Sitecom.br" target="_blank" onclick="javascript: fechar();"><img src="Link da Imagens" border="0"></a>
    <small><a href="javascript: fechar();"><br /><div align="right"><font size="2"><b>FECHAR</b></font></div></a></small>
    </div>
    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 Ayrton Ricardo
    Data de Ingresso
    May 2012
    Localização
    Joao Pessoa - PB
    Idade
    28
    Posts
    1.379
    Agradecido
    262
    Agradeceu
    171
    Peso da Avaliação
    26

    Padrão

    Código:
    <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;
    }
    </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">
    jQuery(document).ready(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;'>
    <center>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FnomedaPagina&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
    </center>
    </div>
    </div>


    O que esta em vermelho substitua pelo nome da pagina do facebook.
    Ex: facebook.com/MuJampaX
    MuJampaX ->
    é o nome da página


    Espero que tenha entendido, e que o mesmo seja útil xD

    Dica de desenvolvedor:
    Não obrigue o usuário a fazer nada do que ele não queira, como por exemplo ter que clicar em um like, tendo o mesmo que fazer login no facebook para isso, somente para visualizar seu website, isto é algo completamente errado e serve de propaganda negativa contra você!





    Att. Ayrton Ricardo.
    Leiam, todo desenvolvedor PHP precisa conhecer: Hidden Content .




  3. O Seguinte Usuário Agradeceu Ayrton Ricardo Por este Post Útil:


  4. #3

    Avatar de tiagobskt
    Data de Ingresso
    Oct 2011
    Localização
    land of trials
    Idade
    34
    Posts
    168
    Agradecido
    34
    Agradeceu
    34
    Peso da Avaliação
    14

    Padrão

    ayrton..
    poderia postar na forma que não obrigue a pessoa a ter que curtir para entrar, no caso apertando fora ou em um X, assim entrando normalmente no site, valeu.

  5. #4



    Avatar de Ayrton Ricardo
    Data de Ingresso
    May 2012
    Localização
    Joao Pessoa - PB
    Idade
    28
    Posts
    1.379
    Agradecido
    262
    Agradeceu
    171
    Peso da Avaliação
    26

    Padrão

    Citação Postado originalmente por tiagobskt Ver Post
    ayrton..
    poderia postar na forma que não obrigue a pessoa a ter que curtir para entrar, no caso apertando fora ou em um X, assim entrando normalmente no site, valeu.
    Esse que eu postei é assim xD

    Tem um "X" pra clicar ai fecha o anúncio. (Feito em JQuery) ~ ColorBox
    Última edição por Ayrton Ricardo; 04-06-2013 às 12:29 AM.
    Leiam, todo desenvolvedor PHP precisa conhecer: Hidden Content .




  6. #5

    Avatar de Bullet
    Data de Ingresso
    Nov 2011
    Localização
    goiania
    Idade
    30
    Posts
    343
    Agradecido
    58
    Agradeceu
    45
    Peso da Avaliação
    16

    Padrão

    Obrigado Ayrton irei testar logo mais.
    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

  7. #6

    Avatar de tuniN
    Data de Ingresso
    Apr 2010
    Localização
    Lajinha / MG
    Idade
    35
    Posts
    112
    Agradecido
    0
    Agradeceu
    0
    Peso da Avaliação
    15

    Padrão

    desculpe a nubice...mas em qual parte do código da minha pagina coloco isso?

  8. #7



    Avatar de Ayrton Ricardo
    Data de Ingresso
    May 2012
    Localização
    Joao Pessoa - PB
    Idade
    28
    Posts
    1.379
    Agradecido
    262
    Agradeceu
    171
    Peso da Avaliação
    26

    Padrão

    Citação Postado originalmente por tuniN Ver Post
    desculpe a nubice...mas em qual parte do código da minha pagina coloco isso?
    ^^' agora eu ri com "nubice" kkkkkkkkk' ó.Ô

    Isso pode colocar em qualquer parte da index.tpl.php '-', ou melhor dizendo, a index do seu template xD.

    Independente de ser Daldegam, Erick, TRDS. Coloca na index que tiver o "template".
    Leiam, todo desenvolvedor PHP precisa conhecer: Hidden Content .




  9. #8

    Avatar de hadeslan
    Data de Ingresso
    Oct 2010
    Localização
    Nada a dizer no moumento
    Idade
    30
    Posts
    996
    Agradecido
    207
    Agradeceu
    152
    Peso da Avaliação
    23

    Padrão

    ayrton tem a de um baner ao inves da pagina do facebook tou presisado da do baner

  10. #9



    Avatar de Ayrton Ricardo
    Data de Ingresso
    May 2012
    Localização
    Joao Pessoa - PB
    Idade
    28
    Posts
    1.379
    Agradecido
    262
    Agradeceu
    171
    Peso da Avaliação
    26

    Padrão

    Código:
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FnomedaPagina&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
    Substitua esse código pelo seu banner/pagina/etc, fazendo os devidos ajustes no css ^^'
    Leiam, todo desenvolvedor PHP precisa conhecer: Hidden Content .




  11. #10

    Avatar de hadeslan
    Data de Ingresso
    Oct 2010
    Localização
    Nada a dizer no moumento
    Idade
    30
    Posts
    996
    Agradecido
    207
    Agradeceu
    152
    Peso da Avaliação
    23

    Padrão

    queria a box flutuante com baner esse ai eo iframe que fica na pagina esse eu ja tenho na web

 

 
Página 1 de 2 12 ÚltimoÚltimo

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. |Pedido| FaceBook Like
    Por Brunno13 no fórum Dúvidas|Pedidos
    Respostas: 7
    Último Post: 18-11-2013, 01:21 PM
  2. |Pedido| Box Flutuante Aparecer Mensagem
    Por Bullet no fórum Suportes|Dúvidas|Pedidos
    Respostas: 5
    Último Post: 15-06-2013, 01:40 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
  5. |Release| Facebook vs. Orkut
    Por Cøłєridgє no fórum Outros
    Respostas: 1
    Último Post: 15-08-2010, 12:07 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
  •