5 de out. de 2012

Tutorial: Personalizando o título dos gadgets

Tumblr_lq8rksztlj1qhwy7ko1_500_large

Oii balinhas de iogurte com manteiga, tudo bem!? Hoje eu vim postar um tutorial bem simples, que é a personalização do título dos gadgets. A Lelê me perguntou como centralizar, mas preferi postar tudo de uma vez. Que tal colocar um background ou uma bordinha? Ou alinhar o texto do seu jeito? Aprenda!

Primeiro você vai no seu HTML ~> Dê um Ctrl+F ou F3 e procure pela tag:

]]></b:skin>

Achou? Perfeito. Agora, acima da Tag você vai colocar o código da sua personalização, que é:

.sidebar h2 {
font-family: Sofia;
color:#000000; 
background:#D3D3D3; 
font-size: 18px; 
text-align: center; 
border-bottom: 1px solid #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

É mais simples do que parece. Vamos entender?!

Em vermelho, é a fonte que você quer para o título,fica à escolha.

Em laranja, é a cor do título,da fonte.

Em azul, se você quiser um background, um fundinho(só na parte do título colorido, como aqui no PC), você muda a cor. Se não quiser fundo, apague o código inteiro em azul.

Em rosinha, é o tamanho da fonte do título.

Em verde-água ,é o alinhamento do texto. Center é centralizado, que eu acho mais fofo, mas você pode colocar right(direita) ou left(esquerda).

Em azul é a borda. Se você quiser borda embaixo somente, deixe o -bottom. Se quiser em torno do fundinho que você fez, tire o -bottom. Se não quiser apague esta parte.

Em bordô é o nosso "fundinho" arredondado. Se não quiser, apague, se quiser, deixe. Se quiser diminuir diminua somente o 10px, e se quiser aumentar, aumente rs.

* Adicionando outros códigos *

text-shadow: 3px 0px 0px #00000; - Sombra no Texto

---------------------------------------------------------------------------------------------------

Gostaram? Lelê, era o que você procurava? Saber alinhar o texto?
Outro dia trago mais tags e códigos que ajudaram bastante no HTML Java Script entre vários outros!! Que tal eu também trazer algumas personalizações prontas? Aguardem, deixem só essa chatice de provas acabarem ou diminuírem.

Bom, vou indo! 
Kissus ♥


image
Awwn, meu fofo <3


12 comentários:

  1. amei o tutorial, tô um tempinho sem visitar aqui, uuaau quero dizer que o novo lay tá lindoooo! amei, super!

    Adolescente Nerd

    ResponderExcluir
  2. nossa fica tão bonitinho '-' acho q vou colocar no meu próximo layout =D
    fashion em cores(.com)

    ResponderExcluir
  3. Olá sei que divulgações desse padrão são chatas mas passei pra concluir minha meta -100-
    imaginandoparis

    ResponderExcluir
  4. Olá muito boom, o poost *-*
    Aninha vc já me colocou nos afiliados ?
    Rosario Vampire beijooos

    ResponderExcluir
  5. ótimo tutorial adorei
    teen-girl-fashion .blogspot .com

    ResponderExcluir
  6. Poderia postar um tutorial de como personalizar os gadgets igual ao PC? Grata ^^
    Adorei o tutu, bem simples e fácil de fazer -q

    The-Kawaii-Smile

    ResponderExcluir
  7. Já te coloquei como irmão beijooos.

    ----> Rosario Vampire ♥

    ResponderExcluir
  8. Oi! Tem como ensinar a como fazer aquele gadget "Sumário" da sua sidebar?
    Aguardo ansiosa pelo tutorial!!
    Beijos!

    ResponderExcluir
  9. Tentei com vários outros tutos e enfim... te achei!
    Agora sim, eu consegui centralizar, mas ainda estou com um problema... eu coloco o título do gadget minusculo e aparece tudo maiúsculo, fica feio, mas não sei fazer. Pode me ajudar?
    Muito obrigada!

    ResponderExcluir
  10. Oi tika gostaria de ser afiliada fazer parte da sua irmndade aceita ?
    http://sonhos-musicais.blogspot.com.br/

    ResponderExcluir
  11. Olá! Você poderia me explicar como colocar uma costurinha em volta da borda ? Obrigada!

    ResponderExcluir

Olá, aqui temos uma Mini F.a.q pra te auxiliar:

-Não aceitamos Tags e Selinhos
-Precisa de uma Postagem? Pode comentar :)
-Afiliação? Somente na página sobre como se afiliar. Pedidos nos comentários serão desconsiderados
-Por favor, sem xingamentos para o bem de todos
-Nunca deixe a URL do seu blog no final do comentário, o blogger considera isso SPAN e exclui seu blog :(
-Por favor não plageie.
Mais alguma pergunta? Comente aqui ou Leia nossa F.a.q completa

Obrigada