21 de ago de 2012

Tutorial: Personalizando titulo dos Gadgets


Oi Milk Shakes de chocolate, tudo bem ? pra quem perguntou,eu estou otima . Haha, hoje trouxe um tutorial. Trouxe alguns estilos para vocês , usarem nos titulos dos gadgets , ok ?
Creditos:  Extras Place Fame e ao Sweet Makeup

Bom,primeiro você precisa ir em Design e depois em Editar HTML , após tecle CTRL+F e na caixa de busca que irá aparecer procure pela Tag:

]]></b:skin>
E logo acima , coloque essa tag:

.sidebar h2 {

Embaixo dessa tag , você irá adicionar um dos códigos abaixo , (que são os estilos dos titulos) de acordo com sua preferencia .


Titulo com Linha Pontilhada.
border-bottom: 1px dotted #000;
text-align: center;
}
Titulo Em Hover.

 .sidebar h2 {
background-color: #000; ---/* cor do fundo */
border-radius: 30px;
border: 2px solid #ccc; ---/* espressura, tipo e cor da bora */
color: #fff; ---/* cor da fonte do título */
font-family: georgia; ---/* fonte do título */
font-size: 15px; ---/* tamanho da fonte do título */
font-style: italic;
padding-bottom: 7px; ---/* margem interna de baixo */
padding-left: 7px; ---/* margem interna da esquerda */
padding-right: 20px; ---/* margem interna da direita */
padding-top: 7px; ---/* margem interna do topo */
text-align: right; ---/* alinhamento do título */
-webkit-transition:0.4s;
}
.sidebar h2:hover {
background: #ccc; ---/* cor do fundo ao passar o mouse */
color: #000; ---/* cor da fonte do título ao passar o mouse */
-webkit-transition: 0.4s;
}


Titulo com duas barrinhas.


.sidebar h2 {
text-align: left;
background-color: #E8E8E8; ---/*cor de fundo */
width: 265px;
height: 15px;
font-size:12px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #c9c9c9;
A, A:link: #000000;text-decoration:none;
border-bottom: 3px double #44D0D0;
border-top: 1px solid #c9c9c9;
 }

Gente ontem foi aniversário da minha DIVA Demi Lovato.
Parabens minha Lindá,tudo de bom pra você,e mais e mais sucesso na sua vida e na               carreira, Demi você é minha Grande DIVA e é super talentosa e LindÀ .

Por hoje , fico por aqui , um grande beijo , eu amo muito vocês <3



9 comentários:

SM disse...

Nem sei como dizer, mas esse tuto parece com o do meu blog... se você pudesse por os créditos também ao SM, está tudo bem! Obrigada por seguir meu blog, estou seguindo você também.

Beijinhos, Paula
sweetmakeups2.blogspot.com

NL disse...

Oi... Faço sim o tutorial que você pediu no meu blog, mais eu só posso post no domingo pois esta semana ano achei de coisa para fazer. Tudo bem?
Amei o post.

bjs

#>>> asgarotasdonl.blogspot.com.br

SM disse...

Tudo bem, deslizes acontecem mesmo! :] Linda, desculpe, estamos sem vagas! :/

Beijinhos, Paula
sweetmakeups2.blogspot.com

SM disse...

Aceito sim! Seria uma honra, obrigada! :3

Beijinhos, Paula
sweetmakeups2.blogspot.com

Natália disse...

ótimo tutorial, super útil
Se você poder deixar a sua marquinha lá no meu bloguito ficarei muito feliz!
--> CLICA?MundoFantásticoFeminino

Gabi disse...

Muito útil, quando precisar, corro pra cá! haha

Flor, além de comentar, tô passando aqui pra te dizer que tem sorteio de um moleskine liindo rolando lá no blog, te espero, viu?

http://querosergringa.blogspot.com/2012/08/sorteio-moleskine.htmln :)

Blog da Jú disse...

Ameii o seu blog!É bonito e original, parabéns!
Estou seguindo *-----*

bjos
www.cutecatsloves.blogspot.com

Anna {GQ} disse...

Bom, adorei o tutorial, ele é muito útil. Vi que você me colocou nos blogs divos, agradeço mesmo de coração por todo o carinho ♥
Você me pediu afiliação, mas infelizmente não posso aceitar pois minhas vagas estão lotadas. Desculpe, coisa linda!

Beijo grande,
http://garota-queen.blogspot.com/

Oficina do Photoscape disse...

Eu amo tutoriais de estilos de Gadgets,é muuuito útil :)

http://oficinadophotoscape.blogspot.com.br/