Páginas

09 maio 2012

Estilos para títulos dos widgets


Tem vezes que bate aquela falta falta de criatividade na hora personalizar a sidebar não é? O post de hoje vai ajudar um pouco nessas horas. Trouxe alguns estilos prontos para os títulos dos gadgets. Para usá-los é só copiar o código que gostar mais, e colar em um gadget de HTML/Javascript em seu blog. Bem fácil não é? Confira abaixo os estilos, espero que gostem!

Estilo 1
<style>
/*Inicio título dos gadgets*/
.sidebar h2 {
  font-family: Verdana;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
text-align: right;
  color: #A71BDE; /*Cor da fonte*/
background: #EAE4ED; /*Cor do fundo*/
padding-right: 5px;
border-radius: 15px;
border-top: 3px solid #D1CBD4; /*Cor da borda de cima*/
border-right: 2px solid #D1CBD4; /*Cor da borda da direita*/
margin-bottom: 5px;
/* Estilos para titulo dos gadgets por www.bombadecereja.tk  Não retire os créditos */ }
</style>

Estilo 2
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #BAE0E8; /*Cor da fonte*/
border-left: 10px solid #FF78D6; /*Cor da barrinha lateral*/
padding-left: 5px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Estilo 3
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Verdana;
font-size: 14px;
text-align: left;
color: #40250A; /*Cor da fonte*/
font-weight: normal;
background: #FFCCDF url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*Cor de fundo e imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
border-top: 3px solid #FA3497; /*Borda do topo*/
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Estilo 4
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #40250A; /*Cor da fonte*/
background: url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Eles são bem simples, mas achei que ficaram bonitinhos =3 E vocês gostaram? ^^

Kissus,
Liah

81 comentários:

  1. Amei!! porfavor fais mais?

    http://candy-pimenta.blogspot.com.br/

    ResponderExcluir
  2. Eu amei Liah, são bem lindinhos os estilos (:
    beeeijos;*
    http://sooulteen.blogspot.com.br

    ResponderExcluir
  3. Os estilos são bem lagais principalmente o estilo quatro. Flor sou super fã do blog passei um tempo sem vi e adorei sua visita, seu blog foi um dos primeiros que eu seguir beijo.
    http://kelly-club.blogspot.com.br/

    ResponderExcluir
  4. achei fofo o estilo quatro :)



    simplesmenteassimj.blogspot.com

    ResponderExcluir
  5. Todos lindos ^^
    Liah, você poderia postar brushes florais/vintages?

    http://blog-sweetpoison.blogspot.com/

    ResponderExcluir
  6. eu gostei principalmente do 3° *-----------*

    ResponderExcluir
  7. Muito lindo. Liah, faz um post com brushes de livros? *-*
    Adoro seu blog, abraços.

    http://lerimaginarcriar.blogspot.com.br/

    ResponderExcluir
  8. Liah, ainda to boba com a volta no blog, quando eu tinha um blog, você era o meu porto seguro para desing... agora eu tenho um tumblr... mas amo o blog! sucesso!
    madein-heart.tumblr.com

    ResponderExcluir
  9. Ótimos Styles, mas prefiro criar os meus, pra que combinem com o layout :3
    Mas eu não tenho criatividade nem pra inventar um nome de blog, rs'
    Bjs!

    ResponderExcluir
  10. Ah desculpa tar comentando de novo, mas eu baixei sei Photoshop há um tempinho mas não sei mexer... Será que rolava um tuto? Thanks, desde sempre...
    Girls On-Line

    ResponderExcluir
  11. Amei todos os etilos, principalmente o 2 (:
    http://the-cherry.blogspot.com/

    ResponderExcluir
  12. http://the-cherry-punk.blogspot.com/ ********

    ResponderExcluir
  13. OIe fofa^^ Não sabia que voocê tinha voltado. Nossa, quantas saudades viu? Saudades do seu jeito de postar, é bom ter você de volta.
    Beijos
    Giulia
    http://blog-meumundodamoda.blogspot.com.br/

    ResponderExcluir
  14. Amei o tuto Liah <3' Quem sabe não me ajuda no próximo layout? =D Bjs

    http://dreamsofagirl-blog.blogspot.com.br/

    ResponderExcluir
  15. Pelo Amor De Deus Eu Preciso Urgentemente De Um Template , APENAS ISSO .



    http://garotosteens.blogspot.com.br/

    ResponderExcluir
  16. Que-lindos estes estilos, como amei!!! Kissus ☻☻

    http://mania-maniaca.blogspot.com.br/

    ResponderExcluir
  17. Liah, e quando eu quero misturas, colocar vários, como você fez, como faço ?
    http://blog-foreverpretty.blogspot.com/

    ResponderExcluir
  18. são ótimas dicas. mas, no meu caso,não mudo porque não sei muito de html. no momento,tento personalizar meu cabeçalho

    ResponderExcluir
  19. Oi muito legal o post,ha e bom gostaria de saber se vc pode me colocar em destaque mais so se poder!=D

    ResponderExcluir
  20. Ha aqui o link!
    http://brilhants.blogspot.com.br/

    ResponderExcluir
  21. Liindinhos...
    Liah, vc poderia postar alguns brushes de bonecas, mas nao sweet, tipo as que tem no meu cabeçalho, que pareçam reais???
    Espero q siiim. obrigadaa...beijooos

    http://espacofemininoaqui.blogspot.com.br

    ResponderExcluir
  22. Estava precisando mesmo, são bem simples mais adorei, super fofos liaaaah *______*
    beijão ;*
    Stephanie ~~>Garota do olhar sincero

    ResponderExcluir
  23. como vc coloca essas faixas como repartições ?



    parabens pelo blog
    http://tamagoshidorock.blogspot.com.br/

    ResponderExcluir
  24. Amei todos,to em dúvida em qual botar,mas sei q vou botar um no próximo lay rsrs
    Nossa mto perfeito seu blog,essa é a primeira vez que visito,mas sei q vou voltar sempre akii,bjão,seguiindo akii,se quiser dá uma passada lá no meu blog http://blog-garotaambulante.blogspot.com.br/

    ResponderExcluir
  25. Amei todos os estilos! Gostei mais do 4º ^^ Beijos ♥

    Garota de All Star

    ResponderExcluir
  26. Super hiper mega lindos *-*
    gosteeei,
    Obrigado por visitar meu blog, sempre quando dá...
    O blog, está de roupinha nova, quer dá uma olhadinha?
    então corre lá, e deixei a sua opinião sobre o designer!
    Beijos JuVille s2
    http://bolhadoce.blogspot.com.br/

    ResponderExcluir
  27. Liah, que bom que você voltou, e o layout tá demais! Você pode fazer um post ensinado como fazer esse cabeçalho que pegue toda a largura do blog, tipo o seu?

    makedressesanddreams.blogspot.com

    ResponderExcluir
  28. Adorei todos! Principalmente o último, achei super fofo e bem simples, eu estava precisando kkk' Quando tiver tempo vou coloca-lo no meu blog! Muito obrigada ;-)
    Kissus
    Blog Bola de Chiclete.com

    ResponderExcluir
  29. Eu amei o último *-*
    ótimo Post Liah (:

    Quer um Layout Gratuito ? Materiais de Edição ?
    http://blogflyingdesign.blogspot.com.br/

    ResponderExcluir
  30. amei , dmmms . *-*
    segue ? umceucorderosa.blogspot.com

    ResponderExcluir
  31. Queria saber como você fez aquele tipo de título do "Welcome" se puder responde.
    blogtudodesbloqueado.blogspot.com

    ResponderExcluir
  32. Liah, já criei outro blog, ficaria muito feliz se você desse uma passadinha lá :D
    Rebel Cinderella

    ResponderExcluir
  33. Amei os estilos , Adália !! Ajuda muito a nós gurias ,né ?

    Tem tag for you :

    http://maniadegarotas2s2.blogspot.com.br/2012/05/tag.html

    Beijos , Dinti
    http://maniadegarotas2s2.blogspot.com

    ResponderExcluir
  34. amei eles...
    http://photoscapeparainiciante.blogspot.com.br/

    ResponderExcluir
  35. oiii achei muito fofos os nomes eu criei um blog e preciso de ajuda na hora de personalizar eu queria deixar ele bem fofo e colorido por favor me ajudem.
    obrigado

    ResponderExcluir
  36. aqui o meu blog,nossa os nomes são muitos legais e fofos!
    http://docemor.blogspot.com.br/

    ResponderExcluir
  37. Que liiiiiiindos ><

    Amei todos, Liah gostaria de saber se você está aceitando parceria ou afiliação ?

    Beiijiinhos
    deluxesphotoscape.blogspot.com

    ResponderExcluir
  38. Adorei >< vou usar o primeiro no blog da minha amiga, mas todos sao super perfeitinhos! :D parabens :BB
    http://beijo-de-cereja.blogspot.com.br/

    ResponderExcluir
  39. Que fofos Liah!
    Voltou com força total, amey!!

    bjãoo

    ResponderExcluir
  40. UUU, tava procurando, vou usar :3
    Enfim Liah, estou fazendo um vlog de humor, queria que vcs olhassem, http://www.youtube.com/user/SraPaoTostado/videos
    Obrigado ♥

    ResponderExcluir
  41. Muito lindos e facies de colocar, gostei muito do primeiro vou usar. Fico feliz que tenha voltado :)

    http://roqueiraemcrise.blogspot.com.br/

    ResponderExcluir
  42. Oi liah,ótimo post!eu e mais algumas leitoras,estamos querendo saber como você deixa a área dos posts com formato de folha de caderno!obrigada!beijinhos...

    ResponderExcluir
  43. Eles são super fofos *--*

    http://jennywestwick.blogspot.com.br

    ResponderExcluir
  44. Hooy, nossa, muito útil esse, eu já tinha procurado em váarios blogs. =) ameei o novo layout, e to muito feliz que você voltou a postar. Beijos, Giovana.
    http://girlsabout.blogspot.com.br/

    ResponderExcluir
  45. Oi, acabei de ver seu blog e já amei.
    Eu gostei muito do estilo 3.

    Estou seguindo, seu blog é 10 viu?
    Até mais!

    ResponderExcluir
  46. amei amor teu blog arrasa , Pode fazer um Post ensinando a Como mudar o fundo das Postagens ? O seu ta com forma de papel e eu amei Por favor faz ? Bjs



    segue ? ta feio não fiz nada quero falar pra tu arrumar meu blog mantenha contato comigo ? Obg
    http://sandy-blogdasam.blogspot.com.br/

    ResponderExcluir
  47. nossa esses titulos são super fofinhos, e esse do coração, lindjooo *u* Estão lindos liah, faz mais, faz mais (:
    Stephanie ~~>Garota do olhar sincero

    ResponderExcluir
  48. Lindos

    Você recebeu uma tag http://mundo-teens-mt.blogspot.com.br/2012/05/tag.html

    ResponderExcluir
  49. Liah, como estão as coisas?
    Todos os efeitos são lindos, os últimos são super fofos!

    Não se esqueça de sempre fazer mais hein? Haha *-*
    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  50. Liah! Coloquei teu link lá com sinceridade ♥ nem precisa agradecer, é uma honra pra min!

    bjaooo linda!

    ResponderExcluir
  51. Adorei os estilos, e garanto que vou usar algum quando precisar! O Cherry Bomb é sempre um bom lugar pra quem precisa de ajuda no blog, você sempre dá coisas bem explicadas. Queria também avisar, que além do blog que eu tenho, criei outro o Miss Simple, qualquer coisa passa lá! Beijos.

    http://bubbles-candy.blogspot.com
    http://misssimpleofficial.blogspot.com

    ResponderExcluir
  52. que legal...copiando! Tem muitas dicas legais aqui!
    bjim, Dé@
    http://deabrasilcabelos.blogspot.com.br/

    ResponderExcluir
  53. Oi Liah, muito obg, estava a procura disso. Gostaria de desse uma olhada em meu blog, se nao for encomodo, nao postei coisas ainda, pois estou organizando o layout do meu blog, porem gostaria que desse uma olhadinha. Se puder, ficarei agradecida.

    http://blog--meninama.blospot.com.br/

    ResponderExcluir
  54. Eu adorie seu blog, eu o seu poste foi muito utiul..
    Da uma olhadinha la no blog,se puder..

    http://sweet-oficial.blogspot.com.br/

    Brigada
    bjss..

    ResponderExcluir
  55. Amei,vou te dar créditos no meu blog!!!!!!!http://foquetes.blogspot.com.br/]
    MTO LGL VOU VIRAR MEMBRO,VC VIRA DO MEU?

    ResponderExcluir
  56. Ola ! Liah posta como fazer um menu igual ao teu ?

    ResponderExcluir
  57. Pode postar mais! Amei!
    http://omeubrilhantemundo.blogspot.com.br/

    ResponderExcluir
  58. Nossa Liah, brigadão, meu blog ficou com um toque bem mais bonito com isso *0* Vc poderia fazer mais? Beijos
    http://universodasofia.blogspot.com.br/

    ResponderExcluir
  59. Oii, muito obrigada, estava precisando disso haha, peguei o estilo 1. Os creditos por isso estãono blog, na pagina tutorial.
    Xoxo.
    http://sabrinacamposc.blogspot.com.br/

    ResponderExcluir
  60. nossa eu estava doida pra saber...valeu mesmo...agora vou personalizar do meu jeito, tendo o codigo fica facil. bjs

    ResponderExcluir
  61. amei diva! voce arrasando como sempre :) te adoruh e admiroo muito seu trabalho!

    ResponderExcluir
  62. dá pra pôr pelo HTML? Onde põe?

    http://facebook.com/brogandome/
    http://brogandome.blogspot.com/
    http://saorimonroecobain.tumblr.com
    @carolposeidon

    ResponderExcluir
  63. MUUUUUUIIIIITO LINDOOOO *------------------------*
    O QUE EU TAVA PROOOOOOCURANDO FAZ TEMPO ! OBRIGAAAAAAADA SUA LINDA (:

    http://dieseldivulgacoes.blogspot.com/

    ResponderExcluir
  64. Oi querida tudo bem? então eu andei mexendo aqui e ali e olha só que encontrei...
    http://depoimentoseperfis-prontos.blogspot.com.br/2012/05/estilos-para-titulos-dos-gadgets.html


    eu não sei se é ou não... se tem sua permissão ou não... mas, acho que é plagio... tire suas próprias conclusões porque o que ela postou no blog dela é muito parecido com o seus e com o de outros blogs. ok.

    ResponderExcluir
  65. Desculpe pelo comentário acima agora que fui ler deixa para lá peço desculpas ao meu engano .... espero não ter causado transtorno. minhas sinceras desculpas.

    ResponderExcluir
  66. Kiii liindo
    questao-deopiniao.blogspot.com.br

    ResponderExcluir
  67. Estou usando o estilo 3.

    beijoos ;*
    garotanadanormal.blogspot.com.br

    ResponderExcluir
  68. Estou usando o estilo 4. ficou muito fofo.

    http://vices-of-net.blogspot.com.br/

    ResponderExcluir
  69. Usando estilo 1 , dando créditos em todos.

    Bjk

    ResponderExcluir
  70. Amei !! Super Facil !!

    www.the-sweet-icecream.blogspot.com

    kissus ~

    ResponderExcluir
  71. Que pena que vais te embora. O meu blog está super fxee graças aos teus tutoriais, mas se te vais vou intender. BOA SORTE.

    ResponderExcluir
  72. *-* Lindos atualmente estou usando o 2 mas quero usar o 1 mais pra frente
    http://projectgoldena.blogspot.com.br/

    ResponderExcluir