Box aviso,dicas e info b-t

Aqui eu com mais uma partilha bem útil ,como tambem prática e vistosa.
Podem ver acima e boxs de avisos,dicas e informação ,eu uso aqui no best-tuga como já viram né.
Pode visualizar online; Entre aqui...
Vamos colocar no blog...

Antes de tudo faça uma cópia do seu template...

Entre no seu blog depois em modelo e editar html e procure este código...

Agora acima desse código coloque o meu;

/* box info,aviso e dicas-  http://best-tuga.blogspot.pt/*/
@font-face { font-family: 'SouciSansRegular';
src: url('SOUCISAN.eot');
src: local('SouciSans'), local('SouciSans'), url('SOUCISAN.woff') format('woff'), url('SOUCISAN.ttf') format('truetype');}
.classname{ font:21px bold italic SouciSansRegular;
}
.bt-informaçao, .bt-dicas, .bt-aviso {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.bt-informaçao {
color:#666;font-family:"Lobster";font-size:19px;text-shadow:1px 1px 1px #000000;
 background:url(http://i.imgur.com/BrOVcmo.png) no-repeat scroll 0px center;background-color:#b9cafd;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px #CCC solid;-moz-box-shadow: -1px 2px 16px #000000;
-webkit-box-shadow: -1px 2px 16px #000000;
box-shadow: -1px 2px 16px #000000;
}
.bt-dicas {
color:#666;font-family:"Lobster";font-size:19px;text-shadow:1px 1px 1px #000000;
background:url(http://i.imgur.com/77JrLUD.png) no-repeat scroll 0px center ;background-color:#baf8b9;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-moz-box-shadow: -1px 2px 16px #000000;
-webkit-box-shadow: -1px 2px 16px #000000;
box-shadow: -1px 2px 16px #000000;
}
.bt-aviso {
color:#333;font-family:"Lobster";font-size:19px;text-shadow:1px 1px 1px #000000;
background:url(http://i.imgur.com/wLPXMyS.png) no-repeat scroll 0px center ;background-color:#f9739c;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-moz-box-shadow: -1px 2px 16px #000000;
-webkit-box-shadow: -1px 2px 16px #000000;
box-shadow: -1px 2px 16px #000000;
}

Pode salvar e depois vá fazer sua postagem e pelo html cole meu código:

<div class='bt-informaçao'>
A nova fonte de poder não é o dinheiro nas mãos de poucos, mas informação nas mãos de muitos.
</div>
<div class='bt-dicas'>
Se você vibrar só com pensamentos positivos, suas ações consequentemente também serão positivas.
</div>
<div class='bt-aviso'>
“Acho que devemos fazer coisa proibida senão sufocamos. Mas sem sentimento de culpa e sim como aviso de que somos livres.”
</div>

É isto agora salve estes códigos debaixo para ter sempre perto quando fôr fazer sua postagem.
Espero lhe seja útil trouxe esta partilha com muito gosto ,duvidas disponha ,até mais...

Box aviso,dicas e info b-t

► 0

► dicas vários

► Cartita