Box de observação simples


Fala galera neste tutorial vou ensinar a colocar uma caixa de observação muito simples no seu blog, primeiro adicione o código abaixo antes de ]]>

/* observação by Daniel Barreto  - saikyou Design*/
.obs{
text-align:center; /*alinhamento do texto*/
margin-top:3px; /*subir ou descer*/
background:#6798E0;/*COR do fundo*/
color:#000; /*cor do texto*/
padding-left:30px; /*empurar para a direita*/
border: 1px #000 ; /*empurar para a direita*/
    -webkit-border-top-left-radius: 7px; /*tamanho da curvatura*/
    -webkit-border-top-right-radius: 7px; /*tamanho da curvatura*/
    -webkit-border-bottom-left-radius: 7px;  /*tamanho da curvatura*/
    -webkit-border-bottom-right-radius: 7px; /*tamanho da curvatura*/
}

Agora para adicionar a barra em seu blog vai em layout/adicionar Gadgets/Html Javascript, e adicione a seguinte tag :

<div class="obs">Aqui vc adiciona o conteudo do box</div>

0 comentários:

Postar um comentário

 

TODOS OS DIREITOS RESERVADOS A SAIKYOU DESIGN - DESIGN E SISTEMA PRODUZIDOR POR DANIEL BARRETO