Banner Globo.com

[Daniel Marcos]

bom dia amigos,

Quando entramos no site globo.com e tb no uol, aparece um banner no meio da página.

Como se fosse o antigo Pop-Up.

Procurei o plugin que faz isso, alguem sabe onde posso achar ou nome desse banner ?

agradeço

abraços!!

[Gian Soares]

Deve ter plugins pra isso, mas acredito q só CSS resolva

procure por DIV flutuante / flash flutuante / banner flutuante...

Att
Gianpaulo Soares

2010/9/30 Daniel Marcos <daniel...@gmail.com>

--
Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

[Thiago Santos]

O nome disso é DHTML


Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
________________________________________

[Anderson Aguiar]

XHTML + CSS ^^

procura pelor termos que citaram acima.

--
----------------------------------------
Att Anderson Aguiar
E-mail: revs...@gmail.com
Twitter: http://twitter.com/andersonaguiar

[Daniel Marcos]

obrigado pelas dicas

[Neto Neto]

Pôxa galera, qualquer coisa, o povo corre pros plugins.
Não precisa de plugin para dar um show() em uma div não...

Neto - Web developer
+55 81 8169.4400 / http://jneto.net.br

[William Rufino]

não é plugin

é css.............

position absolute :)


William Rufino
Desenvolvedor Web - Analista de Sistemas
31 88763143
http://www.williamrufino.com.br

Em 30 de setembro de 2010 10:10, Daniel Marcos <daniel...@gmail.com> escreveu:

[Gustavo Carvalho]

HTML + CSS resolve isso!
Coloca uma div com position:absolute;
;)

Att.

2010/9/30 Anderson Aguiar <revs...@gmail.com>

--
Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--
Guga Carvalho
Front-end Engineer
http://gugacarvalho.com
http://twitter.com/gugacarvalh0

[Neto Neto]

// css
#idDOBanner{
  width:500px;
  background:silver;
  height:300px;
  position:absolute;
  z-index:500;
}

// HTML
<div id="idDOBanner">Meu banner</div>

// javascript;
$(function(){
  $('#idDOBanner').show();
})

Segue no jsbin, rodando:

http://jsbin.com/onuka4

Neto - Web developer
+55 81 8169.4400 / http://jneto.net.br

2010/9/30 Anderson Aguiar <revs...@gmail.com>

[Rodrigo Cesar Nascimento]

@Neto se você não se importa eu alterei o código para que a DIV apareça ao centro da página. Neste caso não vai aparecer 100% porque o jsbin tem aquela barra lá, mas em um site com certeza vai aparecer... =P

http://jsbin.com/onuka4/3/edit

2010/9/30 Neto Neto <sputin...@gmail.com>

--
[]'s
Rodrigo César Costa do Nascimento
Se queres viver e comer como um cão, podes ir dormir lá para fora. Se queres viver como um ser humano, pega esse hashi! (Pai Mei)

[Rodrigo Carneiro]

Fiz um botão pra fechar, só pra completar! rs

http://jsbin.com/onuka4/11/

[Rodrigo Cesar Nascimento]

Só pra finalizar com chave de ouro!

http://jsbin.com/onuka4/14/edit

2010/9/30 Rodrigo Carneiro <rodrigo_...@ymail.com>

Fiz um botão pra fechar, só pra completar! rs

http://jsbin.com/onuka4/11/

--

Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

[Rodrigo Carneiro]

Perfeito! kkkk

[Neto Neto]

@Rodrigo e @Rodrigo, muito bom, esse é o espírito, muito boa a colaboração de todos.
Focou show de bola!

[Ruan Carlos]

Favor evitar links com fotos sensuais sejam elas de Mulheres ou de Homens, pense que a maioria das pessoas abrem esses links em ambientes corporativos dos quais essa atitude é anti profissional.
Atenciosamente
-----------------------------------------------------------------
Ruan Carlos
@ruanltbg
www.ruancarlos.com.br
Bacharel em Sistemas de Informação - Desenvolvedor web

