Olá cupcakes de morango!! Ontem não deu para postar dois posts e principalmente o "Minhas coisas mais fofas" também não porque não deu para tirar as fotos, porque como eu já disse para vocês minha semana de provas acabou ontem então não deu para tirar nenhuma foto, mas quando puder juro que vou postar. Mas agora vamos falar sobre o post, vocês sabem o que é blockote? Caso não saibam clique em Mais Informações e irei falar o que é blockote e mostrar 3 modelinhos super cutes. Vamos lá?
Isto é blockote
Vá em Modelo > Editar HTML >> Ctrl + F -> procure por --> ]]></b:skin>
Quando achar cole um dos códigos abaixo
Modelo 1
@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}blockquote {font-family: Arma Five;font-size: 8px;padding: 7px;margin-left: 17px;margin-right: 17px;text-align: center;background: #f5f5f5;border-right: 4px solid #8c5b96;border-left: 4px solid #dcd33e;box-shadow: inset -2px -2px 3px #ddd;-webkit-transition: all 0.50s ease;}blockquote:hover {font-family: Arma Five;font-size: 8px;padding: 7px;margin-left: 17px;margin-right: 17px;border-radius: 3px;text-align: center;background: #f5f5f5;border-left: 4px solid #8c5b96;border-right: 4px solid #dcd33e;box-shadow: inset 2px 2px 3px #ddd;-webkit-transition: all 0.50s ease;}
Onde está em rosa é o background do blockote e você pode alterar. O que está em azul é a cor das bordinhas. Depois de blockquote:hover { é o blockote quando fica em hover ( Quando você passa o mouse em cima )
Modelo 2
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
blockquote {
border: 2px solid #a9c6e7; /*Tamanho, tipo e cor da borda/*
background-color: #dce9f8; /*cor do fundo/*
padding: 10px; /* espaço entre o texto e a borda/*
font-size: 8px; /*tamanho da fonte/*
font-family: 'silkscreen'; /*nome da fonte/*
color: #758495; /*cor do texto/*
box-shadow: inset 0 0 10px #a8c0db, 0 0 5px #a8c0db; /*configurações de sombra/*
text-align: center; /*alinhamento do texto/*
-moz-border-radius: 3px; /*borda arredondada/*
-webkit-border-radius: 3px; /*borda arredondada/*
border-radius: 3px; /*borda arredondada/*
}
Modelo 3
.POST BLOCKQUOTE {PADDING: 3PX;BACKGROUND: #EBEBEB;TEXT-TRANSFORM: UPPERCASE;FONT-FAMILY: UNI;FONT-SIZE: 8PX;BORDER: 4PX DOUBLE #BFBDBE;COLOR: #5E5E55;TEXT-ALIGN: CENTER;}@FONT-FACE {FONT-FAMILY: 'UNI';SRC: URL('HTTP://STATIC.TUMBLR.COM/9GYBM6E/ZBVMMX0Y9/UNI05.TTF');}O que está em rosa é o background do blockote o que está em azul é a cor da fonte.
Mude as cores com esta tabela de cores.
Onde eu vi os tutoriais não tinha nada para editar, ou seja gostou ou não vai ter que ficar assim! Mas eu sou muito legal
Espero que me desculpem pelo fiasco dos posts e Tchau!!
Beijinhos da Ju
Créditos: ♥♥♥
