<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comentários sobre: Janela Modal com jQuery &#8211; Lightbox para Página Html e Imagens</title>
	<atom:link href="http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/</link>
	<description>Webdesign News, Criação de Sites, Otimização de Sites SEO &#38; Graphic Design</description>
	<lastBuildDate>Fri, 09 Jul 2010 13:12:57 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<item>
		<title>Por: Rodrigo Filardi</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-4635</link>
		<dc:creator>Rodrigo Filardi</dc:creator>
		<pubDate>Wed, 23 Jun 2010 23:04:25 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-4635</guid>
		<description>Olá juliana,
com um pouquinho de conhecimento em CSS, você conseguirá fazer isso inserindo uma DIV com overflow.
Pode utilizar o modal para chamar um iframe também, com tamanho de altura definido, que já criará o scroll automaticamente.</description>
		<content:encoded><![CDATA[<p>Olá juliana,<br />
com um pouquinho de conhecimento em CSS, você conseguirá fazer isso inserindo uma DIV com overflow.<br />
Pode utilizar o modal para chamar um iframe também, com tamanho de altura definido, que já criará o scroll automaticamente.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Juliana Villas</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-4634</link>
		<dc:creator>Juliana Villas</dc:creator>
		<pubDate>Wed, 23 Jun 2010 22:08:47 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-4634</guid>
		<description>Como colocar barra de rolagens na Janela MOdal para que eu possa inserir textos maiores e o leitor possa rolar. Aguardo resposta é Urgt</description>
		<content:encoded><![CDATA[<p>Como colocar barra de rolagens na Janela MOdal para que eu possa inserir textos maiores e o leitor possa rolar. Aguardo resposta é Urgt</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Rodrigo Filardi</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-4631</link>
		<dc:creator>Rodrigo Filardi</dc:creator>
		<pubDate>Wed, 23 Jun 2010 05:00:36 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-4631</guid>
		<description>Muito bacana a ajuda, Adriano!
Logo logo o RHOdesign Blog irá mudar de layout, espero que curta e possa dizer o que achou no próximo post de atualização! Abraços</description>
		<content:encoded><![CDATA[<p>Muito bacana a ajuda, Adriano!<br />
Logo logo o RHOdesign Blog irá mudar de layout, espero que curta e possa dizer o que achou no próximo post de atualização! Abraços</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: xoxo</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-4550</link>
		<dc:creator>xoxo</dc:creator>
		<pubDate>Tue, 08 Jun 2010 01:59:50 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-4550</guid>
		<description>O teu site está bem legal, mas só precisa aumentar o espaço entre as linhas dos paragráfos, muita informação concentrada, legibilidade zero com esse fundo escuro!</description>
		<content:encoded><![CDATA[<p>O teu site está bem legal, mas só precisa aumentar o espaço entre as linhas dos paragráfos, muita informação concentrada, legibilidade zero com esse fundo escuro!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Adriano Moura</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-4480</link>
		<dc:creator>Adriano Moura</dc:creator>
		<pubDate>Fri, 28 May 2010 14:22:02 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-4480</guid>
		<description>fiz uma alteração nessa parte

//se o botãoo fechar for clicado
$(&#039;.window .close&#039;).click(function (e) {
//cancela o comportamento padrão do link
e.preventDefault();
//efeito de transição
$(&#039;#mask&#039;).fadeOut(1000);
$(&#039;.window&#039;).fadeOut(1000);
});

//se div#mask for clicado
$(&#039;#mask&#039;).click(function () {
$(&#039;#mask&#039;).fadeOut(1000);
$(&#039;.window&#039;).fadeOut(1000);
});
});

assim quando fechamos a modal ele faz um fade tb</description>
		<content:encoded><![CDATA[<p>fiz uma alteração nessa parte</p>
<p>//se o botãoo fechar for clicado<br />
$(&#8216;.window .close&#8217;).click(function (e) {<br />
//cancela o comportamento padrão do link<br />
e.preventDefault();<br />
//efeito de transição<br />
$(&#8216;#mask&#8217;).fadeOut(1000);<br />
$(&#8216;.window&#8217;).fadeOut(1000);<br />
});</p>
<p>//se div#mask for clicado<br />
$(&#8216;#mask&#8217;).click(function () {<br />
$(&#8216;#mask&#8217;).fadeOut(1000);<br />
$(&#8216;.window&#8217;).fadeOut(1000);<br />
});<br />
});</p>
<p>assim quando fechamos a modal ele faz um fade tb</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Peter</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-3878</link>
		<dc:creator>Peter</dc:creator>
		<pubDate>Mon, 05 Apr 2010 16:44:54 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-3878</guid>
		<description>Gostei do código e implementei através de um select ao invés de um &lt;a&gt;. no firefox funcionou perfeitamente porém no IE6 quando o modal entra...o select permanece na tela...existe alguma forma de &quot;matar&quot; isso?&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>Gostei do código e implementei através de um select ao invés de um <a>. no firefox funcionou perfeitamente porém no IE6 quando o modal entra&#8230;o select permanece na tela&#8230;existe alguma forma de &#8220;matar&#8221; isso?</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: leandro</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-3409</link>
		<dc:creator>leandro</dc:creator>
		<pubDate>Mon, 01 Mar 2010 19:51:46 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-3409</guid>
		<description>cara tentei fazer, segui passo a passo + não deu certo

olha o html

[div id=&quot;boxes&quot;]
	[!-- #personalize sua janela modal aqui --]
	[div id=&quot;dialog&quot; class=&quot;window&quot;]
		[b]Teste de Janela Modal[/b]
		[!-- Botão para fechar a janela tem class=&quot;close&quot; --]
		[a href=&quot;#&quot; class=&quot;close&quot;]Fechar [X][/a][br /]Janela Modal Simples[br /]  Aqui vai o conteúdo da sua Janela Modal Simples.
	[/div]
	[!-- Não remova o div#mask, pois ele é necessário para preencher toda a janela --]
	[div id=&quot;mask&quot;][/div]
[/div]

[a href=&quot;#dialog&quot; name=&quot;modal&quot; id=&quot;termo&quot;]Termos de Compromisso[/a]

e o css tá igual, na verdade tá praticamente igual</description>
		<content:encoded><![CDATA[<p>cara tentei fazer, segui passo a passo + não deu certo</p>
<p>olha o html</p>
<p>[div id="boxes"]<br />
	[!-- #personalize sua janela modal aqui --]<br />
	[div id="dialog" class="window"]<br />
		[b]Teste de Janela Modal[/b]<br />
		[!-- Botão para fechar a janela tem class="close" --]<br />
		[a href="#" class="close"]Fechar [X][/a][br /]Janela Modal Simples[br /]  Aqui vai o conteúdo da sua Janela Modal Simples.<br />
	[/div]<br />
	[!-- Não remova o div#mask, pois ele é necessário para preencher toda a janela --]<br />
	[div id="mask"][/div]<br />
[/div]</p>
<p>[a href="#dialog" name="modal" id="termo"]Termos de Compromisso[/a]</p>
<p>e o css tá igual, na verdade tá praticamente igual</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Caio Cézar</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-2876</link>
		<dc:creator>Caio Cézar</dc:creator>
		<pubDate>Sat, 16 Jan 2010 16:51:13 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-2876</guid>
		<description>como faço pra abrir uma dessas janelas ao carregar a página? que código devo colocar no onLoad do Body?

Excelente Artigo!

Abraços!!!</description>
		<content:encoded><![CDATA[<p>como faço pra abrir uma dessas janelas ao carregar a página? que código devo colocar no onLoad do Body?</p>
<p>Excelente Artigo!</p>
<p>Abraços!!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Nilson</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-2094</link>
		<dc:creator>Nilson</dc:creator>
		<pubDate>Sat, 31 Oct 2009 18:26:26 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-2094</guid>
		<description>Olá muito bom o código, como faz para abrir na modal o div de uma outra página? acrescentei o link &lt;a href=&quot;outra.htm&quot; rel=&quot;nofollow&quot;&gt;lalala&lt;/a&gt; e não abriu</description>
		<content:encoded><![CDATA[<p>Olá muito bom o código, como faz para abrir na modal o div de uma outra página? acrescentei o link <a href="outra.htm" rel="nofollow">lalala</a> e não abriu</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Rodrigo Filardi</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-2051</link>
		<dc:creator>Rodrigo Filardi</dc:creator>
		<pubDate>Fri, 23 Oct 2009 05:20:00 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-2051</guid>
		<description>Olá Vinicius,
você deverá usar uma programação via javascript na abertura do site para que ela chame a ação de abrir o modal. É simples, qualquer programador javascript poderá te ajudar.

Abs</description>
		<content:encoded><![CDATA[<p>Olá Vinicius,<br />
você deverá usar uma programação via javascript na abertura do site para que ela chame a ação de abrir o modal. É simples, qualquer programador javascript poderá te ajudar.</p>
<p>Abs</p>
]]></content:encoded>
	</item>
</channel>
</rss>
