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

Sweet MakeUp 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

@janainaricieri disse...

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

Isabela Silva 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/

Isabela Silva disse...

Flor, me passa seus contatos?

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

Paloma Morais 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

Carol. disse...

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

thefashionwonderland.blogspot.com

Suu Naascimento 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 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/

Liah Sá 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 (Liwy) disse...

Bem vinda Luly ^^

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

A.Carollyne {World Cutest} 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

mush 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/

Fefe-Crystal Bow 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 *-------*

Jackie Zanini disse...

ADOREII O TUTU *O*

Julia Rocha disse...

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

It Teen Blog disse...

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

Ana Karoline Barbosa 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

Paloma Morais 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

GessiBey disse...

Esse efeito deixa o blog muito mais sofisticado né?

http://semcontrole.net.tc

Julia Rocha 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/

Liah Sá 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 Germanotta disse...

esses efeitos deixa o blog mais divoos ^^

http://garotoonerd.blogspot.com.br

Mollie 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

Jujubs 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 :)

Iana Paulinha disse...

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



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

. drihramos disse...

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

Nadine Guerra disse...

Ótima dica! <3

Beijos,

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

Sam 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