Scherer 0 Denunciar post Postado Fevereiro 28, 2008 Pessoal, bom dia! Eu sou novo aqui, espero que possa aprender com vocês! Tenho uma pergunta que deve ser muito fácil para vocês, mas para mim está sendo um atraso enorme.... por favor, vejam esse site: http://idesyns.com/ Como é que eu faço para conseguir que a imagem de background seja sempre a mesma, e que ao clicar as abas acima (portfolio, web, etc) apenas o conteúdo do papel sobre a mesa se altere? E que o texto ou elementos desse conteúdo tenham sempre fundo transparente, para que apareça a imagem de background? Desde já, agradeço muito a quem puder me auxiliar. Abraços, Alfredo Scherer Compartilhar este post Link para o post Compartilhar em outros sites
Morpheus#2005 1 Denunciar post Postado Fevereiro 28, 2008 você cria o background e coloca um iframe transparente. <iframe allowtransparency="true" src="sua.htm" width="354" height="367" frameborder="0"></iframe> Entre as TAG´S HEAD <style type="text/css"> Body { Background: transparent; } </style> Compartilhar este post Link para o post Compartilhar em outros sites
Scherer 0 Denunciar post Postado Fevereiro 28, 2008 Desculpe o abuso, mas como eu faço para determinar exatamente a localização dentro do Iframe? No caso desse exemplo, exatamente dentro do papel? Obrigado, de novo!! Compartilhar este post Link para o post Compartilhar em outros sites
Morpheus#2005 1 Denunciar post Postado Fevereiro 28, 2008 Amigo ...cola isso no DW. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- #main { position: absolute; top: 0px; left: 0px; width: 100%; height: 862px; background: url(../images/mainBack.jpg) no-repeat; background-color: transparent; padding: 0px; margin: 0px; z-index: 1; } iframe { width: 200px; right: 200px; bottom: 300px; } #header { position: absolute; top: 184px; left: 155px; width: 474px; height: 144px; background: none; background-color: transparent; padding: 0px; margin: 0px; z-index:3 } body { background-image: url(http://idesyns.com//images/mainBack.jpg); } #Layer1 { position:absolute; left:81px; top:58px; width:386px; height:271px; z-index:2; } --> </style> </head> <body> <div id="header">Esse é um teste.....crie outras camadas.. </div> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites
Scherer 0 Denunciar post Postado Fevereiro 28, 2008 Morpheus, eu nem sei como te agradecer, valeu mesmo!! Mas ainda tenho uma última dúvida: como é que um link chama uma camada? Deu pra entender a pergunta? No caso do exemplo: cada aba daquelas (portfolio, etc) quando clicada chama uma nova camada no mesmo lugar, sobre o papel. Como é esse código? Mais uma vez, obrigado! Compartilhar este post Link para o post Compartilhar em outros sites
flneves 0 Denunciar post Postado Maio 31, 2008 Facil.... Define para abrir no iframe! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites
