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


HGIDC
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
    24
    Posts
    350
    Agradecido
    60
    Agradeceu
    46
    Peso da Avaliação
    10

    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
    22
    Posts
    1.388
    Agradecido
    253
    Agradeceu
    167
    Peso da Avaliação
    20

    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 .
    Hidden Content
    Intel core I3-4130@3.4 | Blizzard T2 | GAB85M-D3H | 8 GB 1333 | R9 280x Vapor X OC | AOC 23" 3D | NZXT Phantom | Corsair CX 750

  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
    27
    Posts
    188
    Agradecido
    34
    Agradeceu
    34
    Peso da Avaliação
    8

    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
    22
    Posts
    1.388
    Agradecido
    253
    Agradeceu
    167
    Peso da Avaliação
    20

    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 .
    Hidden Content
    Intel core I3-4130@3.4 | Blizzard T2 | GAB85M-D3H | 8 GB 1333 | R9 280x Vapor X OC | AOC 23" 3D | NZXT Phantom | Corsair CX 750

  6. #5

    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 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
    29
    Posts
    116
    Agradecido
    0
    Agradeceu
    0
    Peso da Avaliação
    9

    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
    22
    Posts
    1.388
    Agradecido
    253
    Agradeceu
    167
    Peso da Avaliação
    20

    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 .
    Hidden Content
    Intel core I3-4130@3.4 | Blizzard T2 | GAB85M-D3H | 8 GB 1333 | R9 280x Vapor X OC | AOC 23" 3D | NZXT Phantom | Corsair CX 750

  9. #8

    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

    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
    22
    Posts
    1.388
    Agradecido
    253
    Agradeceu
    167
    Peso da Avaliação
    20

    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 .
    Hidden Content
    Intel core I3-4130@3.4 | Blizzard T2 | GAB85M-D3H | 8 GB 1333 | R9 280x Vapor X OC | AOC 23" 3D | NZXT Phantom | Corsair CX 750

  11. #10

    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

    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
  •