Estrelinhas caindo no cursor

found on: http://capture-dream.blogspot.com.br/2012/07/ilustracoes-para-post.html

Mudando a cor da barra de rolagem do blog

Bem então vamos lá:

Clique em Design - Editar Html -

Aperte Ctrl + F (caixinha de busca) e procure por ]]></b:skin>

Antes de ]]></b:skin> coloque o código abaixo:

 

*{
scrollbar-face-color:#f12b5b;
scrollbar-highlight-color:#f12b5b;
scrollbar-3dlight-color:#ffb5c7;
scrollbar-darkshadow-color:#ffb5c7;
scrollbar-shadow-color:#f12b5b;
scrollbar-arrow-color:#ffb5c7;
scrollbar-track-color:#ffb5c7;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #ffb5c7; }
::-webkit-scrollbar-thumb { background: #f12b5b; }

 

Clique em visualizar para ver como ficou, se ficou tudo certinho só é clicar em salvar modelo.

Observação: Essa parte do código que está na cor vermelha é o código que representa a cor pink da minha barrinha. A outra parte que marquei de verde representa o fundo da barrinha, onde é rosa mais claro. Agora é só substituir os códigos de cores de acordo com o gosto de vocês e arrasarem nos seus bloguinhos.
Muito fácil não é?
Façam e me avisem para que eu veja como ficou ok?

Negrito, Itálico & Sublinhado em Hover

Oooi :)

Eu já postei um tutorial de Como personalizar o Negrito, Itálico, Tachado e Sublinhado !

Mais hoje eu ensinarei como você deixar eles em Hover ><

É quando você passa o mouse em cima deles e eles mudam de cores bem devagar !

Vamos lá ?

Vá em Design ~> editar html ~> Ctrl + F e pesquise por:

]]></b:skin> 

 E acima dele cole :

/*formatação -normal sem o mouse*/
b, strong, bold { color: #c54c7b; -webkit-transition-duration: .80s}
s, strike { color: #572f78; -webkit-transition-duration: .80s}
u, underline { color: #aebadf; border-bottom: 1px dashed #7a263a; text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic { color: #e984da; -webkit-transition-duration: .80s}
/*formatação hover -quando passa o mouse por cima*/
u:hover { color: #7a263a; border-bottom: 1px dashed #e984da; text-decoration: none; -webkit-transition-duration: .80s}
b:hover { color: #60448b; -webkit-transition-duration: .80s}
s:hover { color: #c47dff; -webkit-transition-duration: .80s}
i:hover { color: #c58ca8; -webkit-transition-duration: .80s}

Entenda !

b é o Negrito

i é o Itálico

u é o sublinhado

Edite apenas as cores em Negrito !

Colocando Fundo na Área dos Comentários

 Hoje eu vou ensinar a vocês como deixar a área de comentários com fundos, Vamos ?

Vá no seu HTML e procure por:

#comments {

E em baixo de padding: 15px; cole isto:

background-image: url(url do Background);

border:1px dashed #000000;

Depois é só editar o código assim:

1px : Espessura da Borda, pode aumentar ou diminuir, você que decide.

#000000; : Cor da borda, você pode mudar. Consulte a Tabela de cores {www}.

url do Background : Como o nome já diz: A url do seu Background.

Alguns Backgrounds para você usar:

 

Se quiserem mais fundos só é pedir nos comentários, Eu não sei de quem é esses fundos, se for de algum de vocês avisem que eu coloco os créditos no post.