25 de jun. de 2012

Vários hovers de links diferentes + Luly

151644712422402277_aqqofn4y_f_large

Sabe quando você quer personalizar de um jeito diferente o hover dos links do seu blog? Bom, já ensinei aqui como colocar o hover em negrito. Mas hoje vou ensinar outros jeitos, diferentes. Também temos uma novidade aqui no blog! Apresentarei a nova postadora, Luly. Eu disse que escolheria duas postadoras, mas por enquanto, escolhi apenas ela. Se eu precisar de mais ajuda aqui, abrirei novamente as vagas da equipe. Vamos pro tuto?


Primeiramente, vá lá no seu HTML e procure por: a:hover { Nós vamos usar o primeiro que aparecer (é esse que mexe no link do corpo do blog). Se você NUNCA mexeu nessa parte, ela estará assim.
a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}
Para colocar o hover em itálico, você muda o text-decoration para NONE. Assim "text-decoration:none;". Depois você vai ter que adicionar antes da chave }, o seguinte código: font-style: italic;
Para colocar riscado, você vai apenas mudar o text-decoration para: text-decoration:line-through;
Tem também o espaçamento entre as letras. Como está aqui no blog. É só colar: letter-spacing: 2px; Aumente ou diminua o espaçamento no número. Se der erro, me avisem! E agora, a nova postadora.
Meu nome é Luíza, mas todos me conhecem por Luly. Sou a dona do blog The Zombie Attack (the-zombie-attack.blogspot.com) e ajudarei a Dani com os posts por aqui. Postarei nas sextas-feiras, sobre os mesmos assuntos que a Dani. É uma honra postar com ela e foi melhor ainda ter sido escolhida! Um beijo.

42 comentários:

Alex Monteiro disse...

Sério que você vai postar aqui Luly? *------------------* Parabééns!
Ah, eu adoro mudar os hovers dos links Dani, sempre dão um Q a mais no Blog né? Bjão!
http://blog-part-of-me.blogspot.com/

Stephanie Vieira disse...

