Como fazer Lay 1*

Yoo, minna-san ^^.

                      Hoje dia 27 de abril é o meu niverrrr, to um pouco feliz, sabe não gosto de fazer aniversário, a gente vai ficando velho e deixa os status de criança pra trás, começamos uma nova era da vida e isso me deixa triste, é uma coisa nova pra mim.

                   Eu esqueci de mencionar no começo do post que essa imagem peguei no Ugly Thing é um blog muito bom pra ilustrações, mais essa é a minha primeira vez que pego uma imagem lá, já tinha visto outras vezes imagens para ilustrações, mais hoje decidir pegar e também a equipe da lá faz algumas bordas e rabiscos que não da pra ver muito e é isso que eu gosto uma coisa bem simples.

Bom chega de falar e vamos ao que interessa que é os lays para blog^^, pra mim é meio complicado por causa de códigos e tal e isso mexe com a minha cabeça, bom vamos as dicas>>

Primeiro vamos mexer com o blockquote>>

Vá no html e procure por ]]></b:skin> 

Acima da tag procurada cole o seguinte código:

.post blockquote {

background: #fff; /* fundo */

padding:2px;

font-family: Pixel;

font-size: 12px;

color: #000;

border-bottom: 1px solid #000; /*cor da borda de baixo*/

border-top: 1px solid #000; /*cor da borda de cima*/

border-left: 1px solid #000; /*cor da borda direita*/

border-right: 1px solid #000; /*cor da borda esquerda*/

text-align: center;

border-radius: 0px; /*bordas arredondadas*/

}

                          Agora o leia mais que também tem que procurar a tag do tutorial de cima.

 Acima da tag que você procuro cole:

.jump-link  {

text-align: right; /* posicionamento do leia mais */

margin-top: 7px; /* espaço que fica entre o leia mais e a postagem */

}

.jump-link a {

padding: 4px; /*acolchoamento entre o fundo e o texto */

color: #000; /* cor do texto */

background: #fff; /* cor do fundo */

font-family: Calibri; /* tipo de letra */

font-size: 12px; /*tamanho da fonte*/

border-bottom: 1px solid #000; /*cor da borda de baixo*/

border-top: 1px solid #000; /*cor da borda de cima*/

border-left: 1px solid #000; /*cor da borda direita*/

border-right: 1px solid #000; /*cor da borda esquerda*/

border-radius: 0px; /*bordas arredondadas*/

}

É necessário que você altere as cores de tudo e o tamanho para que não fique feio.

Hoje é só, até mais ^^