Oi estrelas , tudo bem ? Espero que sim . Bem hoje vim trazer um tutorial bem legal e bem usado em blog's mais famosos por ai não é difícil não vejo dificuldade.. Vamos lá estrelas ??
Para subir a coluna esquerda do blog, vá em Editar HTML, aperte Ctrl F e procure por:
.main-inner .column-left-outer {
Deve estar provavelmente assim:
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
Então acrescente logo abaixo desse código antes do colchete :
E vai ficar assim:
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
margin-top: -150px;
}
E assim as letras subirão. Agora, para fazer o fundo da barra lateral subir, Aperte novamente Ctrl+F e procure por:
Deve estar em seu HTML assim :
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
Cole então esse código antes de fechar os colchetes:
E ficará assim :
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
margin-top: -150px;
}
Vá em Editar HTML, aperte Ctrl F e procure por:
.main-inner .column-right-outer {
Deve estar provavelmente assim:
.main-inner .column-right-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
Então acrescente logo abaixo desse código antes do colchete :
E vai ficar assim:
.main-inner .column-right-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
margin-top: -150px;
}
E assim as letras subirão. Agora, para fazer o fundo da barra lateral subir, Aperte novamente Ctrl+F e procure por:
Deve estar em seu HTML assim :
.main-inner .fauxcolumn-right-outer {
width: $(main.column.left.width);
}
Cole então esse código antes de fechar os colchetes:
E ficará assim :
.main-inner .fauxcolumn-right-outer {
width: $(main.column.left.width);
margin-top: -150px;
}
Bom é isso ! Todos os créditos para Deby Sabe tudo .
Nenhum comentário:
Postar um comentário