18 de ago. de 2013

Gadget de avisos/Mural de recados

Oi gente, resolvi dar um alô pra vocês e trazer um tutorial simples. Eu atualizei as páginas e adicionei um novo gadget ~simples de aviso já com um recado pra vocês lerem e/ou "darem uma olhada". Vou ensiná-los a deixar o mural de avisos/recados desse jeito fofinho. Vamos?

(2) indie | Tumblr

Veja o exemplo aqui ou no topo direito da página (1º gadget)

Passo 1: 
Vá no HTML do seu blog e acima da tag ]]></b:skin> cole o código abaixo e salve.
.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 seguinte código, escreva seu aviso no local que se pede e salve.
<div class="boxwarning">Digite seu aviso aqui</div>
Veja se ocorreu tudo certo, caso contrário, tente novamente seguindo os mesmos passos. Se você não conseguir deixe um comentário ou entre em contato comigo.
Tutorial e códigos montados por mim, não copie. Se inspire e crie. Até logo, grande abraço!

3 comentários:

  1. Curti, acho que vou usar!

    Kisses <3
    Meu jardim Secreto (ou clique no perfil)

    ResponderExcluir
  2. Faz um tutorial como você coloca aquele gadget ''fins'', que tem dois gadgets em um só??

    ResponderExcluir
  3. Usei e ficou muito bom assim deixei um aviso criativo para os visitantes não plagiearem!

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.