01/07/2014

[Tutorial] Links em fade e sem sublinhado.

Yoo cerejinhas *-*
Tão bons :3? Eu bem u-ú, já só nos falta mais 1 seguidores para completar a meta \o/
Bem, eu acabei ontem Ano Hana e chorei no ultimo episódio TuuT, já só me falta ver o filme, que talvez veja amanhã e começo a ver Amnesia.
Hoje vim vos ensinar a como deixar o Link em Fade pois o do blogger é horrivel, e com tutorial vai ficar bem mais bonitinho :3, e também a tirar o sublinhado dos links, eu não gosto muito, mas se quiserem tiram, se não quiserem não tiram ^^
Então vamos em Modelo>HTML e CTRL+F e procuramos por a:link {
Vai estar o seguinte código:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}
Apagamos esse código e colamos o seguinte:
a:link {
color: #E9A1C0; /* Cor do link*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC; /*Cor dos links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #707070; /*Cor do link quando passa o mouse*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
Só mechem no que está a negrito! Que são as cores.
Agora para a sidebar pois só com esse código os Links não iram ficar na sidebar, só na postagem
Procuramos por .sidebar .widget a:link { :
E eliminamos o seguinte código:
.sidebar .widget a:link {
  color: $(widget.link.color);
  text-decoration: none;
}
.sidebar .widget a:visited {
  color: $(widget.link.visited.color);
}
.sidebar .widget a:hover {
  color: $(widget.link.color);
  text-decoration: underline;
}
E colamos este:
 a:link {color: #E9A1C0; /* Cor do link*/text-decoration: none;-webkit-transition: color 0.7s ease-out;-moz-transition:color 0.7s ease-out;transition: color 0.7s ease-out;}a:visited {color: #33CCCC; /*Cor dos links visitados*/text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}a:hover {color: #707070; /*Cor do link quando passa o mouse*/text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} 
Pronto! Os links estão personalizados. Agora vamos ao sublinhado.
Para tirar o sublinhado procuram por a:hover { e em text-decoration:underline; mudam para none que fica text-decoration:none;
Pronto! Agora quando for nos links não haverá sublinhado.
Créditos:  
Kissus da vossa neko nyan~

4 comentários:

  1. Já assistir Amnésia ewe Então vou lhe preparar: Não espere um final 'completo' u.u"
    Esse tutorial é perfeito ewe Afinal,os links originais do blogger são tão... e.e"
    Você já falou, horríveis u.u"
    Kissus, Skura-chan õ/

    Ichigo Mochi

    ResponderExcluir
    Respostas
    1. Acabei ontem de assistir Amnesia e chorei TuuT
      Ahahah xD, ârigato xD, eu mudo sempre os meus xD

      Kissus >w<

      Excluir
  2. ótimo tutorial <33 *u*
    Os do blogger é feio mesmo KKKKKKK
    Beeijos
    Paradise♥Bunnies

    ResponderExcluir
    Respostas
    1. Ainda bem que gostou :3
      Ahahah xD, pois é -q

      Kissus >w<

      Excluir

Yoooo \o/
Vais comentar? Oh espero que sim *-*
Mas precisas de seguir só algumas regras, para o teu comentário não ser excluído
Podes divulgar o teu blog, por exemplo para eu seguir ou isso, mas tenta entrar um pouco no assunto do post ^^
Podes criticar o blog , mas de uma forma educada , assim poderei melhorar com as tuas criticas :3
Se precisares que eu poste algum Tutorial, Goodies, lays... Coisas assim, podes pedir à vontade \o
Podem enviar-me tag's, mas não prometo faze-las porque sei lá, não me dou bem com questionários nem essas cenas -u-'

Quando fores comentar não fales coisas inapropriadas que não entrem no assunto do post.
Não podes pedir parceria nos post's de Dia-Dia e isso, apenas na página de Parceria que fica aqui
Kissus da Saku saku nyan :3