Image Map

11 de out. de 2011

0 Barra no topo ou na lateral do blog

Queridos , milhões de desculpas por todos esses dias sem posts . O motivo é a minha Internet que está caindo a cada segundo e a preguiça :( Enfim , vou fazer o máximo para ser mais presente aqui.
Hoje , vim mostrar para vocês como fazer um efeito no seu desing que eu aprendi com o Tudo pra mim | Maratona de tutoriais , o resultado é uma barra no topo ou no lado do blog , no caso do Almost Fashion eu coloquei na lateral , vamos lá ?




Barra ( pattern ) nas laterais :


Vá té desing , editar HTML e procure {Ctrl+F} por :
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Ou :
<body
Se você quer que a barra fique no lado direito  , cole logo abaixo dele :
<div style=" background-image: url('LINK DO PATTERN'); top: 0px; right: 0px; width: 20px; height: 100%; z-index: 100; position: fixed;"></div>
Se você quiser que fique do lado esquerdo , cole o código :
<div style=" background-image: url('LINK DO PATTERN'); top: 0px; left: 0px; width: 20px; height: 100%; z-index: 100; position: fixed;"></div>
- Altere o que está em negrito pelo link do seu pattern e o que está em rosa pela largura que você quer .


Visualize e se estiver tudo certo salve .

Barra ( pattern ) no topo :

Vá té desing , editar HTML e procure {Ctrl+F} por :
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Cole abaixo dele o seguinte código :
<div style=" background-image: url('LINK DO PATTERN'); top: 0px; left: 0px; width: 100%; height: 20px; z-index: 100; position: fixed;"></div>
- Altere o que está em negrito pelo link do seu pattern e o que está em rosa pela largura .

Visualize e se estiver tudo certo salve .

Lembrando , que estes códigos não são meus e sim do Maratona de Tutoriais , então todos os créditos são para lá .

Nenhum comentário:

Postar um comentário