24 de jun. de 2012

Como Criar um layout avançado

Tumblr_lpnr4orick1qfvwaoo1_500_large
Olá gente chegar aki 
Primeiro tuto do blogger bom muita 
gente vem me pedindo bom vou ensinar 
par vocês hoje 
Abre seu blogger vai em Modelo personalizar faz o seguinte faz de acordo como mostra a imagem 
Vai em layout escolhe o seu layout bom o meu  vai ser esse aki
vai em avançado Plano de fundo das postagem coloque a cor branca 
Ae salva ele depois de ter feito isso vai em modelo editar Html 
Aperte ctrl-f Procure por .content-outer .content-cap-top {
Apague tudo que ta de rosa 

Depois de ter feito isso vai ficar assim
Depois de ter procure por  .main-inner .column-right-inner {
Apage tudo que ta de rosa 
Procure agora por .main-inner {
Agora cole esse Código em baixo dele e altera o numero 
 margin-top: -20px;
como fazer por nome do seu blogger ficar no centro personalizado bom e muito fácil 
Gostou continue lendo

Procure por 
/* Header
----------------------------------------------- */
Substitue esse codigo aqui 
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: 130%;
}





Por esse aki

..header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-top: 40px;

}

.Header h1 {
  font-size:80px;
  color: #ffffff;
text-align: center;
font-weight: normal;
}

.Header h1 a {
color: #ffffff;
}

.Header .description {
  font-size: 130%;
}
Altera a cor e o tamanho 
Agora procure por 
(Coluna direita )
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
(Coluna esquerda )
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Debaixo delas duas vai tar esse código aqui
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
Substituem por esse aqui
background: url("URL DA IMAGEM") repeat;
Agora vai no seu photoscape abre ele vai em menu 
coloque 400*56
E só isso espero que tenha gostado o meu vai ficar assim
Algumas coisas eu tirei da cherry bomb 
espero que tenha gostado 








Nenhum comentário:

Postar um comentário

Seu comentário sera sempre bem vindo
nunca esquece de comentar quando pegar alguma coisa comente nunca fale mal
do blogger e sempre coloca os créditos quando for repassa