16 de dez. de 2010

Template Background

Este template possui 2 colunas mais 3 colunas no footer. A sidebar é em forma de menu accordion, possui slide com as últimas postagens, breadcrumb, menu horizontal fixo, tooltip, e fundo que muda de imagem a cada clique.


DEMO/PEGAR CÓDIGO

Para habilitar o menu horizontal

Procure por esta parte:

<li><a class='tip_trigger' href='#'>HOME<span class='tip'>Página inicial</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 1'>LINK 1<span class='tip'>ESCREVA ALGO SOBRE O LINK 1</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 2'>LINK 2<span class='tip'>ESCREVA ALGO SOBRE O LINK 2</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 3'>LINK 3<span class='tip'>ESCREVA ALGO SOBRE O LINK 3</span></a></li>




Botões sociais

Procure por esse trecho e coloque os endereços que se pede.

<a class='tip_trigger' href='ENDEREÇO DO FACEBOOK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsdig5OT1p3cR3d-Hh5PiLnxXTErOTliYYT9FwGDyoC_XwL-h9sFbJrexgKOXCcoo_I5KBw90pk3TEhzajmha9c0kRjOtD65OpCK4zFGii_vmMR3goHp3J5oexnLLoDcA0sLN5lRPJ-7WU/s1600/facebook-logo-webtreatsetc.png' width='66px'/><span class='tip'>Seja um fã no Facebook</span></a>

<a class='tip_trigger' href='ENDEREÇO DO TWITTER'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnZBPiw43zmTuFZ-cLXyc-cid9jlVfdVrQFHkTE-2Mta6TKhGp1ErHvwk2H8Ev5HZJp5Pv5xbjkysYD3YhkCHdwLmrzg_G7IF3-eKDhPORtAT7Clo5ZyLJJZovkvJvzp6LiaDG_NNSAty/s1600/twitter-webtreatsetc.png' width='66px'/><span class='tip'>Siga-me no Twitter</span></a>

<a class='tip_trigger' href='ENDEREÇO DO ORKUT'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlFFCsKpNIye7wFdhIPqOXZUXXnCT0SukZKZEq7CGpTn3qnBCN2-FDmAT4MGc26o_-ilwrsoYaXf2Pg6rX56o7na1P4ViRKz5MSVRbaXYQJuhix5rVu1aqA4dAiVDjLKZ3H-Hl29WMr5_g/s1600/orkut-webtreatsetc.png' width='66px'/><span class='tip'>Encontre-me no orkut</span></a>

<a class='tip_trigger' href='ENDEREÇO DO YAHOO'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCsC39QciXa5ttPl_SaZk_sth2IMj6V76D08JWU0L3679HQqQmXUBfD3hsOlGHfZfPj1TaBI2bPTmIf4jpTJHBwhjzwM6AYrMceyHlrXGjHUprGFxlzJkIVK2_KYOMzsmqEVGqMarH9s5y/s1600/yahoo-webtreatsetc.png' width='66px'/><span class='tip'>Yahoo</span></a>



Para habilitar o slide

Procure por:

ENDEREÇO DE SEU BLOG AQUI


Para habilitar o botão de feed grande.

Procure por:

ENDEREÇO DE SEU BLOG AQUI

E substitua pelo endereço de seu blog

Para habilitar os marcadores

Procure por:

AQUI OS MARCADORES

E substitua pelo endereço de seu blog


Se quer mudar as imagens de fundo

Veja que no próprio código que disponibilizei já deixei os endereços destacados na cor azul, portanto, é só ir trocando pelo endereço das imagens de sua preferência.

2 comentários:

  1. Muito Bom, só queria fazer uma pergunta.
    Se eu quisesse por um Banne que ficasse no lugar do Template Background como eu teria que fazer ?
    E como poderia colocar ele tipo grande,porque quando eu fiz um no meu primeiro blog,ficou pequeno. Desculpa mais sou novo nisso xD

    ResponderExcluir
  2. Como eu estendo a imagem do slide? A imagem ficou repetida, tinha uma dela inteira e depois ela começava de novo ao lado. Tem como estender a imagem para ocupar todo o espaço?

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube