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 ♥
Awwn, meu fofo <3
amei o tutorial, tô um tempinho sem visitar aqui, uuaau quero dizer que o novo lay tá lindoooo! amei, super!
ResponderExcluirAdolescente Nerd
nossa fica tão bonitinho '-' acho q vou colocar no meu próximo layout =D
ResponderExcluirfashion em cores(.com)
Olá sei que divulgações desse padrão são chatas mas passei pra concluir minha meta -100-
ResponderExcluirimaginandoparis
Olá muito boom, o poost *-*
ResponderExcluirAninha vc já me colocou nos afiliados ?
Rosario Vampire beijooos
ótimo tutorial adorei
ResponderExcluirteen-girl-fashion .blogspot .com
Poderia postar um tutorial de como personalizar os gadgets igual ao PC? Grata ^^
ResponderExcluirAdorei o tutu, bem simples e fácil de fazer -q
The-Kawaii-Smile
Já te coloquei como irmão beijooos.
ResponderExcluir----> Rosario Vampire ♥
Oi! Tem como ensinar a como fazer aquele gadget "Sumário" da sua sidebar?
ResponderExcluirAguardo ansiosa pelo tutorial!!
Beijos!
Tentei com vários outros tutos e enfim... te achei!
ResponderExcluirAgora 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!
Oi tika gostaria de ser afiliada fazer parte da sua irmndade aceita ?
ResponderExcluirhttp://sonhos-musicais.blogspot.com.br/
Olá! Você poderia me explicar como colocar uma costurinha em volta da borda ? Obrigada!
ResponderExcluirAmeiiiiiiii já fiz lá no blog.
ResponderExcluir