Pra fazer o iframe com fundo transparente, crie uma página com um estilo da cor de fundo transparente. Assim:
<body style="background-color:transparent">
<iframe src="sua pagina.htm" width="250" marginwidth="10" height="250" marginheight="10"
scrolling="auto" allowtransparency="true"
style="position:absolute; left:50px; top:50px"></iframe>
Ver aqui: http://www.tableless.com.br/propriedade-float-do-css
Colocar no "head"<style type="text/css">
.liga a {
display:block;
background-color:#FF9999;
text-decoration: none;
padding: 2px;
margin-bottom: 5px;
text-align: center;
border: 1px solid #000;
width: 100px; }
.liga a:hover {
color:#FFFFFF;
background-color:#6633FF}
</style>
Colocar no "body"<div class="liga"><a href="#">ligação</a></div>
Para colocar no "head"<title>Título</title>
<meta name="keywords" content="palavra, palavra "/>
<meta name="description" content="Descrição"/>
São quatro as pseudo classes dos links:
1. a:link........define o estilo do link no estado inicial;
2. a:visited...define o estilo do link visitado;
3. a:hover.....define o estilo do link quando passa-se o mouse sobre ele;
4. a:active....define o estilo do link ativo (o que foi "clicado").a:link {}
a:visited {}
a:hover {}
a:active {}
O "20" é o nº de segundos<head>
<meta http-equiv="refresh" content=" 20 ; URL=http://pagina.com/">
</head>
ou<head>
<script>
var segundos=1000;
setTimeout("window.open('http://pagina.com/','_top','');",segundos * 20 );
</script>
</head>
e a página dentro da página<html>
<head>
<title>PLAFORMA | Consultadoria e Formação</title>
<meta name="keywords" content="plaforma, formação, consultadoria, empresa"/>
<meta name="description" content="A Plaforma é uma empresa de Consultadoria e Formação, Lda. que assenta essencialmente no profissionalismo e na qualidade."/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset rows='100%, *' frameborder=no framespacing=0 border=0>
<frame src="http://plaforma.blogspot.com/" name=mainwindow frameborder=no framespacing=0 marginheight=0 marginwidth=0></frame>
</frameset>
<noframes>
<h2>Your browser does not support frames. We recommend upgrading your browser.</h2><br><br>
<center>Click <a href="http://plaforma.blogspot.com/">here</a> to enter the site.</center>
</noframes>
</html>
<head>
<script type="text/javascript" src="nomedojs.js"></script>
</head>
Iframe:<iframe leftmargin=5 topmargin=5 marginWidth=0 marginHeight=0 src="pagina_que_vai_abrir.htm" frameBorder=1 width=100% height=100% scrolling=yes name="nome_da_frame"></iframe>
Link para Iframe:<a href="http://www.pauloadriano.com" target="nome_da_frame">link para abrir na iframe</a>
| Attribute | Value | Description | DTD |
|---|---|---|---|
| align | left right top middle bottom | Deprecated. Use styles instead. Specifies the alignment of an iframe according to surrounding elements | TF |
| frameborder | 1 0 | Specifies whether or not to display a border around an iframe | TF |
| height | pixels % | Specifies the height of an iframe | TF |
| longdesc | URL | Specifies a page that contains a long description of the content of an iframe | TF |
| marginheight | pixels | Specifies the top and bottom margins of an iframe | TF |
| marginwidth | pixels | Specifies the left and right margins of an iframe | TF |
| name | name | Specifies the name of an iframe | TF |
| scrolling | yes no auto | Specifies whether or not to display scrollbars in an iframe | TF |
| src | URL | Specifies the URL of the document to show in an iframe | TF |
| width | pixels % | Specifies the width of an iframe | TF |
Criar zona ancorada:<a name="ancora"></a>ancora
Ligação para a âncora:<a href="#ancora">ir_para_ancora</a>
<a href="#" onClick="history.go(-1)">Back</a>
ou<input type=button value="Back" onClick="history.go(-1)">
<a href="#top"></a>
<head>
<base target="_blank">
</head>
Podemos simular um pré-carregamento de uma imagem utilizando a propriedade CSS background setando um outra imagem, na qual informará o carregamento da imagem. (exemplo)img {
background: #ffffff url(loading.gif) no-repeat center center;
}
<script>
var now=new Date();
var status=(now.getSeconds())%6;
<!—quantidade de imagens no directório; no caso, devem ser imagens nomeadas como fundo1.gif, fundo2.gif etc -->
document.write('<body background="fundo'+status+'.gif" BGCOLOR="#ffffff" TEXT="#000000">');
</script>
<link rel="stylesheet" type="text/css" href="nomedoficheiro.css">
<div id=camada></div>
<a href="javascript:document.all.camada.innerHTML='<img src=img.jpg>'">
Clique aqui pra ver a imagem na camada
</a>
onmouseover="javascript:this.style.background='#000000';"
<HTML>
<HEAD>
<script>
function camada( sId ) {
var sDiv = document.getElementById( sId );
if( sDiv.style.visibility == "hidden" ) {
sDiv.style.visibility = "visible";
} else {
sDiv.style.visibility = "hidden";
}
}
</script>
</HEAD>
<BODY>
<A HREF="#" ONCLICK="camada('menu');">
Abre e fecha a camada
</A>
<!-- Camada 'menu' -->
<DIV ID="menu"
STYLE="POSITION: absolute; TOP: 35px; LEFT: 5px;
WIDTH: 400px; HEIGHT: 300px; ZINDEX: 2;
BACKGROUND: #FFFFFF; BORDER: 3px dotted #000000;
VISIBILITY: hidden;">
Testando a visibilidade da camada
</DIV>
</BODY>
</HTML>
<div style="position:absolute; left:0px; top:0px;
width:100px; height:100px; z-index:1; overflow: auto;">
<html>
<head>
<style type="text/css">
.style1 {
position:absolute;
width:200px;
height:300px;
border:1px solid #cccccc;
top:50%;
left:50%;
margin-top:-150px; /* metade da altura da div */
margin-left:-100px; /* metade da largura da div */
}
</style>
</head>
<body>
<div class="style1">
<p>esta é a div centrada</p>
<p> </p>
<p> </p>
</div>
</body>
</html>
