22/06/2014

[Tutorial] Negrito , Itálico , Sublinhado , Rasurado em fade com selecionado

Yoo Cerejinhas >w<
Tão bons :3? Eu bem \o/
Bem, ontem tive o dia todo a jogar sims e também a ajudar a Eli-Onee-Chii no layout e disse-lhe que queria o layout pronto Segunda ou Terça quando chegasse e tinha que estar já no blog u-u
Etto... Hoje também estive-lhe a ajudar e também a ajudar a Bunny-chii, entretanto lembrei-me de uma coisa que antes estava sempre a procurar e a procurar e não encontrava e via em alguns blogs, que era o Negrito, Itálico, Sublinhado e o Rasurado em fade e com selecionado... E como não encontrei decidi tentar faze-lo então e consegui com base em outros códigos :3
Créditos que usei em base:  
Ah sim o aspeto é este:
Normal
Hover
 Simplesmente fica em Fade, não faz aquele efeito 'de repente' fica bastante giro ^^
Então vamos em Modelo>HTML e fazemos CTRL+F e procuramos por Body { ou ]]></b:skin>
Funciona nos dois, a diferença é que no Body { coloca-se depois do }
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}
Não apagamos, simplesmente colamos depois de }, já no ]]></b:skin> colamos em cima, se não der colamos no CSS que fica em Modelo>Personalização.
 /*formatação*/
b, strong, bold { color: #ff6eb4; -webkit-transition-duration: .80s} /*ESTILO DO NEGRITO */
STRIKE {COLOR: #ff6eb4; TEXT-DECORATION: STRIKE; -webkit-transition-duration: .80s } /*ESTILO DO RISCADO */
u, underline { color: #00c5cd ; border-bottom: 1px dashed #ff6eb4; text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic { color: #00ced1 ; -webkit-transition-duration: .80s} /*ESTILO DO ITÁLICO */
/*formatação hover*/
b:hover { color: #e3c7ed ;background: #b57cc9 ; -webkit-transition-duration: .80s} /*ESTILO HOVER DO NEGRITO */
STRIKE:HOVER {COLOR: #e3c7ed; TEXT-DECORATION: STRIKE;background: #b57cc9; -webkit-transition-duration: .80s} /*ESTILO HOVER DO RISCADO */
u:hover { color: #e3c7ed ; border-bottom: 1px dotted #00c5cd ; text-decoration: none;background: #b57cc9; -webkit-transition-duration: .80s} /*ESTILO HOVER DO SUBLINHADO */
i:hover { color: #e3c7ed ;background: #b57cc9 ; -webkit-transition-duration: .80s} /*ESTILO HOVER DO ITÁLICO */
Só mexam no que está a Negrito que são as cores!
Por favor, se forem usar coloquem créditos!
Kissus da vossa neko nyan ~

8 comentários:

  1. Adorei o tutorial onee *----*
    Muito fofinho >3<

    Kissus > u <

    ResponderExcluir
    Respostas
    1. Ainda bem que gostaste *----*
      Hai :3

      Kissus >w<

      Excluir
  2. Humm... estou a sentir-me um pouco intrusa, mas olá ^^ Digamos que eu j+a vim aqui muitas vezes, incluindo para babar no layout, mas nem me lembro quando foi a última vez que comentei. Já conhecia o tutorial é muito útil :)

    Bem, eu queria convidar você para uma espécie de prédio de blogs que criei, mas também servirá para reunir blogueiras para criar uma fic. É um pouco confuso, vou mandar-lhe o link do welcome para se inscrever se quiser, está tudo explicado na about :) http://blogueiras-de-dragao.blogspot.pt/2014/06/vamos-iniciar-uma-fic-interminavel.html

    Espero que goste :)

    ResponderExcluir
    Respostas
    1. Ahahah, não se sinta ^^
      Acho que já comentou, não sei XD
      Sério o.o, eu andei à procura e não encontrei nada T^T

      Etto... Como hei de dizer e.e, eu não sou muito de 'escrever' seja fic's seja qualquer outra coisa, não me divirto a escrever, só mesmo para o blog ^^'
      Gomen, mas não ^^', mas obrigada por me convidar :3

      Kissus >w<

      Excluir
  3. Adorei o tutorial, Sakura-chan!!

    Kissus~

    ResponderExcluir
    Respostas
    1. Ainda bem que gostaste! >3<

      Kissus >w<

      Excluir
  4. Adoro estes tutorial, ele é bem útil! Adorei o seu blog flor ♥
    Beijo | notfoundoficial.blogspot.com

    ResponderExcluir
    Respostas
    1. Ainda bem que gostou *----*

      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