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.
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!
Ficaram fofos os modelos ^-^
ResponderExcluirBeijos ~
garotas-cupcakes
Valeu vicky! Brigada! Não sei se você viu, usei seu modelo de lista pra marcadores, eu achei bem fofo.
ExcluirFicaram lindinhos os modelos mesmo *o* eu adoro suéter, queria fazer meu namorado usar mas ele acha coisa de gay ;u; (eu tbm uso, acho muito lindo), aqui tbm esquentou (ainda bem) hihi.
ResponderExcluirbreaking-doubts.blogspot.com.br
Né? Eu não tenho namorado, mas tento meu melhor amigo usar ou pelo menos gostar do meu, mas ele só fica falando que eu adoro voltar pros anos 80 :)
Excluir"fazer" me melhor amigo usar hehe
Excluir