1![[TUTORIAL CSS] Code elegante personalizado. Empty](https://2img.net/i/empty.gif)
[TUTORIAL CSS] Code elegante personalizado. 30/09/12, 05:08 pm
HenRyqUéè
Administrador
Avaliador
Helper
>>[TUTORIAL CSS] Code elegante personalizado<<
Olá pessoal, nesta aula estarei disponibilizando um código css que deixa o code bem elegante, é claro q se você não gostar deste estilo, você poderá personalizar do seu gosto, e se quiser pode pedir ajuda aqui (mas crie um tópico de ajuda!).
>>Prévia:
- Clique aqui para abrir:
CSS PUNBB/PHPBB3:
Aceda em: Painel de Controle>>Visualização>>Imagens e Cores>>Cores>>Folha de Estilo CSS
- Clique aqui para abrir:
- Código:
.codebox {
background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #D7F8AC;
border: 2px solid#35A002;
padding: 0px;
border-radius: 0px 50px 0px 50px;
}
.codebox:hover {
background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #AAF886;
box-shadow: 0px 0px 10px green;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
-webkit-transition: all .1s linear;
}
.codebox dd {
border: 2px dotted #229605;
border-radius: 20px;
margin: 1.5em;
padding: 0.5em;
background-color: rgba(228, 255, 228, 0.83);
margin-left: 45px;
}
.codebox dt {
border: none;
font-weight: bold;
color: green;
font-family: Arial;
font-size: 13px;
padding-left: 11px;
padding-top: 7px;
}
.codebox dt:before {
content: "Você está Visualizando um ";
}
PHPBB2:
- Clique aqui para abrir:
- Código:
.code {
background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #D7F8AC;
border: 2px solid#35A002;
padding: 50px;
border-radius: 0px 50px 0px 50px;
color:black !Important;
}
.code:hover {
background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #AAF886;
box-shadow: 0px 0px 10px green;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
-webkit-transition: all .1s linear;
}
Beleza galera tai o code, lembrando que se você quiser editar e não souber, por favor nao pessa ajuda aqui no topico do tutorial, pessa [Tens de ter uma conta e sessão iniciada para poderes visualizar este link].
CRÉDITOS: SPD
__________________________________________________________________________________________________________
>>>>>©RMBR & DEXTER<<<<<
Destaque do Fórum