#Tutorial Gadget de Avisos / Mural de Recados

Hoy Pessoal!  Hoje eu vim ensinar um tuto lá no Place Fame - Extras que é um blog que eu gosto muito! Que é o do mural de recados, se quiser ver vá no Place Fame Extras e veja o primeiro gadget deles, exato! vai ficar que nem aquele aviso que tem lá, então, vamos ao tuto? Só clicar em leia mais!

1 Passo- 

Vá no HTML do seu  blog (Modelo > Editar HTML) e cole esse codigo antes de ]]></b:skin> 

.boxwarning {

background:#f5f5f5; /** cor de fundo **/

margin:5px; /** espaçamento externo **/

padding:8px; /** espaçamento interno **/

text-align:justify; /** alinhamento do texto **/

position: relative;

z-index:1;

overflow:auto;

height:90px; /** altura do quadro **/

border:1px #707070 dotted; /** espessura, cor e tipo da borda **/

-webkit-transition:0.3s;

color:#707070; /** cor da fonte **/

}

.boxwarning:hover {

color:#ffffff; /** cor da fonte ao passar o mouse **/

border:1px #2f8ccd dotted; /** espessura, cor e tipo da borda ao passar o mouse **/

background:#b1d3eb; /** cor de fundo ao passar o mouse **/

-webkit-transition:0.3s;

}

Passo 2

Adicione um novo gadget com o codigo abaixo, escreva o aviso onde se pede e salve.

<div class="boxwarning">Digite seu aviso aqui</div>

PS: Quando for colocar o codigo antes ]]></b:skin> você pode editá-lo conforme a tabela de cores!   Um grande abraço!     Kissus


                                                                             créditos no começo do post