1 Páginas HTML com iframe Sáb Fev 23, 2013 11:16 pm
rck
1 - Descrição do arquivo.
São 2 paginas html, para carregar em uma pagina. O iframe nasceu para isto.
2 - Tamanho do arquivo.
Indefinido, porem leve/medio
3 - Formato do arquivo.
Á sua preferência
4 - Prévio.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Este é o resultado final
5 - Scan do arquivo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
6 - Link do download.
Acho que posso disponibilizar o codigo aqui mesmo.
Esta é a pagina principal.
Este é o conteudo do iframe:
Não é preciso colocar meus creditos.
São 2 paginas html, para carregar em uma pagina. O iframe nasceu para isto.
2 - Tamanho do arquivo.
Indefinido, porem leve/medio
3 - Formato do arquivo.
Á sua preferência
4 - Prévio.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Este é o resultado final
5 - Scan do arquivo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
6 - Link do download.
Acho que posso disponibilizar o codigo aqui mesmo.
Esta é a pagina principal.
- Código:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Podem brincar a vontade</title>
<style>
body.n-iframe{
background-color: #000;
color: #fff;
font-family: Segoe UI;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#262626', endColorstr = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#262626', endColorstr = '#000000')";
background-image: -moz-linear-gradient(top, #262626, #000000);
background-image: -ms-linear-gradient(top, #262626, #000000);
background-image: -webkit-linear-gradient(top, #262626, #000000);
background-image: linear-gradient(top, #262626, #000000);
}
a {
color: #eee;
}
.topo {
float: center;
width: 400px!important;
}
#x {
float: right;
width: 60px;
top: 0px;
right: 0px;
position: absolute;
}
iframe {
border-radius: 5px;
}
</style> </head>
<body class="n-iframe">
<div id="x"><left><a href="/forum"><font size="48">X</font></a></left></div>
<div class="topo"><font size="48">Pagina com iframe</font></div>
<div> <center><iframe width="1000px" height="400px" src="http://lespowerinfo.forumeiros.com/h10-pagina-com-frame-1"></iframe> </center></div>
</body>
</html>
Este é o conteudo do iframe:
- Código:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Pagina dos icones</title>
<style>
body {
background: #fff url('http://www.latoro.com/wallpapers/space/18534-desktop-wallpapers-red-planet.jpg') no-repeat fixed center;
color: #fff;
text-shadow: 0px 1px 1px #000;
font-family: Segoe Script;
font-size: 9px;
}
.icone {
width: 80px;
text-align: center;
float: left;
padding: 16px;
}
.icone:hover {
background: url('http://i.imgur.com/aQ60qM8.png');
border-radius: 5px;
}
</style>
</head>
<body>
<div class="icone"><a href="http://www.michaelv.org/"><img src="http://www.guidebookgallery.org/pics/gui/desktop/full/win31.png" width="80px" height="80px" /><br></a>Simulador de Windows 3.1</div><div class="icone"><a href="http://www.photoshoponline.com.br/editor/"><img src="http://images.br.sftcdn.net/br/scrn/9000/9533/photoshop-19-549x535.jpg" width="80px" height="80px" /><br></a>"Photoshop" online</div><div class="icone"><a href="http://www.css3.me/"><img src="http://criarsitessgratis.com/wp-content/uploads/2012/08/css31.png" width="80px" height="80px" /><br></a>Gerador de CSS3</div><div class="icone"><a href="http://www.youtube.com/user/canalparafernalha"><img src="http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2RlL3lvdXR1YmV0b29sLmFVeS5naWYKcAl0aHVtYgk5NTB4NTM0IwplCWpwZw/c394eb82/5cd/youtube-toolbox-100-tools-and-resources-to-enhance-your-video-experience-44a12b6af8.jpg" width="80px" height="80px" /><br></a>Canal do youtube</div>
<div class="icone"><a href="https://www.facebook.com/DivineArtzDA"><img src="http://www2.myacpa.org/images/stories/Facebook-icon.png" width="80px" height="80px" /><br></a>Pagina do facebook</div>
</body>
</html>
Não é preciso colocar meus creditos.