2010/9/30 Neto Neto <sputin...@gmail.com>

--

[Stephan A. de Souza]

Agora tempos tudo pra montar um plugin do jQuery pra isso! \o/

--

Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--

[Thiago Santos]

Sucesso! o melhor tópico que vi até agora.... participação em massa juntamente com irreverência... sem nenhuma polêmica.... calma Ruan! hahaha... mas vc tem razão...!

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
________________________________________

2010/9/30 Stephan A. de Souza <bla...@gmail.com>

[Thiago Santos]

Pessoal... estou tentando aqui, mas creio que alguém consiga mais rapidamente...

Normalmente esse tipo de recurso tem um tempo de 15 segundos em exposição...

Podemos melhorar esse codigo implementando isso... se o cara n clicar em fechar em  15 segundos, ele fecha sozinho...

um delay(15000); com fadeOut resolve..

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
________________________________________

2010/9/30 Thiago Santos <tig...@gmail.com>

[Lukz'Strife]

http://jsbin.com/onuka4/14/edit

só configurar ali no tempo do animate :D

Lucas Padilha Gois

 

A bitter taste of that terrible ilusion: hope

My profiles:
Contact me: raziel.lpg lukz.gois spiderman_lpg

Signature powered by WiseStamp 

2010/9/30 Thiago Santos <tig...@gmail.com>

[Lukz'Strife]

opa, agora sim, link correto (versão empresarial)
http://jsbin.com/onuka4/18/edit

Lucas Padilha Gois

 

A bitter taste of that terrible ilusion: hope

My profiles:
Contact me: raziel.lpg lukz.gois spiderman_lpg

Signature powered by WiseStamp 

[Thiago Azevedo]

Eu me lasquei aqui no serviço. Abri do lado do chefe, tive que me explicar.

2010/9/30 Thiago Santos <tig...@gmail.com>

[Thiago Santos]

o botão de fechar não funfou aqui! mesmo problema que estou tendo pra criar a solução!

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
________________________________________

[Leo Baiano]

Teria como implementar um código para abrir o popup após X segundos após a página ser carregada, com um efeito fade, pra não abrir assim de imediato.

Em 30 de setembro de 2010 15:12, Lukz'Strife <razie...@gmail.com> escreveu:

--
Amplexos,

Leo Baiano
http://www.leobaiano.com
http://www.blog.ljunior.com
http://www.mcelebridades.com
http://www.twitter.com/leobaiano

[Rodrigo Carneiro]

http://jsbin.com/onuka4/19/edit

Em 30 de setembro de 2010 15:12, Lukz'Strife <razie...@gmail.com> escreveu:

--

Atenciosamente,

Rodrigo Carneiro. 

Twitter: @rodrigo_jc 
Celular: (21) 87723839 

[Rodrigo Cesar Nascimento]

foi mals. nem pensei nisso. tens razão. o negócio que aqui na empresa é tudo liberado... claro que não na frente dos clientes. hehehehe. se bem que já fizemos altos sites de ensaios sensuais. Desculpem pela gafe. p.s.: Acho que a versão empresarial do luk'z é ainda pior rsrsrsrsrs.

2010/9/30 Thiago Azevedo <thiago...@ymail.com>

--

[Rodrigo Carneiro]

Tem po, ve a função que eu usei aqui:

http://jsbin.com/onuka4/19/edit

Só adaptar ! x)

[Rodrigo Cesar Nascimento]

Só o filét. Mas cuidado que essa versão é "não empresarial"!!!

2010/9/30 Rodrigo Carneiro <rodrigo_...@ymail.com>

Tem po, ve a função que eu usei aqui:

http://jsbin.com/onuka4/19/edit

Só adaptar ! x)

--

Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--

[Neto Neto]

é isso mesmo, inclusive colocar um parâmetro:

$('#myDiv').jQueryBrBanner({showBgPorn:false})

:p

[Rodrigo Carneiro]

Versão #HOT #SEXY #XXX 

>D

[::. Eris .::]

Kkkkk, tô falando!

Eu quando vi “Chave De Ouro” fui olhar srsrs... realmente fechou mesmo...

Daí dei um entrar e sair mais adequado para ela:

http://jsbin.com/onuka4/16/edit

 

 

 

 

Atenciosamente,

Erismar B. Vieira

Desenvolvedor Web

PHP - ASP - ASP.NET - C# - AS 2.0 - CSS 2.0 - ADOBE CS4 STUDIO - MYSQL - SQL - JS - JQuery

PlugWeb

Evite imprimir. Colabore com o Meio Ambiente.

__________ Informação do ESET NOD32 Antivirus, versão da vacina 5468 (20100921) __________

 

A mensagem foi verificada pelo ESET NOD32 Antivirus.

 

http://www.eset.com

__________ Informação do ESET NOD32 Antivirus, versão da vacina 5468 (20100921) __________

A mensagem foi verificada pelo ESET NOD32 Antivirus.

http://www.eset.com

[Lukz'Strife]

Pessoal, tava fazendo um esboço de plugin aqui mas o chefe chamo pra corrigir um bug num sistema aqui..vou deixar o que fiz pra vocês. Caso alguém queira ir continuando/melhorando/polindo(Juarez...ahuash)

http://jsbin.com/onuka4/21/edit

daki a poco volto pra ver como está
t+

Lucas Padilha Gois

 

A bitter taste of that terrible ilusion: hope

My profiles:
Contact me: raziel.lpg lukz.gois spiderman_lpg

Signature powered by WiseStamp 

2010/9/30 ::. Eris .:: <eri...@gmail.com>

[Neto Neto]

Muito bom @Lukz'Strife

todo:

- Calcurar automaticamente o tamanho da tela e do banner para que ele possa se centralizar na tela em qualquer situação;
- Opção modal: true/false;
- Opção de callback para o evento close automatico
- Opção de callback para quando o usuario clicar no botao fechar;
- Criar o arquivo css separado (mas por enquanto é bom deixá-lo lá mesmo);


Acho que hoje a noite, ao chegar da faculdade posso dar uma trabalhada.
Excelente iniciativa @Lukz'Strife :)

[Paulo Netto]

Faltou também a definição do link ao clicar no banner!
Mas está realmente muito bom!

[Thiago Santos]

Porra galera.... acho que deveríamos fazer atividades assim uma vez por semana....

na segunda abre-se sugestões de coisas a desenvolver e a partir daí, cada um ia dando sua colaboração em parte do projeto pra finalizarmos algo bem interessante...

vejam como foi divertido e interessante o ocorrido com esse "banner flutuante"

Vamos alime tar essa idéia?

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
________________________________________

[Rodrigo Carneiro]

@thiago Sempre que tiver ajudarei... salvo restrições. ^^

[Neto Neto]

@Paulo, a idéia é que o banner seja uma div, onde o desenvolvedor coloqeu nela o que quiser, inclusive o tal do link. É uma div com conteúdo livre, pelo menos assim eu imagino.

@Thiago, realmente é uma boa essas idéias, bem melhor do que ficar discutindo se o flash vai acabar...

[Suissa]

esse esquema me lembrou o blockUI/colorbox sem o overlay =p

2010/10/1 Neto Neto <sputin...@gmail.com>

--

Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--
Jean C. Nascimento aka Suissa
Prof. Análise e Soluções Web Fafit/Facic - Itararé - SP

gtalk/msn: jnasc...@gmail.com

WebDeveloper - www.wgbnet.com.br/

NoSQL Evangelist - MongoDB Contributor - nosqlbr.com.br/

iGrape Evangelist - Coordenador Geral - http://igrape.org

TheWebMind Evangelist - Coordenador de Interface & NoSQL - http://thewebmind.org/

[Lukz'Strife]

So parcero pra essa idéia, fica sendo o espaço de recreação do povo. Assim a gente vai aprendendo mais até :D

http://jsbin.com/onuka4/27/edit //centralizando automático agora :D

Lucas Padilha Gois

 

A bitter taste of that terrible ilusion: hope

My profiles:
Contact me: raziel.lpg lukz.gois spiderman_lpg

Signature powered by WiseStamp 

2010/10/1 Suissa <jnasc...@gmail.com>

[Lukz'Strife]

aee pessoal, mais uma atualizada

http://jsbin.com/onuka4/28/edit

agora tem callbacks :D
alguém tem mais algumas sugestões?

Lucas Padilha Gois

 

A bitter taste of that terrible ilusion: hope

My profiles:
Contact me: raziel.lpg lukz.gois spiderman_lpg

Signature powered by WiseStamp 

[Leo Baiano]

Seria bacana incluir uma função para manter o popup aberto caso o usuário esteja com o mouse em cima do popup, mesmo com o fechamento automatico.

[Neto Neto]

Eita @Lukz, eu dei uma trabalhada.

Temos um "conflito".
Alguém dá um merge aí...


Muito bom os callbacks.
Nas minhas alterações, incluí a capacidade de colocar estlo modal, além de dar uma revisada no cálculo da altura da janela (não centralizava se a janela tivesse rolagem, o cálculo colocaria a janela no meio de tudo, ou seja, não no centro da visão do usuário).

Segue minha versão:

http://jsbin.com/onuka4/29/edit

[Lukz'Strife]

Anotado Leo...

http://jsbin.com/onuka4/30/edit
http://jsfiddle.net/3nLEC/1/

opção modal funfando, menos no IE...caso alguém queira ajudar a vontade :D

Lucas Padilha Gois

 

A bitter taste of that terrible ilusion: hope

My profiles:
Contact me: raziel.lpg lukz.gois spiderman_lpg

Signature powered by WiseStamp 

[Lukz'Strife]

Salve @Neto, tava tentando fazer o modal..ahsuashas...
vamos dar um merge nisso ai msmo pra gnt ver como fica :p

Lucas Padilha Gois

 

A bitter taste of that terrible ilusion: hope

My profiles:
Contact me: raziel.lpg lukz.gois spiderman_lpg

Signature powered by WiseStamp 

--

[Neto Neto]

Tinha que ser o IE...

O erro que coletei foi o seguinte:


Message: Expected identifier, string or number
Line: 94
Char: 5
Code: 0
URI: http://jsbin.com/onuka4/30/edit

O pior é que não dá para ver essa linha 94 pelo jsbin

Neto - Web developer
+55 81 8169.4400 / http://jneto.net.br

2010/10/1 Lukz'Strife <razie...@gmail.com>

[Juarez Junior]

'top': settings.top ? settings.top : $top, <------

2010/10/1 Neto Neto <sputin...@gmail.com>

--
Juarez Junior - juarez...@gmail.com
http://twitter.com/juareznjunior
http://juareznjunior.wordpress.com/

[Neto Neto]

é, pro IE, em uma notação JSON, o último elemento nõa pode terminar com uma vírgula

[Juarez Junior]

Minha contribuição :)

http://jsbin.com/afura3

[s]

--

Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

[Neto Neto]

Muito bom Juarez, acho que isso fecha o plugin, e bem a tampo no final de semana!!!

Rodando no IE (testei no 8) e com melhoramentos (cantos arredondadoss e shadows para browsers decentes).

2 observações:
1 - Removeram as configurações que fiz para o modal (opacidade e cor), e pode ser que o desenvolvedor queira customizar isso de acordo com o esquema de cores seu site (quem sabe, o cinza não seja a cor ideal para o site dele);

2 - Da forma que está, o plugin funciona apenas uma vez, ou seja, serve para aquela idéia de mostrar a publiciadade no site e ir embora para nunca mais voltar. Mas, se o desenvolvedor quiser usar multiplos modais, ou outra coisa, ainda não funciona com múltiplas instâncias.

:p

em todo caso, obm fim de semana para todos, e boa votação!!!

[Gian Soares]

poe no github aí pra dar um clone!

Abs

Gianpaulo Soares

2010/10/1 Neto Neto <sputin...@gmail.com>

[Suissa]

Pow ficou mto bom hein vou até testa-lo num sistema que estou fazendo ;D

2010/10/2 Gian Soares <gianpau...@gmail.com>

--
Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--

[Henrique - gmail]

Pessoal

 

Eu criei um JS com toda a função.

 

Chamo logo no inicio:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js "></script>
<script type="text/javascript" src="dobanner.js"></script>

 

Depois chamo a fuñção com: $("#idDOBanner").popupjquerybr();

 

Tem uma div no corpo do HTML, e o Banner não aparece...

 

Henrique

[Neto Neto]

Você colocou o $("#idDOBanner").popupjquerybr(); dentro do

$(document).ready(function(){
  // colocar aqui
})

[Thiago Santos]

Engraçado... a galera adotou mesmo o nm do "plugin" de "idDOBANNER"...id+do+banner... hahaha

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
________________________________________

2010/10/4 Neto Neto <sputin...@gmail.com>

--

[Neto Neto]

É mesmo

[Marcelo Bento]

Olá,

Fui testar o plugin e verifiquei que, quando coloco modal: false
o popup não parece, ou quando eu retiro a opção de modal, pois como
o padrão é false, acontece o mesmo.

É mesmo

--

Grupo de jQuery Brasil.
 
USE O JSBIN.COM PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--
Atenciosamente,
Marcelo Bento da Rocha.

[Juarez Junior]

faltou um else no fonte :)

http://jsbin.com/afura3/2/edit

[s]

2010/10/5 Marcelo Bento <marcelobe...@gmail.com>

--

[Henrique - gmail]

Na mesma forma que se vc quiser que a div não fique centralizada, ou seja: informar o valor top, ele não faz....

 

 

Henrique Tsan Hu
(	11-9744.9444
*	henr...@hu1.com.br

----- Original Message -----

From: Juarez Junior

To: jque...@googlegroups.com

Sent: Tuesday, October 05, 2010 3:20 PM

Subject: Re: [jquery-br] Re: Banner Globo.com

[Henrique - gmail]

Juarez

 

Como faço para chamar a função e passar o parametro "doc", caso grave um script separado entitulado "banner.js"

 

Obrigado

 

Henrique Tsan Hu
(	11-9744.9444
*	henr...@hu1.com.br

----- Original Message -----

From: Juarez Junior

To: jque...@googlegroups.com

Sent: Tuesday, October 05, 2010 3:20 PM

Subject: Re: [jquery-br] Re: Banner Globo.com

[Juarez Junior]

????

[Neto Neto]

Também não entendi.
Dá para colocar em um arquivo externo (e deve!), mas essa do parâmetro doc, não deu para entender.

[Henrique - gmail]

Pessoal

 

Chamo o script assim:

 

<script type="text/javascript" src="classes/banner.js"></script>

 

No script js (banner.js) o cabeçalho fica assim:

 

(function($,doc){
  $.fn.popupjquerybr = function(settings) {

   ....

 

a chamada ajax fica assim:

 

$(function(){

$("#idDOBanner").popupjquerybr({ ... });

});

 

É só rodar e apresenta erro: não acha o doc..... na linha  que é definindo posição do banner
    ,$docWidth = $(doc).width()
    ,$docHeight = $(doc).height()

    

 

 

Henrique Tsan Hu
(	11-9744.9444
*	henr...@hu1.com.br

----- Original Message -----

From: Neto Neto

To: jque...@googlegroups.com

Sent: Tuesday, October 05, 2010 5:30 PM

Subject: Re: [jquery-br] Re: Banner Globo.com

[Juarez Junior]

(function($,doc){

})(jQuery,document)

[s]

2010/10/5 Henrique - gmail <henri...@gmail.com>

[Leo Balter]

essa fica excelente. Ainda uso o jQuery(function($) { }); pela simplicidade de leitura, mas pelo jeito essa aí inclusive parece ter uma performance um pouquinho melhor.