Olá dreamers... Percebi que o blog não está postando muitos tutoriais de personalização de blog, então resolvi criar uns modelos de blockquotes bem simples, mas lindinhos, pra passas para vocês... Eu fiz todos eles, são de minha autoria, então se usarem, por favor creditem o Prince Dreamer, ok?? Fiz 3 modelos, vamos conferir?
Para usar os modelos, basta ir no seu HTML e pesquisar por ]]></b:skin> , acima do código encontrado, cole um dos códigos dos modelos que gostar...
Modelo I
normal
hover
blockquote {border: 2px dashed #fdd4ea;/* cor da borda */background-color: #ccff9f; /* cor de fundo */padding: 10px;font-size: 11px; /* tamanho da fonte */color: #000; /* cor da fonte */text-align: center;}blockquote:hover {border: 1px dashed #ccff9f;/* cor da borda */background-color: #fdd4ea; /* cor de fundo */padding: 10px;font-size: 11px; /* tamanho da fonte */color: #000; /* cor da fonte */text-align: center;}
Modelo II
normal
hover
blockquote {border: 1px solid #8a9f85; /* cor da borda */background-color: #379c80; /* cor de fundo */padding: 10px;font-size: 11px; /* tamanho da fonte */color: #fff; /* cor da fonte */text-align: center;border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;box-shadow: inset 0 0 15px #006355, 0 0 5px #006355;-webkit-transition-duration: .50s;}blockquote:hover {border: 1px solid #379c80; /* cor da borda */background-color: #8a9f85; /* cor de fundo */padding: 10px;font-size: 11px; /* tamanho da fonte */color: #fff; /* cor da fonte */text-align: center;border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;box-shadow: inset 0 0 15px #006355, 0 0 5px #006355;-webkit-transition-duration: .50s;}
Modelo III
normal
hover
blockquote {background: #bcb7d4;/* cor de fundo */border: 2PX solid #a09fbd;/* cor da borda */color: #000; /* cor da fonte */font-family:century gotgic;font-size: 12px;text-align: center;padding: 5px;}blockquote:hover {background: #fbdeed;/* cor de fundo */border: 2PX solid #d7a7bf;/* cor da borda */color: #000; /* cor da fonte */font-family:century gotgic;font-size: 12px;text-align: center;padding: 5px;}
Após ter colado acima de ]]></b:skin> , edite com as cores que desejar, visualize e salve... Não esqueça de creditar o PD, ok? Abraços e até!
Gostei de todos :).Eu acho que vou usar em um lay que eu vou fazer :)
ResponderExcluirTem post novo : http://nightsofwinteroficial.blogspot.com.br/
Obrigado > <
ExcluirPode usar sim :P
Que lindos *--*
ResponderExcluirKisses <3
Senhorita Liberdade
Obrigado > <
ExcluirTodos modelos lindos *w*
ResponderExcluir15 Days
Thank's ^^
ExcluirAcho o terceiro modelo o melhor *-*
ResponderExcluirMeu Mundo, Meu Estilo
Ôbrigado... o 3º é simples e bonito hehe
ExcluirO Modelo 1 é muito lindo, Ótimo post!
ResponderExcluirhttp://fou-r.blogspot.com.br/ || Four Resources
Obrigado ><
ExcluirAdorei a última, me conquistou e-e
ResponderExcluirKissus~~
>> Photos and Camera
Obrigado <3
ExcluirVey o terceiro é muito massa, usei ele com cor diferente na loja do qmn, valleu, seguindo aqui, se puder retribuir! voltarei mais vezes (:
ResponderExcluirQuase Meia Noite
Obrigado ><
ExcluirUm mais lindo que o outro, principalmente o terceiro <3
ResponderExcluirBeijos
http://imaginebelleblog.blogspot.com.br/
https://www.facebook.com/blogimaginebelle
Obrigado ^^
ExcluirA maioria gostou do terceiro hehe
Que legal,são muito fofos. *--*
ResponderExcluirEu até tenho que mudar as cores do meu por causa do lay. xd
Bjs
Hayanne Deise Lins
*Profissão Adolescente*
*Tokyo Doramas*
Obrigado querida *_*
ExcluirFicaram Fofos*
ResponderExcluirworldofthel.blogspot.com.br
own... Obrigado rs'☻
Excluir