Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

MonkistaPT

Ajuda na Criação do Zen Garden

Mensagens Recomendadas

MonkistaPT

Boas Precisava de ajuda na criação do Zen garden na qual eu tenho que fazer isto que esta neste link.

http://www.2shared.com/file/12273580/298009d4/zen-garden.html

Eu ja tenho o código em HTML e CSS.

HTML:

<html>
<head>
<title>css Zen Garden: The Beauty in CSS Design</title>
<link rel="stylesheet" type="text/css" href="zen-garden.css">
</head>
<body>
<div class="Blossoms">
<div class="dados">
</div>
<div class="main" style="left: 335px; right: 200px; top: 120px; height: 365px; width: 411px">
</div>
<div class="titulo">
<img src="h2.gif">
</div>
<div class="templo">
<img src="temple-door.gif">
</div>
</div>
</body>
</html>

body {
background-image: url('zen-bg.png');
background-position: right,top;
background-repeat: no-repeat;
font-family: Georgia;
color: #555753;
border: 0;
position: relative;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
font-size:8pt;
margin:16pt;
}
div.main{position:absolute;
right:160px;
top:120px;
left:120px;	
text-align:left;
text-align:right;
}
div.Blossoms{
background-image: url('blossoms.jpg');
background-position: right;
background-repeat: no-repeat;
left: 10px;
text-align: justify;
height: 100%;
width: 100%;
}

div.titulo{position:absolute;
top:60px;
right:150px;
}
div.templo{
position:absolute;
top:20px;
right:0px;
}
div.dados{
margin-top:100px;
margin-left:110px;
margin-bottom:20px;
width:200px;
float:left;
}
div.dados.p{
font-size:10pt;
margin:22px;
text-align:right;
font-style:italic;
}

não sei se este e o local ideal espero ter resposta breve.

So falta por as letras dentro do background mas não sei como...

cumprimentos Joao Joaquim

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.