37. 4YOU - 2 Blockquotes

votem no projeto da Vicky, do Garotas Cupcakes? ficou muito legal. Cliquem aqui pra votar, tá no fim do post e é o primeiro da lista. Isto é, se acompanharam o projeto e gostaram dos presentes.

Oi! Oi oi oi!

Tenho uma frase inspiradora vinda diretamente da minha cabecinha privilegiada - sqn - pra vocês: Vamos viver a vida sem se importar com decepções. - Shakespeare na área, mano véi. (e lá se vai Shakespeare).

Tô com muito fome, logo logo vou almoçar miojo - #ComidaDePobre - Huuuuuummmm!! Pelo menos aqui na Grande São Paulo - não entendo porque chamam de "grande", se não é a maior cidade do país - deu uma esquentada. Tô até sem meu suéter. Sim, eu uso, suéter, e daí? Sou descolada pra caramba mesmo assim - sqn parte 2 - .

Fui dar uma olhada no canal da DisneyMusic no Youtube, e achei uma música bem legal do filme da Tinker Bell, não sei qual dos quatro, chama Smile, é da Sabrina Carpenter. É legal.

Enfim, enfim. Fiz 2 modelinhos de blockquote pra vocês! Ficaram bem simplesinhos, mas eu achei fofo.

Vamos ver???

• modelo 1

Normal:

Hover: 

O código:

/* Blockquote Por Sonifera Girl */

blockquote {

padding: 7px; /* Tamanho do Blockquote */

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWznknLXbZejuDHc_LxIbINUab1LjGzdlIByyKqc28QjodTCXNfO0H4rMhcxzwQ9wCUfFtEdT4KPi480QrLh0Fr3l-et0g05CTiSQTERwvlSHnnWDU6invI096ipdqDrLje2BbP0jdg6s/s1600/4.png") repeat; /* Fundo */

box-shadow: inset 0px 0px 8px #d2d3fa, 0px 0px 5px #d2d3fa; /* sombras da caixa */

-webkit-box-shadow: inset 0px 0px 8px #d2d3fa, 0px 0px 5px #d2d3fa; /* sombras da caixa */

-moz-box-shadow: inset 0px 0px 8px #d2d3fa, 0px 0px 5px #d2d3fa; /* sombras da caixa */

outline-offset: -3px; /* Não mexa */

outline: 1px dashed #3f2748; /* cor da linha pontilhada */

color: #3f2748; /* cor da fonte */

font-family: 'PF Arma Five'; /* fonte */

font-size: 8px; /* tamanho da fonte /*

text-align: center; /* alinhamento do texto, pode mudar para right (direita) ou left (esquerda) */

border-radius: 3px; /* arredondamento - não mexa */

-webkit-transition-duration: .90s; /* Transição - não mexa */

}

blockquote:hover {

padding: 7px; /* Tamanho do Blockquote */

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3jA1iBSPPSIC6a5VMl36dd1s3os7wWywD2UReW_uaetfGziF3VrzhAbIHHSiW3WwFoH6yd2W_OEKYH2eQ7jcvqYgcPs3qRSR4fMgCjoFpixnBHYksZmACskSbr-7ImrHrIgDxZywShqz7/s1600/parapostar4.png") repeat; /* Fundo quando passa o mouse */

box-shadow: inset 0px 0px 8px #b8cbfc, 0px 0px 5px #b8cbfc; /* sombras da caixa quando passa o mouse */

-webkit-box-shadow: inset 0px 0px 8px #b8cbfc, 0px 0px 5px #b8cbfc; /* sombras da caixa quando passa o mouse */

-moz-box-shadow: inset 0px 0px 8px #b8cbfc, 0px 0px 5px #b8cbfc; /* sombras da caixa quando passa o mouse */

outline-offset: -3px; /* Não mexa */

outline: 1px dashed #030675; /* cor da linha pontilhada quando passa o mouse */

color: #030675; /* cor da fonte quando passa o mouse */

font-family: 'PF Arma Five'; /* fonte */

font-size: 8px; /* tamanho da fonte */

text-align: center; /* alinhamento do texto, se mudou lá em cima, mude aqui também para right (direita) ou left (esquerda) */

border-radius: 3px; /* arredondamento - não mexa */

-webkit-transition-duration: .90s; /* Transição - não mexa */

}

/* Fim. Se usar, credite. */ 

• modelo 2

Normal:

Hover:

O código:

/* Blockquote por Sonifera Girl */

blockquote {

padding: 6px; /* Tamanho do Blockquote */

background: #e0cbf5; /* Fundo */

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

font-family: PF Arma Five; /* fonte */

font-size: 8px; /* tamanho da fonte */

text-align: center; /* alinhamento do texto, pode mudar para right (direita) ou left (esquerda) */

border-radius: 10px; /* arredondamento - não mexa */

-moz-transition: all 0.2s ease-out;  /*Transição, não altere */

-webkit-transition: all 0.2s ease-out;  /*Transição, não altere */

-o-transition: all 0.2s ease-out;  /*Transição, não altere */

-ms-transition: all 0.2s ease-out;  /*Transição, não altere */

transition: all 0.2s ease-out;  /*Transição, não altere */

}

blockquote:hover {

padding: 6px; /* Tamanho do Blockquote */

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIz0d4adMLuwMsKs4_XI_KfGBe4qJEOfCMVUlFAnyT7eybXwFhtSkZmt-hYiNBAUlyEpQZ9odUUD6BAmFcMI715-tjDIgkVR-Pt0YVwfqqy3a9IjbGNr7ylAdtTYi4iJ_lPjTxK8sffAA/s200/30.png") repeat; /* Fundo quando passa o mouse */

color: #df048b; /* cor da fonte quando passa o mouse */

font-family: 'PF Arma Five'; /* fonte */

font-size: 8px; /* tamanho da fonte */

text-align: center; /* alinhamento do texto, se mudou lá em cima, mude aqui também para right (direita) ou left (esquerda) */

border-radius: 10px; /* arredondamento - não mexa */

-moz-transition: all 0.2s ease-out;  /*Transição, não altere */

-webkit-transition: all 0.2s ease-out;  /*Transição, não altere */

-o-transition: all 0.2s ease-out;  /*Transição, não altere */

-ms-transition: all 0.2s ease-out;  /*Transição, não altere */

transition: all 0.2s ease-out;  /*Transição, não altere */

}

/* Fim. se usar, credite. */

Bem, podem ver que está tudo explicado no código, caso queriam mudar alguma coisa. Espero que tenham gostado!

Kiss!