3 de dez. de 2009

Menu em tabela

Para quem perguntou-me como colocar um menu como este que etenho em meu blog, eis o código. Copie, vá até o HTML de seu blog e cole-o antes de:



<div id='header-wrapper'>  Para que fique acima do cabeçalho

Para que fique depois do cabeçalho, cole antes de:

<div id='content-wrapper'>



<!-- COLOQUE ABAIXO OS LINKS DE SEU MENU EM TABELA -->
<table cellpadding='0' cellspacing='0' margin='3px' width='100%'><tr>
<td align='right'><table bgcolor='#464646' border='0' cellpadding='3' cellspacing='0'><tbody><tr>
<td style='vertical-align: top; width: 236px;'><b>
<a href='ENDEREÇO LINK 1' style='color: #cccccc' target='_blank'>LINK 1</a></b><br/><span style='font-weight:normal;color:#000000;'>INSCRIÇÃO LINK 1</span><br/><small><a href='LINK 1 BAIXO' style='font-weight:normal; color: #7A8571' target='_blank'>INSCRIÇÃO OCULTA LINK 1 </a></small></td>

<td style='vertical-align: top; width: 236px;'><b>
<a href='ENDEREÇO LINK 2' style='color: #cccccc' target='_blank'>LINK 2</a></b><br/><span style='font-weight:normal;color:#000000;'>INSCRIÇÃO LINK 2</span><br/><small><a href='LINK 2 BAIXO' style='font-weight:normal; color: #7A8571' target='_blank'>INSCRIÇÃO OCULTA LINK 2 </a></small></td>

<td style='vertical-align: top; width: 236px;'><b>
<a href='ENDEREÇO LINK 3' style='color: #cccccc' target='_blank'>LINK 3</a></b><br/><span style='font-weight:normal;color:#000000;'>INSCRIÇÃO LINK 3</span><br/><small><a href='LINK 3 BAIXO' style='font-weight:normal; color: #7A8571' target='_blank'>INSCRIÇÃO OCULTA LINK 3 </a></small></td>

<td style='vertical-align: top; width: 240px;'>
<div id='google_translate_element'/><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: &#39;pt&#39;
  }, &#39;google_translate_element&#39;);
}
</script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
</td>



<td style='vertical-align: top; width: 20px;'>
<a href='ENDEREÇO DO SEU FEED' rel='alternate' title='RSS Feed'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdqfk73d3fnwCvhz5RL_hAqpOxD2_bWh86BSBiHca6MGc3rMprApFkyacK7HL6xOlQEswfmIklGILR_xXIGhidTtP4ixGHMDEL1UMhxXcw5SJGzPLhat0IWyR3u6XpS1MIymOuaqKQnI/s1600/1258050851_rss.png' style='horizontal-align: center;'/></a>
</td>

<td style='vertical-align: top; width: 20px;'>
<a href='ENDEREÇO DO SEU BLOGBLOGS' rel='alternate' title='Blog Blogs'><img alt='Blog Blogs' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmx0Cu0MeVC2SjXEqxTiILRPrj9Ouy7me-r6m8IQApmYswXQLiR4KGqzO3vCPWBv6JQkWMXDZBHlp2M3UJbM3JMFm6tsx-YEM60CxOx5UNceWy_2nFrwLtFD1ThN4NpWjU9Jf0o4Lr8QA/s1600/1258050871_BLOGBLOGS.png' style='horizontal-align: center;'/></a>
</td>

<td style='vertical-align: top; width: 20px;'>
<a href='http://twitter.com/SEU-NICK-DO-TWITTER' rel='alternate' title='Twitter'><img alt='Siga-me' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGHTp_9qxXbk_yjgTDh_wYQ2WkAmGaqAfojFTwcJkDlnnUL3Z3kdg9c2_eJ9KnjRY9-tYUt1XAgfCc0nyZJ95wkZKmMmxWpCC_27mJvYQRIyoSvahL-2mMKaqJs-srAMPrK7L2VIcmi-M/s1600/1258050838_twitter.png' style='horizontal-align: center;'/></a>
</td>
<td style='vertical-align: top; width: 20px;'>
<a href='mailto:SEU-EMAIL-AQUI@gmail.com' title='Email'><img alt='Escreva-me' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM96unj158WrPMyn9nH79tLQKKJZv9L8H8RgjtZBJ1FwlR1sovft0S3bXnyCzp8NPuPjC1wySCBiF6G7e1pHL7lr30d1466GT1-bcaog4c0GkWO-2B9fkRau0O6wJOm1K1JJ5JPnmV8MQ/s1600/1258050871_EMAIL.png' style='horizontal-align: center;'/></a>
</td>
</tr></tbody></table></td></tr></table>

No código acima onde está em verde é a cor de fundo do menu.
Em cinza é a cor das letras do menu
 Em azul é para que você troque pelos seus links, é a parte escrita.
Em vermelho é o tradutor, caso não o queira, apague todo o código.
Em rosa já representa a parte dos botões. Coloque o seu enick e o endereço conforme é pedido nos locais indicados.

6 comentários:

  1. bom muito bom parabens pelo seu blog bem construido venha conhecer o meu http://www.supercinemafilmes.tk/

    ResponderExcluir
  2. oi!vocÊ é un grande designista(a)!eu me chamo pedor e trabalho num site infantil,que la meu nome é pinguin do gelo ;)

    ResponderExcluir
  3. Elke eu consegui resolver o meu problema, removendo o Acesso pelo Draftblog e removendo o seu link!
    Espero que vc resolva também!
    Creio que isto deve ser mais um erro do Google!
    Tirando o teu link nâo apareceu mais mensagem na web para não entrarem no blog, depois vinha a mensagem apenas quando eu tentava logar, e dizia que o DraftBlog continha alguns elementos de pagina do seu blog!
    Que coisa mais triste isso menina!
    Mas agora ficou tudo legal aqui!
    Beijo grande ... e espero de coração que isto não prejudique o teu blog que é muito muito bom!!! Pra mim um dos melhores blogs de dicas na web!

    ResponderExcluir
  4. Não estou conseguindo colocar no meu blog! Já fiz tudo o que está dizendo ai, só que aparece a seguinte mensagem: Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Element type "ahref" must be followed by either attribute specifications, ">" or "/>". Eu verifiquei, está correto.

    Me ajude?

    ResponderExcluir
  5. ae amigo eu criei um layout aki no fotoshop e queria saber como vc faz para colocar menus encima das images

    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