Menu Horizontal
Autor: NTE MARABÁ | Publicado: 2010-09-03T11:08:00-07:00





Para adicionar um menu Horizintal com Menus e Submenus basta inserir o código abaixo e modificar os links e as cores.
                                    
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1073750139 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";
	mso-fareast-language:EN-US;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page Section1
	{size:612.0pt 792.0pt;
	margin:70.85pt 3.0cm 70.85pt 3.0cm;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
  Adicione antes de&nbsp;&nbsp;&nbsp;&nbsp; ]]&gt;
                                    
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1073750139 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";
	mso-fareast-language:EN-US;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page Section1
	{size:612.0pt 792.0pt;
	margin:70.85pt 3.0cm 70.85pt 3.0cm;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
  /* NavbarMenu--------------------------- */#NavbarMenu {&nbsp;background: #555 url(http://lh5.ggpht.com/_Day1TURGT6o/TAxnQjZyhvI/AAAAAAAAAG8/_hhNxxR1HBU/s800/menu_backgr.png);&nbsp;width: 100%;&nbsp;height: 35px;&nbsp;font-size: 12px;&nbsp;font-family: Arial, Tahoma, Verdana;&nbsp;color: #FFF;&nbsp; font-weight: normal;&nbsp;margin: 0;&nbsp;padding: 0;text-transform: capitalize;text-decoration:none;
}#NavbarMenuleft {&nbsp;width: 100%;&nbsp;float: left;&nbsp;margin: 0;&nbsp;padding: 0;}#nav {&nbsp;margin: 0;&nbsp;padding: 0;}#nav ul {&nbsp;float: left;&nbsp;list-style: none;&nbsp;margin: 0;&nbsp;padding: 0;}#nav li {&nbsp;list-style: none;&nbsp;margin: 0;&nbsp;padding: 0;}#nav li a, #nav li a:link, #nav li a:visited {&nbsp;color: #FFF;&nbsp;display: block;&nbsp;font-size: 16px;&nbsp;font-family: Georgia, Times New Roman;&nbsp;font-weight: normal;&nbsp;text-transform: capitalize;text-decoration:none;&nbsp;margin: 0;&nbsp;padding: 9px 15px 8px;border-right: 1px solid #fff;

}#nav li a:hover, #nav li a:active {&nbsp;background: #8FBC8F;&nbsp;color: #FFF;&nbsp;margin: 0;&nbsp;padding: 9px 15px 8px;&nbsp;text-decoration: none;

}#nav li li a, #nav li li a:link, #nav li li a:visited {&nbsp;background: #209168;&nbsp;width: 150px;&nbsp;color: #FFF;&nbsp;font-size: 14px;&nbsp;font-family: Georgia, Times New Roman;&nbsp;font-weight: normal;&nbsp;text-transform: capitalize;&nbsp;text-decoration:none;&nbsp;float: none;&nbsp;margin: 0;&nbsp;padding: 7px 10px;&nbsp;border-bottom: 1px solid #FFF;&nbsp;border-left: 1px solid #FFF;&nbsp;border-right: 1px solid #FFF;}#nav li li a:hover, #nav li li a:active {&nbsp;background: #8FBC8F;&nbsp;color: #FFF;&nbsp;padding: 7px 10px;}#nav li {&nbsp;float: left;&nbsp;padding: 0;}#nav li ul {&nbsp;z-index: 9999;&nbsp;position: absolute;&nbsp;left: -999em;&nbsp;height: auto;&nbsp;width: 170px;&nbsp;margin: 0;&nbsp;padding: 0;}#nav li ul a {&nbsp;width: 140px;}#nav li ul ul {&nbsp;margin: -32px 0 0 171px;}#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {&nbsp;left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {&nbsp;left: auto;}#nav li:hover, #nav li.sfhover {&nbsp;position: static;}  &nbsp;

Adicione o código abaixo&nbsp; abaixo da Tag                                     
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1073750139 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";
	mso-fareast-language:EN-US;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page Section1
	{size:612.0pt 792.0pt;
	margin:70.85pt 3.0cm 70.85pt 3.0cm;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
 que vem após o Título do seu Blog.
                                    
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1073750139 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";
	mso-fareast-language:EN-US;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page Section1
	{size:595.3pt 841.9pt;
	margin:70.85pt 3.0cm 70.85pt 3.0cm;
	mso-header-margin:35.4pt;
	mso-footer-margin:35.4pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
  
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1073750139 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";
	mso-fareast-language:EN-US;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page Section1
	{size:595.3pt 841.9pt;
	margin:70.85pt 3.0cm 70.85pt 3.0cm;
	mso-header-margin:35.4pt;
	mso-footer-margin:35.4pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
  

<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1073750139 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";
	mso-fareast-language:EN-US;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page Section1
	{size:595.3pt 841.9pt;
	margin:70.85pt 3.0cm 70.85pt 3.0cm;
	mso-header-margin:35.4pt;
	mso-footer-margin:35.4pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
  
&lt;!-- Page --&gt;&nbsp;&nbsp;&nbsp; &lt;div id='NavbarMenu'&gt;&lt;div id='NavbarMenuleft'&gt;&lt;ul id='nav'&gt;&lt;li&gt;&lt;a expr:href='data:blog.homepageUrl'&gt;Página Inicial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&nbsp;&lt;a href='#'&gt;Link1&lt;/a&gt;&lt;ul&gt;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU SUBLINK AQUI'&gt; SUBLINK 1&lt;/a&gt;&lt;/li&gt;&nbsp;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU SUBLINK AQUI'&gt; SUBLINK 2&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;/ul&gt;&nbsp;&lt;/li&gt;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU LINK AQUI'&gt;Link2&lt;/a&gt;&lt;ul&gt;&nbsp;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU SUBLINK AQUI'&gt;Sublink1&lt;/a&gt;&lt;/li&gt;&nbsp;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU SUBLINK AQUI'&gt; Sublink2&lt;/a&gt;&lt;/li&gt;&nbsp;&lt;/ul&gt;&lt;/li&gt;&nbsp;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU LINK AQUI'&gt; LINK 3&lt;/a&gt;&lt;ul&gt;&nbsp;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU SUBLINK AQUI'&gt; SUBLINK 1&lt;/a&gt;&lt;/li&gt;&nbsp;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU SUBLINK AQUI'&gt; SUBLINK 2&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU LINK AQUI'&gt; LINK4 &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href='ENDEREÇO DO SEU LINK AQUI'&gt; LINK 5&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&nbsp;&nbsp; &lt;/div&gt;&nbsp;&lt;div style='clear:both;'/&gt;
&nbsp;&nbsp;&nbsp; &lt;!-- /Page --&gt;


Modifique os links e cores, para encontrar o código de outras cores basta visualizar essa tabela de cores HTML