27 de jan de 2013

Criando um template part III - fim + Personalizando os códigos

Olá minibolinhos

Gente do céu, as férias estão acabando O.O passa rápido não é?Mas sinceramente estou com saudade das minhas amigas e de todo povão lá.
Mesmo tendo passado rápido eu aproveitei muito, consegui aprender algumas coreografias de Kpop, hoje mesmo já sei tudinho de I Got A Boy das GG, vi animes igual doida, é sério nunca vi tantos animes assim nas férias. :3
 Para quem acompanhou estou fazendo um Big tuto de como criar um template, e aproveitando e postando alguns tutos de como personalizá-lo.
Bom, quem não viu? Part I / Part II.
Hoje vou para a parte III, onde vou colocar só alguns códigos base de personalização que é sempre bom ter em um Blog.
A propósito tenho uma novidade para vocês!!!Preciso saber se querem, vou colocar o meu layout da Kim Shin Yeong para download, estava fuçando os meus backups e vi ele lá o que acham?
Vamos agora aos tutos porque vai começar a chover aqui e vou ter que desligar o PC
Leia Mais? >< 


Primeiro:Vou colocar aqui o código que deixa o Negrito,Italico,tachado e sublinhados bunitinhos ^^
Eu aprendi este tuto no KW - credits pra lá -

b {color: #CORDONEGRITO; text-decoration: none; -webkit-transition-duration: .99s;}
b:hover { color: #HOVERDONEGRITO; text-decoration:none; -webkit-transition-duration: .99s;}
i {color: #CORDOITALIC; text-decoration: none; -webkit-transition-duration: .99s;}
i:hover {color: #HOVERDOITALICO; text-decoration: none; -webkit-transition-duration: .99s; }
u {color: #LETRADOSUBLINHADO; text-decoration: none; border-bottom: 1px dashed #CORDOSUBLINHADO; -webkit-transition-duration: .99s;}
u:hover {color #HOVERDOTEXT; text-decoration: none; border-bottom: 1px solid #HOVERDOSUBLINHADO; -webkit-transition-duration: .99s;}
strike {color: #CORDORISCADO; -webkit-transition-duration: .99s;}
strike:hover {color: #HOVERRISCADO -webkit-transition-duration: .99s;}

Bom já esta tudo explicado no código que eu tive que editar, mas tudo bem o que não entenderem perguntem na ask ou nos comentários mesmo.

Segundo: Blockquote hover, igual ao do nosso Blog.
Se não me engano este tuto eu aprendi no WP, mas  lá o Blockquote era apenas com a barrinha de um lado, como eu queria duas eu adaptei ele um pouquinho ^^
Vamos lá?


blockquote {
border-left: 10px solid #8B668B; /* cor da borda */
border-right: 10px solid #8B668B;
background-color: #fff; /* fundo do blockquote */
padding: 10px;
font-size: 11px; /* tamanho da letra */
color: #5c5c5c; /* cor da letra */
text-align: center; /* alinhamento do texto */
box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe; /* cor da sombra que fica ao redor */
-webkit-transition-duration: .50s;
}
blockquote:hover {
border-left: 8px solid #7EC0EE; /* cor da borda quando passa o mouse */
border-right: 8px solid #7EC0EE;
background-color: #fff; /* fundo do blockquote */
padding: 10px;
font-size: 11px; /* tamanho da letra */
color: #5c5c5c; /* cor da letra */
text-align: center; /* alinhamento do texto */
box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe; /* cor da sombra que fica ao redor */
-webkit-transition-duration: 1.50s;
}
e por fim o Terceiro : que é bem simples mas é legal de usar em um Blog, que é a seleção colorida no Blog, que eu aprendi no IIRTW.


*::-moz-selection {background: #CORDASELEÇÃO; color: #CORDALETRA; }*::selection {background: #CORDASELEÇÃO;color: #CORDALETRA;}
Ok acabou, mas espero que tenham gostado, se quiserem mas algo para personalizarem o seu Blog ou que vocês viram aqui no PE e gostaram, é só pedir na ask.
Até mais!!




5 comentários:

  1. Que legal o tutorial, juro que vou tentar fazê-lo no próximo tema do TK, já que sou iniciante no aqui. Sério que você sabe a coreografia? Eu já pensei em aprender, sei uma só que é Roly Poly do T-Ara, mas demorei MUITO tempo para aprender, queria muito aprender essa e 2Hot da G.NA, sabe? Mas que legal, adorei~

    Estou ajudando na sua meta, óbvio, amo blog com assuntos voltados ao K-Pop ^^
    Se puder me ajuda na minha? Claro, só se você quiser.

    Beijos
    Too Kawaii

    ResponderExcluir
    Respostas
    1. Nossa que legal...Acabei de aprender Roly Poly U.U é meio dificil, mas em um dia consegui....e estou tooda quebrada porque fiquei o dia todo dançando, já estou ajudando com sua meta também.
      ><
      Obrigada por gostar do PE
      Kissu

      Excluir

-Yoo!!

Sem comentários Ofensivos.
Pedidos na ask
Elogios são sempre bem vindos
-Responderei a todo mundo...

(◕‿◕✿)  。◕‿◕。 ⊱✿◕‿◕✿⊰ (◡‿◡✿) (◕〝◕)


◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