ATENÇÃO: Todos os Layouts aqui disponibilizados são para o "Template Modelo Mínima."

COMUNICADO

27 / Julho / 2012

Queridas amigas, seguidoras e visitantes,

Estou me organizando para voltar. Se Deus quiser será em breve.

Beijão!

17 / Setembro / 2011

Queridas amigas, seguidoras e visitantes,

Por problemas de saúde faz tempo que não entro e nem atualizo meu blog LADY MEL LAYOUTS. Agora, finalmente consegui ser cirurgiada, mas por determinação do médico ainda vou ficar um tempo sem poder usar o pc.

Amigas, morro de saudades do meu bloguinho e de vocês também.

Para as meninas que entraram recentemente para a comunidade de seguidoras do LADY MEL LAYOUTS, assim que eu voltar farei visita a todas e terei prazer em segui-las também.

Um grande beijo no coração de todas vcs, e que Deus as abençoe sempre!

Lady Mel

11 junho 2010

0 Caixa de Texto com Sombra e Fundo Colorido

Neste script você monta uma caixa de texto com sombra e fundo colorido.

Você poderá configurar cor de fundo, o tamanho e a cor da fonte, poderá também definir cor e largura da borda, e a largura e altura da caixa. 

Basta formatar ao seu gosto as configurações que vem antes nas linhas em vermelho.

CÓDIGO:

<style type="text/css">
.blur{
background-color: #cccccc;
color: inherit;
margin-left: 4px;
margin-top: 4px;
width: 300px;
height: 300px;
}
.shadow,
.content{
position: relative;
bottom: 2px;
right: 2px;
width: 300px;
height: 300px;
}
.shadow{
background-color: #999999;
color: inherit;
width: 300px;
height: 300px;
}
.content{
background-color: #ffffff; /*cor de fundo para o conteúdo*/
font-family:tahoma; font-size:9pt; color:#696969; /*configuração do texto*/
border: 1px solid #696969; /*configuração da borda*/
padding: .5em 2ex;/*configuração de espaçamento*/
width: 300px;
height: 300px;
}
</style>
<div class="blur"><div class="shadow">
<div class="content">Seu conteúdo aqui</div>
</div></div>




0 comentários:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...
;