11/05/2014

[Tutorial] Modelo de post 1

Miku la la la la ~
Olá people do meu kokoro *-*

Tudo bom?>-< Etto... Acabei ontem de fazer um layout para um amigo meu, o Toma, cliquem aqui para o ver u3u
Vim aqui para postar um tutorial de como colocar o modelo de posts que usei neste layout ^^ Acho que é bem fofinho :3
Cliquem em Ler mais... .3.



(cliquem para exibir o tamanho original)
1.- Modelo > Editar HTML > Aperta Ctrl+F e procura por:
h3.post-title {
     Devem encontrar algo como:
h3.post-title {
  margin-top: 20px;
}
h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
h3.post-title a:hover {
  text-decoration: underline;
}
.main-inner .column-center-outer {
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;
}
2.- Substituam isso tudo por:
 h3.post-title {
margin-top: 25px;
text-align: center; /* alinhamento do título */
border-bottom: 1px dotted #556688; /* cor do divisor */
}
@font-face {
font-family: 'Delius';
src: local('Delius-Regular'), url(http://themes.googleusercontent.com/static/fonts/delius/v3/7WQiMJKp1Jo3CiUw302zGA.woff) format('woff');
}
h3.post-title a {
font-family: Delius;  /* fonte do título */
color: #776677;   /* cor do título */
font-size: 20px;   /* tamanho da fonte */
text-shadow: 0px 0px 1px #dadada;   /* sombra do título */
letter-spacing: -1px;
-webkit-transition-duration: .90s;
font-weight: lighter;
}
h3.post-title a:hover {
color: #ff6677;   /* cor do título hover */
-webkit-transition-duration: .90s;
}
.post-outer {
margin: -10px -10px 30px;
background:#fff;   /* cor do fundo do post */
padding: 5px 5px;
box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;   /* sombra da caixa do post */
padding: 5px;
border-bottom:3px #886677 solid;   /* cor da borda do fundo do post */
border-top:3px #886677 solid;   /* cor da borda do topo do post */

Modifiquem apenas o que está a negrito ^^

3.- Visualiza e guarda :3
                                               Kissus!>3<

4 comentários:

  1. Nossa esse modelo ficou fantástico *OO* Sério eu gostei mesmo.
    Querendo Voar *u* || Querendo Voar ~ (Queremos a sua visita! Beijos <3 )

    ResponderEliminar
    Respostas
    1. Hai, eu também gosto muito ^^

      Arigato por comentares!Kissus!>3<

      Eliminar
  2. Kawaiizinho >ww<, talvez use no próximo lay *uu*, no sei, irei ver u-u
    Fica na lista #aponta#como se tivesse lista ¬u¬
    Kissus >w<

    ResponderEliminar
    Respostas
    1. Hai *u*
      Onee fingindo-se de secretária -qqq

      Arigato por comentares!Kissus!>3

      Eliminar

Obrigada por vires comentar!!
P.S: Sou de Portugal, alguma coisa que não percebas avisa u v u

❥Respondo a todos os comentários assim que puder.
❥Podes por o URL do teu blog no fim mas tens de falar do post.
❥Podes pedir tutoriais e utilitários.
❥Podes falar palavrões (como eu falo ás vezes) mas não ofendas ninguém com eles, ok?

♣Não aceito "Seguindo, segue de volta?", só sigo se gostar do blog.
♣Comentários insultosos para com alguém não serão publicados.
♣Não utilizes o teu comentário para publicitar o teu blog.
♣Os pedidos de parceria só são aceites na devida página(com algumas excepções).

♥Podes usar estes bonequinhos:
=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †