Início
Loja
Olá Humanos do Wasd Fórum,hoje trago a vocês um Css de Box e Titulo para sites (cai como uma luva pra quem usa cutenews).
»Demo(pode estar offline): [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Códigos:
» Box:
» Titles:
» Adicionando em seu layout:
Titulo simples
» Titulos Coloridos:
Créditos: Loko-Poko
»Demo(pode estar offline): [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Códigos:
» Box:
- Código:
.box{
padding: 4px;
background: #FFF;
border-radius: 4px;
margin-bottom: 7px;
text-align: left;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3),0 0 0 1px #A6A6A6 inset,0px -2px 0px 1px #F6F6F6 inset,0 2px 0 0 #d1d1d1;
}
» Titles:
- Código:
.titulo{
background: #D64242;
border-radius: 3px;
text-align: left;
text-indent: 11px;
font-family: arial;
font-size: 12px;
margin-bottom: 6px; height: 36px;
line-height: 36px; font-weight: bold; color: #FFF;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
text-shadow: rgba(0, 0, 0, 0.3) 1px 1px;
border: 1px solid rgba(0, 0, 0, 0.4);
}
.titulo a{
color: #FFF;
text-decoration: none;
}
.titulo.verde{
background:#429905;
}
.titulo.laranja{
background:#F60;
}
.titulo.vermelho{
background:#D64242;
}
.titulo.azul{
background:#4190CC;
}
.titulo.cinza{
background:#A6A6A6;
}
» Adicionando em seu layout:
Titulo simples
- Código:
<div class="box">
<div class="titulo">Titulo</div>
Wasd.in titulo
</div>
» Titulos Coloridos:
- Extra pro meu povo não chorar uaheuaehae:
- Código:
<div class="box">
<div class="titulo azul">Titulo</div>
Wasd.in titulo
</div>
<div class="box">
<div class="titulo verde">Titulo</div>
Wasd.in titulo
</div>
<div class="box">
<div class="titulo laranja">Titulo</div>
Wasd.in titulo
</div>
<div class="box">
<div class="titulo cinza">Titulo</div>
Wasd.in titulo
</div>
<div class="box">
<div class="titulo vermelho">Titulo</div>
Wasd.in titulo
</div>
Créditos: Loko-Poko
Última edição por Loko-Poko em Ter Ago 12, 2014 8:36 pm, editado 3 vez(es)