O tutorial é bem simples e faz toda a diferença no visual do blog,e boas vindas pra nova postadora (:
http://garotadoolharsincero.blogspot.com

Paula disse...

Adorei o post, muito útil! O seu hover do blog tá bem diferente, adorei, e seu blog cada vez melhor Dani! Parabéns <3
Amiga, como você fez esse balão no seu cabeçalho?

Beijos, Paula
sweetmakeups2.blogspot.com

Janaina Ricieri disse...

Aa adoro esses efeitos !
Adorei o blog! Tô seguindo! Vi indicação lá no Chassy bomb!
beijinhos!
http://janainaricieri.blogspot.com

Bella disse...

Boa sorte pra ela, não foi dessa fez pra mim :( mais tenho certeza que vai dar tudo certo amore, seu blog é demais!.

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

Bella disse...

Flor, me passa seus contatos?

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

Anônimo disse...

Eu acho tão fofo esses efeitos nos links! Fica organizado além de ficar original.
Beijinhos, momamoraes.blogspot.com

Alan disse...

Adorei o tuto *-*, e Bem vinda!
http://alanfelipej.blogspot.com

Débora Morais disse...

adoro hovers :B

Isa disse...

Ai, adorei! Vou usar o do espaço entre as letras amei demais! Beijos :*

http://prettygirls-swag.blogspot.com

Caroline Rodrigues disse...

Awn, parabéns Luly :33
Adorei o tutorial, também uso o letter spacing'

thefashionwonderland.blogspot.com

Suliê Nascimento disse...

Aaah, já conhecia esse tuto - mais está super explicadinho... Eu gosto bastante do letter spacing!

- parabén Luly, não vejo a hora de ver seus posts aqui no OTF! .. :3

http://japenseidemais.blogspot.com.br/

The baby disse...

Adorei o tutorial *-*
e parabéns para a nova postadora. !!
Adorei teu blog, super organizado *-*
seguuindo \õ

#>>> http://the--baby.blogspot.com.br/

Milleny {SI} disse...

Obrigada por visitar lá o blog,por seguir e comentar tambem *--* ;

Linda aceita afiliação ? e queria te pergunta tambem se voce quer posta lá no blog ;/ é que eu to meio sem tempo ! pode até ser 1 vez por semana ! aguardo a resposta floor , beijos amada .

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

lia disse...

Ótimas dicas flor, muita gente não sabe como funciona esses efeitos.
-----------------
Haha de nada e obrigada pelo elogio >.< vc é uma fofa
kissus

Cherry Bomb || Fanpage

Lauriinha Lima disse...

Bem vinda Luly ^^

Kisses :*
http://sweet-flower-laura.blogspot.com.br/
Volte Sempre !

Anna Carollyne Oliveira disse...

Ah, é super fácil. Eu ainda não uso nenhum destes, mas já coloquei no novo layout do WC.
Ah, e parabéns pra Luly.

http://www.world-cutest.blogspot.com.br/

Gabriela Karolina disse...

Amei muito o Tutor, rs esse efeito da outra cara ao blog, super útil beijão fica com Deus. :3
Materiais Photoscape e Photofiltre

A M A N DA M O N TT disse...

Adorei o tuto, acho que vou usar! *o* fuçando seu blog The Zombie Attack (LOOOOOL tenho esse globo http://data.whicdn.com/images/20133312/tumblr_lwxct3Zyff1r4ce1lo1_500_large.jpg *oooooooo* UHAUHAUHAUSHAUHSAUH)
segui lá n.n
Beijos ♥

Conspirantes

Lary Yah disse...

Parabéns Luly ♥

Adoorei os hovers Dani, todos ficaram diwíssimos!

Beeeijos
#Nhaaac >>>http://the-lovers-official.blogspot.com/

Anônimo disse...

Amei o tutorial!Seja bem vinda (perdi TT.TT)
Crystalbow.blogspot.com

Ingrid Sakamoto dos Santos disse...

Adorei o tutorial, talvez no meu proximo lay eu uso ele ne?

www.ingridsakamotodossantos.tk
Beijão e obrigada pela visita *-------*

jaqueline disse...

ADOREII O TUTU *O*

Anônimo disse...

Seja bem vinda Luly!!!
Amei o tuto,nunca tinha visto.
www.queridaprincessa.blogspot.com

Gislaine Dias | Blog disse...

Bem vinda Luly. Adorei o tutorial, o efeito hover é muito bonito.
http://i-teenbr.net.tc

Unknown disse...

Adorei o tuto, é fácil e rápido e além do mais deixa o blog lindinho :3 adorei seu blog, é td mt divo aqui haha, aqui tem um ótimo conteúdo, vc escreve muito bem! está de parabéns viu? estou seguindo aqui, depois quando tiver um tempinho passa lá no meu blog e se gostar seguir? vai ser uma honra te receber lá! bjs, Ana Karoline via Morangos Despedaçados.

http://morangosdespedacados.blogspot.com.br

Mary disse...

Bem-vinda, Luly :)
Danielle, vc fez uma pergunta lá no meu blog sobre hospedagem com domínio, tudo gratuito.
Então, eu me inscrevi no fanstar.org para ganhar um domínio e consegui. O pessoal lá demora pra responder, às vezes, e cheguei a ficar com o blog fora do ar, mas, pelo menos, é gratuito.
Tem também esse: http://three-words.net, que eu não conheço, mas trombei com ele há pouco rsrs
Tem vários sites que oferecem host gratuito com domínio para blogs pessoais, mas, no momento, só sei te dizer esses dois. Estão é em inglês.
Bjs

B-lieve

Anônimo disse...

Oi florzinha! Foi eu sim... é esse blog: http://ilovehtml-things.blogspot.com.br/
Pra você achar os brushes mais fácil, clica em uma abinha escrito 4YOU logo em cima perto do nome do blog. Aí tem tudo lá! Os brushes são mesmo lindos (: http://momamoraes.blogspot.com.br

Gessica Alvim disse...

Esse efeito deixa o blog muito mais sofisticado né?

http://semcontrole.net.tc

Anônimo disse...

DANIIIII!Pode me ajudar?estou fazendo um lay free pro meu blog,só que o conteúdo do post não aparece!!
O Que eu faço?

www.queridaprincessa.blogspot.com

Luana Reis disse...

Adoreei muito o tutorial *-*

http://www.garotasmalvadas.com/

lia disse...

Não fiquei curada da gripe ainda, mas postei o tutorial ^^ É que eu descobri um programa de edição de videos super divo e coloquei as instruções em balõezinhos fofos rs
Vou tentar entrar no msn a noite qualquer dia, esse é o horário que eu menos entro pq já passo o dia no PC kkk
Quando criar um face me avisa ;) Kissus
www.cherry-liah.blogspot.com

David Costa disse...

esses efeitos deixa o blog mais divoos ^^

http://garotoonerd.blogspot.com.br

Samara Paes disse...

Ah, adorei o tutorial >.< Parabéns pra nova postadora!
Dani, me adiciona no msn? (Preciso falar uma coisa com você) : umafakecomplicada@hotmail.com

Beijão e até mais! *-*

Lily disse...

Adorei o tutorial.

que bom que ja achou uma postadora =)

Bjs

http://cutekurafuto.blogspot.com.br/

Not So Sweet disse...

Amei seu blog' Lindissimo' Estou seguindo aqui' Bjo

www.notsosweetblog.blogspot.com

Anna Laura disse...

Ain Luly,deu certo,eu estava exatamente faz tempo querendo saber como faz! Muito Obrigada <3 Ajudou mt
bjs
1cerejavermelha.blogspot.com
dá uma passadinha lá se der tempo :)

Anônimo disse...

Ain adorei a dica mt massa flor! os meus tbm são modificados *-*



BEIJUXX
http://ianapaulinhaaaa.blogspot.com.br/

dribs disse...

Tutoria mais que perfeito, só que eu ja sabia! Mesmo assim...
http://pinkpimenta.blogspot.com.br/

Nadine disse...

Ótima dica! <3

Beijos,

http://depoisquecrescemos.blogspot.com.br/

Sam Souza disse...

Oi Danielle! Vi que seu blog é um dos que estão em destaque no Cherry Bomb. Achei seu blog muito fofo, parabéns *-*

Palavras, pensamentos e sentimentos

Susana disse...

Adorei a dica, procura por este tutorial a um bom tempo rsrs'.
Já estou seguindo seu blog, muito lindo, parabéns ((:
StupidGirls