LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Segunda-feira, 29/07/2002 - 01:00 - Por Raphael Simas
Seções relacionadas:

iFrames - CSS em links

Olá pessoal!

Mais uma coluna com dúvidas dos emails: como fazer um HTM abrir numa camada e como modificar o status dos links no sentido de sublinhado. Então, vamos à matéria!

iFrames

Bom, iFrames são uma espécie de camada onde será carregado um HTM, um txt etc. Para isso, usaremos um código fonte para criar este iframe com dados de margem, bordas, tamanho vertical/horizontal, scroller etc.

Veja aqui dois exemplos de iframe. Um puxa um arquivo htm e outro um arquivo txt.

Para fazer inclusões como no exemplo, basta adicionar ao código fonte esta TAG:

Nos valores de Margem você poderá definir os valores que deseja (em nosso exemplo, todas as margens foram definidar com valor "5").

Em SRC, você deverá indicar o caminho e o nome do arquivo a ser carregado.
Em Frameborder, você definirá a espessura da borda.
Em Width/heightvocê fornecerá os valores do tamanho horizontal e vertical respectivamente.
Em Scrolling, você poderá definir como Yes ou No de acordo com suas necessidades.

É muito simples fazer estes iframes, recurso tal que é muito interessante em sites com um tamanho definido e que não podem ter seu tamanho alterado pelo tamanho do texto. É um recurso que merece uma atenção especial. Não é um frame mas tem as mesmas propriedades de um. Vale a pena dar uma estudada!

CSS em links

Outro recurso muito grande para customizar a aparência de um site. Coisas que só uma folha de estilo pode fazer!

Este estilo consiste em tirar aquele sublinhado dos links, fazendo-o aparecer somente no evento OnMouseOver.
Este é o estilo:

Coloque depois da TAG e antes da TAG </p> <p class="texto">Veja <a href="javascript:;" onClick="MM_openBrWindow('/web/colunistas/dreamweaver/21/exemplo_css.htm','css','width=480,height=150')">aqui</a> um exemplo prático.</p> <p class="texto">Bom, por hoje é só. Até a próxima semana, e use estes recursos, darão um novo requinte e funcionalidade ao site!</p> <hr align="left" width="300" size="1" noshade> <p class="texto"><font color="#669900">Extensões da semana</font><br /> <br /> Faça download das 96 extensões disponibilizadas na última semana!<br /> <br /> <a href="http://conteudo.imasters.com.br/361/ext.zip">96 Extensões.zip</a> <p class="texto"> Se quiserem, podem fazer pedidos para as extensões também. <p class="texto">Um grande Abraço à todos e até a próxima semana. </div> <div id="artigos_antigos"> <h3>Todos os artigos de Raphael Simas</h3> <select> <option value="http://imasters.uol.com.br/artigo/3635/fireworks/criando_texturas_de_sujeira/" >25/10/2005 - Criando texturas de sujeira</option> <option value="http://imasters.uol.com.br/artigo/3579/fireworks/regulagem_de_cor_-_parte_02/" >20/09/2005 - Regulagem de cor - Parte 02</option> <option value="http://imasters.uol.com.br/artigo/3493/fireworks/regulagem_de_cor_e_fireworks_8/" >17/08/2005 - Regulagem de cor e Fireworks 8</option> <option value="http://imasters.uol.com.br/artigo/3459/fireworks/fatiamento_conceitos_e_exportacao/" >04/08/2005 - Fatiamento, conceitos e exportação</option> <option value="http://imasters.uol.com.br/artigo/3447/fireworks/pen_tool_avancada_e_vetorizacao_de_carro/" >28/07/2005 - Pen Tool avançada e vetorização de carro</option> <option value="http://imasters.uol.com.br/artigo/3417/fireworks/fireworks_aqua/" >19/07/2005 - Fireworks Aqua</option> <option value="http://imasters.uol.com.br/artigo/1408/dreamweaver/dreamweaver_mx_2004/" >30/09/2003 - Dreamweaver MX 2004</option> <option value="http://imasters.uol.com.br/artigo/1346/dreamweaver/personalizando_o_dreamweaver_em_detalhes_-_parte_ii/" >09/09/2003 - Personalizando o Dreamweaver em detalhes - Parte II</option> <option value="http://imasters.uol.com.br/artigo/1297/dreamweaver/personalizando_o_dreamweaver_em_detalhes/" >25/08/2003 - Personalizando o Dreamweaver em detalhes</option> <option value="http://imasters.uol.com.br/artigo/1137/dreamweaver/planejamento_do_site/" >17/06/2003 - Planejamento do site</option> <option value="http://imasters.uol.com.br/artigo/1092/dreamweaver/mais_5_duvidas_freqüentes/" >26/05/2003 - Mais 5 dúvidas freqüentes</option> <option value="http://imasters.uol.com.br/artigo/1065/dreamweaver/do_fireworks_ao_dreamweaver/" >12/05/2003 - Do Fireworks ao Dreamweaver</option> <option value="http://imasters.uol.com.br/artigo/1042/dreamweaver/janelas_pop-ups_hereditarias/" >24/04/2003 - Janelas pop-ups hereditárias</option> <option value="http://imasters.uol.com.br/artigo/1017/dreamweaver/behavior_change_property/" >07/04/2003 - Behavior Change Property</option> <option value="http://imasters.uol.com.br/artigo/999/dreamweaver/trabalhando_com_textos_html_e_textos_em_imagem/" >24/03/2003 - Trabalhando com textos HTML e textos em imagem</option> <option value="http://imasters.uol.com.br/artigo/994/dreamweaver/dreamweaver__fireworks_fatiando_exportando_e_montando_um_htm_parte/" >18/03/2003 - Dreamweaver / Fireworks: Fatiando, exportando e montando um HTM (Parte</option> <option value="http://imasters.uol.com.br/artigo/968/dreamweaver/fireworks__dreamweaver_fatiando_exportando_e_montando_um_htm_parte/" >25/02/2003 - Fireworks / Dreamweaver: Fatiando, exportando e montando um HTM (Parte</option> <option value="http://imasters.uol.com.br/artigo/933/dreamweaver/frames/" >05/02/2003 - Frames</option> <option value="http://imasters.uol.com.br/artigo/922/dreamweaver/atualizacoes_dinamicas_com_frames_iframes_ssi_e_templates/" >22/01/2003 - Atualizações dinâmicas com Frames, iFrames, SSI e Templates</option> <option value="http://imasters.uol.com.br/artigo/903/dreamweaver/desmistificando_os_erros_com_camadas/" >08/01/2003 - Desmistificando os "erros" com Camadas</option> <option value="http://imasters.uol.com.br/artigo/878/dreamweaver/faq_-_as_10_duvidas_mais_frequentes/" >15/12/2002 - F.A.Q. - As 10 dúvidas mais frequentes</option> <option value="http://imasters.uol.com.br/artigo/539/dreamweaver/especial_dreamweaver_mx/" >13/12/2002 - Especial Dreamweaver MX</option> <option value="http://imasters.uol.com.br/artigo/593/dreamweaver/tutorial_completo_para_a_criacao_de_menus_pop-ups_tanto_na_vertical_q/" >13/12/2002 - Tutorial completo para a criação de menus pop-ups, tanto na vertical q</option> <option value="http://imasters.uol.com.br/artigo/515/fireworks/criando_botoes_aqua_no_fireworks/" >13/12/2002 - Criando botões aqua no Fireworks</option> <option value="http://imasters.uol.com.br/artigo/500/dreamweaver/atalhos_de_teclado_padroes_e_customizados/" >10/12/2002 - Atalhos de Teclado (padrões e customizados)</option> <option value="http://imasters.uol.com.br/artigo/442/dreamweaver/standard_view_-_layout_view/" >03/12/2002 - Standard View - Layout View</option> <option value="http://imasters.uol.com.br/artigo/437/dreamweaver/casa_virtual/" >11/11/2002 - Casa Virtual</option> <option value="http://imasters.uol.com.br/artigo/438/css/cgi_em_formularios__css_em_formularios/" >04/11/2002 - CGI em formulários / CSS em formulários</option> <option value="http://imasters.uol.com.br/artigo/439/css/cgi_em_formularios__css_em_formularios/" >04/11/2002 - CGI em formulários / CSS em formulários</option> <option value="http://imasters.uol.com.br/artigo/348/css/css_em_backgrounds/" >28/10/2002 - CSS em Backgrounds</option> <option value="http://imasters.uol.com.br/artigo/349/dreamweaver/navegadores_de_imagens_-_web_photo_album/" >21/10/2002 - Navegadores de Imagens - Web Photo Album</option> <option value="http://imasters.uol.com.br/artigo/350/dreamweaver/publicidade_flutuante/" >14/10/2002 - Publicidade Flutuante</option> <option value="http://imasters.uol.com.br/artigo/351/dreamweaver/change_options_-_opcoes_na_compra_online_de_um_carro/" >07/10/2002 - Change Options - Opções na compra Online de um Carro</option> <option value="http://imasters.uol.com.br/artigo/352/dreamweaver/camadas_vs_tabelas_-_parte_3/" >30/09/2002 - Camadas vs. Tabelas - Parte 3</option> <option value="http://imasters.uol.com.br/artigo/353/dreamweaver/camadas_vs_tabelas_-_parte_2/" >23/09/2002 - Camadas vs. Tabelas - Parte 2</option> <option value="http://imasters.uol.com.br/artigo/354/dreamweaver/camadas_vs_tabelas/" >16/09/2002 - Camadas vs. Tabelas</option> <option value="http://imasters.uol.com.br/artigo/355/dreamweaver/re-leitura_-_menus_pop-up/" >09/09/2002 - Re-leitura - Menus Pop-up</option> <option value="http://imasters.uol.com.br/artigo/356/dreamweaver/timer/" >02/09/2002 - Timer</option> <option value="http://imasters.uol.com.br/artigo/357/dreamweaver/menu_magico/" >26/08/2002 - Menu mágico</option> <option value="http://imasters.uol.com.br/artigo/358/dreamweaver/inserindo_medias_avi_mov_e_mp3_no_html/" >19/08/2002 - Inserindo Medias AVI, MOV e MP3 no HTML</option> <option value="http://imasters.uol.com.br/artigo/359/dreamweaver/mr_help_para_formularios/" >12/08/2002 - Mr. Help para formulários</option> <option value="http://imasters.uol.com.br/artigo/360/dreamweaver/aplicacoes_timeline/" >05/08/2002 - Aplicações Timeline</option> <option value="http://imasters.uol.com.br/artigo/361/css/iframes_-_css_em_links/" selected="selected">29/07/2002 - iFrames - CSS em links</option> <option value="http://imasters.uol.com.br/artigo/362/dreamweaver/jogo/" >22/07/2002 - Jogo</option> <option value="http://imasters.uol.com.br/artigo/363/dreamweaver/navigation_bar/" >15/07/2002 - Navigation Bar</option> <option value="http://imasters.uol.com.br/artigo/364/dreamweaver/portais/" >08/07/2002 - Portais</option> <option value="http://imasters.uol.com.br/artigo/365/dreamweaver/quebra-cabeca_com_draglayers_e_timeline/" >01/07/2002 - Quebra-Cabeça com DragLayers e TimeLine</option> <option value="http://imasters.uol.com.br/artigo/366/dreamweaver/explorando_formularios/" >24/06/2002 - Explorando Formulários</option> <option value="http://imasters.uol.com.br/artigo/367/dreamweaver/adaptando_um_site_a_varias_resolucoes/" >17/06/2002 - Adaptando um site a várias resoluções</option> <option value="http://imasters.uol.com.br/artigo/368/dreamweaver/usando_results_para_corrigir_erros/" >10/06/2002 - Usando Results para corrigir erros</option> <option value="http://imasters.uol.com.br/artigo/369/dreamweaver/camadas_relativas__camadas_em_frames/" >03/06/2002 - Camadas Relativas / Camadas em Frames</option> <option value="http://imasters.uol.com.br/artigo/370/dreamweaver/criando_gravando_e_editando_commands/" >27/05/2002 - Criando, Gravando e Editando Commands</option> <option value="http://imasters.uol.com.br/artigo/371/dreamweaver/rolagem_horizontal_com_time_line/" >20/05/2002 - Rolagem Horizontal com Time Line</option> <option value="http://imasters.uol.com.br/artigo/372/dreamweaver/rolagem_horizontal/" >12/05/2002 - Rolagem Horizontal</option> <option value="http://imasters.uol.com.br/artigo/373/dreamweaver/guias_com_camadas/" >06/05/2002 - Guias com Camadas</option> <option value="http://imasters.uol.com.br/artigo/374/dreamweaver/pequenas_coisas_que_fazem_um_grande_site_-_ii/" >29/04/2002 - Pequenas coisas que fazem um grande site - II</option> <option value="http://imasters.uol.com.br/artigo/375/dreamweaver/pequenas_coisas_que_fazem_um_grande_site/" >22/04/2002 - Pequenas coisas que fazem um grande site</option> <option value="http://imasters.uol.com.br/artigo/376/dreamweaver/utilizando_as_server-side_includes_ssi/" >15/04/2002 - Utilizando as Server-Side Includes (SSI)</option> <option value="http://imasters.uol.com.br/artigo/377/dreamweaver/trabalhando_com_templatesmodelos/" >08/04/2002 - Trabalhando com Templates/Modelos</option> <option value="http://imasters.uol.com.br/artigo/378/dreamweaver/drawlayers_camadas_-_parte_03/" >25/03/2002 - DrawLayers (Camadas) - Parte 03</option> <option value="http://imasters.uol.com.br/artigo/379/dreamweaver/trabalhando_com_drawlayers_camadas/" >11/03/2002 - Trabalhando com DrawLayers (Camadas)</option> <option value="http://imasters.uol.com.br/artigo/380/dreamweaver/uma_visao_geral_sobre_o_dreamweaver/" >04/03/2002 - Uma visão geral sobre o Dreamweaver</option> </select> </div> <ul class="opcoes"> <li class="first">Interação:</li> <li class="first"><a href="/artigo/361/css/iframes_-_css_em_links/imprimir/">Imprimir</a></li> <li><a href="http://imasters.uol.com.br/artigo/361/css/iframes_-_css_em_links/#aindicar">Indicar</a></li> <li><a href="http://digg.com/submit?phase=2&url=http://imasters.uol.com.br/artigo/361/css/iframes_-_css_em_links/">Digg it</a></li> <li><a href="http://del.icio.us/post?url=http://imasters.uol.com.br/artigo/361/css/iframes_-_css_em_links/">Del.icio.us</a></li> <li><a href="http://imasters.uol.com.br/artigo/361/css/iframes_-_css_em_links/#acoment"><strong>1 comentários</strong></a></li> <li><a href="http://twitter.com/home?status=iFrames+-+CSS+em+links+http://imasters.uol.com.br/artigo/361">Twitter</a></li> </ul> <ul id="leia_mais"> <li><h3>Leia mais</h3></li> <li><strong>30/06/2009</strong> - <a href="http://imasters.uol.com.br/artigo/13194/css/20_provas_de_conceitos_para_uma_melhor_utilizacao_do_jquery__css/">20+ Provas de Conceitos para uma melhor utilização do jQuery / CSS</a></li> <li><strong>18/06/2009</strong> - <a href="http://imasters.uol.com.br/artigo/12873/css/css_problemas_com_cantos_arredondados/">CSS: problemas com cantos arredondados</a></li> <li><strong>15/06/2009</strong> - <a href="http://imasters.uol.com.br/artigo/12830/css/escondendo_elementos_com_css_problemas_e_solucoes/">Escondendo elementos com CSS: problemas e soluções</a></li> <li><strong>08/06/2009</strong> - <a href="http://imasters.uol.com.br/artigo/13057/css/aplicar_estilo_css_com_action_script_20/">Aplicar estilo CSS com Action Script 2.0</a></li> <li><strong>08/05/2009</strong> - <a href="http://imasters.uol.com.br/artigo/12711/css/css_teclado_para_tela_touch_screen/">CSS: Teclado para tela Touch Screen</a></li> </ul> <div class="publicidade"> <script> var adW = 468;var adH = 60;var pos = 1;var DEaff="meimaster"; var keyword = "uolhost"; var DEt=new Date(); DEt=DEt.getTime(); DErand=Math.floor(DEt*1000*Math.random());var scw=0,sch=0; if(screen.height){scw=screen.width;sch=screen.height;}var DEconn=document.body; DEconn.style.behavior='url(#default#clientCaps)'; DEconn=(DEconn.connectionType=='lan')?1:0; document.write('<IFRAME WIDTH='+adW+' HEIGHT='+adH+' MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER=0 SCROLLING=no SRC="http://bne.uol.com.br/html.ng/site=mebr&affiliate='+DEaff+'&size='+adW+'x'+adH+'&page='+pos+'&conntype='+DEconn+'&expble=0&reso='+scw+'x'+sch+'&keyword='+keyword+'&tile='+DErand+'?">'); document.write('<SCR'+'IPT LANGUAGE="JavaScript1.1" SRC="http://bne.uol.com.br/js.ng/Params.richmedia=yes&site=mebr&affiliate='+DEaff+'&size='+adW+'x'+adH+'&page='+pos+'&conntype='+DEconn+'&expble=0&reso='+scw+'x'+sch+'&keyword='+keyword+'&tile='+DErand+'?"></SCR'+'IPT>'); document.write('</IFRAME>'); </script> </div> <div id="comentarios"> <h3><a id="acoment">1 comentários publicados</a></h3> <ul> <li> <h3> 1. Iframe dinamico </h3> <span>Quarta-feira, 01/02/2006, por <span>Hugo Rocco </span></span> <div><img src="http://static.imasters.uol.com.br/img/imgbase/0.jpg"/></div> <p>Gostaria de saber e se eu tiver um site dinamico como esse aqui do imaster que neim sempre o iframe vai ter o mesmo tamanho, como faço para resolver?</p> <a href="/artigo/361/css/iframes_-_css_em_links/" class="comentario_resposta" rel="7139">Responder comentário</a> </li> </ul> <form id="formComentario" action="http://imasters.uol.com.br/artigo/361/css/iframes_-_css_em_links/" method="post"> <h3>Poste um comentário</h3><div><a href="http://imasters.uol.com.br/cadastro">(clique se não for cadastrado)</a></div> <p> <label class="login">Login: <input type="text" name="strEmail" id="cLogin" /></label> <label class="senha">Senha: <input type="password" name="strSenha" id="cSenha" /></label> <input type="hidden" name="indLogin" id="indLogin" value="1" /></label> <label class="titulo">Titulo: <input type="text" name="titulo" id="cTitulo" /></label> <label class="coment"><textarea name="comentario" rows="3" id="cComentario" cols="10">digite aqui seu comentário</textarea></label> <label class="site">Site/blog: <input type="text" value="http://" name="site" id="cSite" /></label> <label class="submit"><button type="submit">Enviar</button></label> <label class="cacompanhe"><input type="checkbox" id="acompanhe" name="acompanhe" class="acompanhe" /> Receber notificação de novos comentários</label> </p> <br class="c" /> <input type="hidden" name="codConteudo" id="codConteudo" value="361" /> </form> </div> <p class="responsabilidade">Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.</p> </div> <div id="colB"> <div id="autor"> <h2>Sobre o autor</h2> <img src="http://static.imasters.uol.com.br/img/bd/34.jpg" alt="" /> <p><strong><a href="mailto:%72%61%70%68%61%65%6c@%63%61%66%65%61%7a%75%6c.%63%6f%6d.%62%72" class="emailautor">Raphael Simas</a></strong> é Diretor de Arte da produtora Café Azul Mídia Digital e utiliza o Macromedia Fireworks como principal ferramenta para a criação para web.</p><br class="c" /> </div> <div id="indique"> <a id="aindicar" name="aindicar"></a> <h2>Indique para um amigo</h2> <form action="/artigo/361/css/iframes_-_css_em_links/" method="post" id="formIndique"> <input type="hidden" name="url" id="url" value="http://imasters.uol.com.br/artigo/361/css/iframes_-_css_em_links/" /> <p> <label><input type="text" name="nomeDe" id="nomeDe" value="seu nome" title="seu nome" /></label> <label><input type="text" name="nomePara" id="nomePara" value="nome do seu amigo" title="nome do seu amigo" /></label> <label><input type="text" name="emailPara" id="emailPara" value="e-mail do seu amigo" title="e-mail do seu amigo" /></label> <label><input type="text" name="captcha" id="captcha" value="código ao lado" title="código ao lado" class="captcha" /></label> <img align="absmiddle" src="http://imasters.uol.com.br/inc/scripts/captcha.php" alt="captcha" /> <label><textarea name="textoPara" id="textoPara">Escreva aqui sua mensagem!</textarea></label> <label><button type="submit" id="btnIndique">ok</button></label> </p> </form> </div> <div id="tags"> <h2>Tags relacionadas</h2> <p class="tags"> <a class="t2" href="http://imasters.uol.com.br/tag/apple">apple</a> <a class="t2" href="http://imasters.uol.com.br/tag/internet">internet</a> <a class="t1" href="http://imasters.uol.com.br/tag/criacao">criação</a> <a class="t2" href="http://imasters.uol.com.br/tag/mercado">mercado</a> <a class="t1" href="http://imasters.uol.com.br/tag/lancamento">lançamento</a> <a class="t2" href="http://imasters.uol.com.br/tag/iphone">iphone</a> <a class="t1" href="http://imasters.uol.com.br/tag/linux">linux</a> <a class="t1" href="http://imasters.uol.com.br/tag/php">php</a> <a class="t1" href="http://imasters.uol.com.br/tag/crescimento">crescimento</a> <a class="t1" href="http://imasters.uol.com.br/tag/brasil">brasil</a> <a class="t2" href="http://imasters.uol.com.br/tag/tecnologia">tecnologia</a> <a class="t1" href="http://imasters.uol.com.br/tag/celular">celular</a> <a class="t1" href="http://imasters.uol.com.br/tag/mobile">mobile</a> <a class="t1" href="http://imasters.uol.com.br/tag/android">android</a> <a class="t1" href="http://imasters.uol.com.br/tag/twitter">twitter</a> <a class="t1" href="http://imasters.uol.com.br/tag/windows">windows</a> <a class="t1" href="http://imasters.uol.com.br/tag/web">web</a> <a class="t3" href="http://imasters.uol.com.br/tag/microsoft">microsoft</a> <a class="t1" href="http://imasters.uol.com.br/tag/3g">3g</a> <a class="t1" href="http://imasters.uol.com.br/tag/seguranca">seguranca</a> <a class="t1" href="http://imasters.uol.com.br/tag/youtube">youtube</a> <a class="t1" href="http://imasters.uol.com.br/tag/yahoo">yahoo</a> <a class="t5" href="http://imasters.uol.com.br/tag/google">google</a> <a class="t1" href="http://imasters.uol.com.br/tag/desenvolvimento">desenvolvimento</a> <a class="t1" href="http://imasters.uol.com.br/tag/firefox">firefox</a> <a class="t1" href="http://imasters.uol.com.br/tag/ti">ti</a> </p> <!--form action="http://imasters.uol.com.br/busca/" method="get"> <input type="hidden" name="t" value="artigo"/> <p> <label><input type="text" name="q" value="busque por outra palavra" /></label> <label><button type="submit">buscar</button></label> </p> </form--> </div> </div> <div id="colC"> <div id="arroba"> <script> var adW = 300;var adH = 250;var pos = 5;var DEaff="meimaster"; var keyword = "uolhost"; var DEt=new Date(); DEt=DEt.getTime(); DErand=Math.floor(DEt*1000*Math.random());var scw=0,sch=0; if(screen.height){scw=screen.width;sch=screen.height;}var DEconn=document.body; DEconn.style.behavior='url(#default#clientCaps)'; DEconn=(DEconn.connectionType=='lan')?1:0; document.write('<IFRAME WIDTH='+adW+' HEIGHT='+adH+' MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER=0 SCROLLING=no SRC="http://bne.uol.com.br/html.ng/site=mebr&affiliate='+DEaff+'&size='+adW+'x'+adH+'&page='+pos+'&conntype='+DEconn+'&expble=0&reso='+scw+'x'+sch+'&keyword='+keyword+'&tile='+DErand+'?">'); document.write('<SCR'+'IPT LANGUAGE="JavaScript1.1" SRC="http://bne.uol.com.br/js.ng/Params.richmedia=yes&site=mebr&affiliate='+DEaff+'&size='+adW+'x'+adH+'&page='+pos+'&conntype='+DEconn+'&expble=0&reso='+scw+'x'+sch+'&keyword='+keyword+'&tile='+DErand+'?"></SCR'+'IPT>'); document.write('</IFRAME>'); </script> </div> <div id="uol_link_patrocinado"> <a href="http://imasters.uol.com.br/cursos/"> <img border="0" src="http://static.imasters.uol.com.br/anuncio/iped/arroba_cursosonline.gif"><br> </a> </div> <div id="tishop"> <h3><a href="http://www.tishop.com.br/"><span>TI SHOP</span></a> Produtos iMasters </h3> <ul> <li><a href="http://www.tishop.com.br/detalhe_produto.php?produto=1013">Lançamento: CD-ROM Treinamento Aplicado de SQL - </a>Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! <span>Apenas R$ 69,90 no TI SHOP.</span></li> <li> <a href="http://www.tishop.com.br/detalhe_produto.php?produto=138"> </a><a href="http://www.tishop.com.br/detalhe_produto.php?produto=895">Lançamento: Livro iMasters "O Encontro de 2 Mundos"- </a>Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. <span>Apenas R$ 40,00 e envio imediato! </span></li> <li> <a href="http://www.tishop.com.br/detalhe_produto.php?produto=138"> </a><a href="http://www.tishop.com.br/detalhe_produto.php?produto=825">DVD Curso Completo de Photoshop - Do conceito à finalização</a> Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. <span>Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto</span></li> <li> <a href="http://www.tishop.com.br/detalhe_produto.php?produto=752">DVD Javascript Starter - Curso Completo</a> Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. <span>Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!</span></li> </ul> </div> </div> <br class="c" /> </div> </div> <div id="rodape"> <ul class="extras"> <li class="first"><h2><a href=""><span>iMasters</span></a></h2></li> <li><a href="http://imasters.uol.com.br/sobre/">Sobre o iMasters</a></li> <li><a href="http://imasters.uol.com.br/politicadeprivacidade/">Política de privacidade</a></li> <li><a href="http://imasters.uol.com.br/anuncie/">Anuncie</a></li> <li><a href="http://imasters.uol.com.br/feeds/">Feeds iMasters</a></li> <li><a href="http://forum.imasters.com.br/">Fóruns iMasters</a></li> <li><a href="http://imasters.uol.com.br/faleconosco/">Fale conosco</a></li> </ul> <p>2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.</p> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write("\<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>\<\/script>" ); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-339422-2"); pageTracker._initData(); pageTracker._setDomainName(".imasters.uol.com.br"); pageTracker._trackPageview(); </script> <br class="c" /> </div> </body> </html>