Downloaded • 03.05.12 17:03
Probleminha Com Html 03.05.12 17:03
Iai Pessoal Hoje Estou Com Um Probleminha, Bom Estou Montando um Portal Habbo Do Zero (0)
Mas Queria Deixar Meu Site com Por Exemplo Que nem o Power Pixel.
Esta Vendo o Fundo?
Ai Tem O Negocio Branco. Que é a onde esta as coisas
E as Coisas Ficam Emcima Disso
E Como Se Fosse As Bordas Alguma coisa assim...
Mas eu não Consigui.
Se Alguem Poder Me Ajudar
Olhai o Codigo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Mas Queria Deixar Meu Site com Por Exemplo Que nem o Power Pixel.
Esta Vendo o Fundo?
Ai Tem O Negocio Branco. Que é a onde esta as coisas
E as Coisas Ficam Emcima Disso
E Como Se Fosse As Bordas Alguma coisa assim...
Mas eu não Consigui.
Se Alguem Poder Me Ajudar
Olhai o Codigo:
- Spoiler:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Projeto: Portal Habbo!</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8"/>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<center><img src="portalhabbo.png"></center>
<center>
<img src="Xat.png"></center>
<center><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="440" height="405"
name="chat" FlashVars="id=173352581" align="middle" allowScriptAccess="sameDomain" type="application/x-
shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK"
href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK"
href="http://xat.com/web_gear/chat/go_large.php?id=173352581">Go Large!</a></small><br>
</center>
<style>
body{
background-image: url(http://www.imagespower.com.br/imagens/b68f90deea826ecfc7adc1e730b14f31.png);
font-family: Arial;
height: 2000px;
background-color: #8FE0F9;
}
.header
{
width:600px;
height:56px;
position:absolute;
top:0px;
left:25%;
background:#fff url() no-repeat top left;
}
a.back{
width:256px;
height:73px;
position:fixed;
bottom:15px;
right:15px;
background:#fff url() no-repeat top left;
boder::1;
cursor:pointer;
}
a.activator{
width:153px;
height:150px;
position:absolute;
top:0px;
left:0px;
background:#fff url() no-repeat top left;
boder::1;
cursor:pointer;
}
/* Style for overlay and box */
.overlay{
background: #666;
opacity: 0.8;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
boder::100;
}
.box{
position:fixed;
top:-900px;
left:22%;
right:90%;
background-color:#fff;
color:#7F7F7F;
padding:20px;
border:2px solid #ccc;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
-moz-box-shadow: 0 1px 5px #333;
-webkit-box-shadow: 0 1px 5px #333;
boder::101;
width: 693px;
height: 490px;
}
.box h1{
border-bottom: 1px dashed #7F7F7F;
margin:-20px -20px 0px -20px;
padding:10px;
background-color:#bfe0ef;
color:#6ec5ea;
-moz-border-radius:20px 20px 0px 0px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-top-left-radius: 20px;
-khtml-border-top-right-radius: 20px;
}
a.boxclose{
float:right;
width:26px;
height:26px;
background:transparent url(https://2img.net/r/ihimizer/img16/9558/cancelv.png) repeat top left;
margin-top:-30px;
margin-right:-30px;
cursor:pointer;
<h2>DSHDSJHDSKDS</H2>
<script type="text/javascript">
$('button').click(function () {
$('#overlay').fadeIn('fast');
$('#box').animate({'top':'50px'}, 500)
});
$('#boxclose').click(function () {
$('#box').animate({'top':'-900px'}, 500, function(){;
$('#overlay').fadeOut('fast');
});
});
$('button').click(function () {
var hg = $('#hg').val();
$('#box p').html(hg);
});
</script>
</body>
</html>
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
