Un bloguero Practicando

Un menú horizontal simple para Blogger

Un menú horizontal simple para Blogger

Comparteme :

Un sencillo menú horizontal rojo
un sencillo menú de color rojo tal se puede ajustar mediante el gadget HTML / Javascript:


Gadget de HTML / Javascript
El código va de la mano con el estilo, con el fin de que no entren en la plantilla del blog. no se preocupe:

<style>
div.redmenu{ background:#9A0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaYHS9rHH6cZCpme2kyLXW8hM0ggO3KpucdQiOwKwiXOWtOoq9R7NZWp8lmPFqYLjfCi7U1fSBeHmnIm0fSfjDLsj9onicHwV4ZJ8hl8DIMwiPHVfr0rmgbcQzEBNbJ4YgC30IZEL_7ac/h120/bg1.gif); border:1px solid #000; font-size:0; }
div.redmenu a{ display: inline-block; padding: 0 20px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpTm00LP_t4TQjCdmhIHb5t8A1D4eglHb-aBKbAf9W68vK4ejEcM9pdOCkDZtJguUWFh6WAIqT-Xis5TMIfxrNHNHF6jaUwVcJIg0wM-g_kxJpkmri7M9xJPJ5ykJ2AaVp74HtdxF1l4/h108/bg.gif); color:#fff; text-decoration:none; font: bold 12px Arial; line-height: 32px; }
div.redmenu a:hover, div.redmenu a.current{ background-position:0 -60px; }
div.redmenu a.end{ width:2px; padding-left:0;padding-right:0; }
</style>
<div class='redmenu'>
<a expr:href='data:blog.homepageUrl' class='current'>Home</a>
<a href='#'>Menu 1</a>
<a href='#'>Menu 2</a>
<a href='#'>Menu 3</a>
<a href='#'>Menu 4</a>
<a href='#'>Menu 5</a>
<a class="end">&nbsp;</a>
</div>

Demostración


Comparteme :
Bloguero Tutorial
Soy el creador y editor de éste blog, cree este blog porque me encanta escribir sobre tecnología e internet, diseño web, y recursos para webmasters y Bloggers. Además, mi único propósito, es divertirme y de paso si ayudo a otras personas, mucho mejor. , click aquí ?
Un menú horizontal simple para Blogger.
Comparte

Artículos Relacionados

Tu mensaje sera visible tras la aprobación del administrador