Menú horizontal con marquesina – School – Phone – Rooms

Hace unos días en la entrada sobre eleditor HTML online puse un menú de ejemplo y si bien instalarlo es fácil para la mayoría, otros me han preguntado cómo ponerlo en el blog. Y bueno, además de esto se me ocurrió que el menú tuviera un mensaje en marquesina para que pudieran anunciar algo, dar la bienvenida o promocionar una entrada.

style type="text/css"#menu-title{padding:5px;background:#333;border-bottom:1px solid #fff;}#menu-title h3{padding:0; margin:0;color:#ccc;font-family:Verdana, serif;font-weight:bold;font-size:140%;}#nav{float:left;width:100%;margin:0; padding:0;list-style:none;background:#ccc;border-bottom:1px solid #999;}#nav li{float:left;margin:0; padding:0;}#nav a{float:left;display:block;padding:6px 30px 6px 5px;text-decoration:none;font-weight:bold;font-size:90%;color:#666;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvLtmzS_XqA8_c6Vk_7xJx7tTSjqKuf9bI1QTm6MC9n6XkILtVYuCYDakUmgb2KtCzFxdWZL-AjMuh9XwiDxkyYAgxyKJnuWmxFlZ96VjL46sOxGQvfpihn-utQWSVIhUMQiOaZVOozdI/s400/nav_slant.gif)no-repeat top right;}#nav #nav-1 a {padding-left:20px;}#nav a:hover{color:#000;}/stylediv id="menu-title"h3marquee Ciudad Blogger/marquee/h3/divul id="nav"li id="nav-1"a href="javascript: void(0)"Inicio/a/lilia href="javascript: void(0)"Directorio/a/lilia href="javascript: void(0)"Contacto/a/lilia href="javascript: void(0)"Acerca de/a/li/ul

ATENCIÓN: Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger primero necesitas seguir los pasos de esta entrada.

Para ponerlo en tu blog entra enDiseño Edición de HTML y pega antes de/b:skin lo siguiente:

#menu-title {
padding:5px;
background:#333;/* Color de fondo de la marquesina */
border-bottom:1px solid #fff;
}
#menu-title h3 {
padding:0; margin:0;
color:#ccc;/* Color de texto de la marquesina */
font-family:Verdana, serif;
font-weight:bold;
font-size:130%;/* Tamaño de la letra de la marquesina */
}
#nav {
float:left;
width:100%;
margin:0; padding:0;
list-style:none;
background:#ccc;/* Color de fondo del menú */
border-bottom:1px solid #999;
}
#nav li{float:left; margin:0; padding:0;}
#nav a {
float:left;
display:block;
padding:6px 30px 6px 5px;
text-decoration:none;
font-family:Verdana, serif;
font-weight:bold;
font-size:90%;/* Tamaño del texto del menú */
color:#666;/* Color del texto del menú */
/* Color de fondo del menú */
background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvLtmzS_XqA8_c6Vk_7xJx7tTSjqKuf9bI1QTm6MC9n6XkILtVYuCYDakUmgb2KtCzFxdWZL-AjMuh9XwiDxkyYAgxyKJnuWmxFlZ96VjL46sOxGQvfpihn-utQWSVIhUMQiOaZVOozdI/s400/nav_slant.gif)no-repeat top right;
}
#nav #nav-1 a {padding-left:20px;}
#nav a:hover {color:#000;}

Ahora después debody pega lo siguiente:

div id="menu-title"
h3marquee behavior="alternate"Aquí va el mensaje/marquee/h3
/div
ul id="nav"
li id="nav-1"a href="URL del enlace"Inicio/a/li
lia href="URL del enlace"Directorio/a/li
lia href="URL del enlace"Contacto/a/li
lia href="URL del enlace"Acerca de/a/li
/uldiv class='clear'/

Eso hará que el menú quede arriba de la cabecera, si lo deseas debajo de la cabecera o en otro lugar entonces entra enDiseño Elementos de la página Añadir gadget HTML/Javascript y pega ahí el contenido, ya después arrastra el elemento donde quieras.

Ya sabes que, lo que está en color rojo hay que remplazarlo por el mensaje de bienvenida y por las URL de los enlaces correspondientes. Para personalizar los colores y texto cambia las partes que están en color verde.

Car Insurance Quotes MN Car Insurance Quotes baltimore mesothelioma attorneys Hard drive data recovery services Better conferencing calls arizona auto accident attorney Online motor insurance quotes saskatchewan auto insurance miami personal injury lawyer LOW CREDIT LINE CREDIT CARDS uk homeowner loans Mobile casino NEUSON FORENSICS ONLINE COURSE mesothelioma attorney directory Online casino purchase structured settlements structured settlement purchasers buyers of structured settlements LIFE INSURANCE CO LINCOLN Psd to WordPress HOME PHONE INTERNET BUNDLE CHEAP AUTO INSURANCE IN VA Car insurance quotes MN CAR INSURANCE QUOTES MN structured annuity settlement Dwi lawyer best structured settlement companies mesothelioma lawyers san diego refinance with poor credit DONATE CARS ILLINOIS structured settlement investments workers compensation lawyer los angeles Casino HARDDRIVE DATA RECOVERY SERVICES Social media tools Online Christmas cards Italian cooking school WordPress themes for designers life insurance quotes new york mesothelioma law firm Make money online Australia PHD on Counseling Education event management security mesothelioma lawyer chicago Service business software See more at http//wwwginfostopnet/ Donate Car To Charity CALIFORNIA DONATE YOUR CAR FOR MONEY Car Insurance Quotes Colorado Annuity Settlements accident attorney san bernardino Life Insurance Co Lincoln Casino reviews car insurance quotes pa automobile accident attorney Donate cars Illinois New social media platforms Hard drive Data Recovery Services Social media strategies business voice mail service DUI lawyer sell your structured settlement payments Live casino Tech school Online Classes Donate Your Car Sacramento Sell Annuity Payment Hire php developers domain yahoo Christmas cards Adobe illustrator classes mesothelioma claims ASBESTOS LAWYERS Donate Car to Charity California mesothelioma attorneys california google adsense selling annuity payments for cash mesothelioma lawyer texas Hire php programmers workplace accident attorney structure settlements Social media platforms best criminal lawyer in arizona Criminal lawyer Criminal defense lawyer How to Donate A Car in California Php programmers for hire royalty free images stock mesotheioma Donate Car for Tax Credit Dedicated Hosting Dedicated Server Hosting Hire php developer Bankruptcy lawyer Nunavut Culture Computer science classes online Massage School Dallas Texas Html email mesotheliama asbestos lawyers Mortgage Adviser Php programmers Met Auto Seo companies mesotheloma Best social media platforms for business Virtual Data Rooms semi truck accident lawyers mortgage adviser World trade center footage Business finance group DONATE CARS IN MA Social media platforms for business injury lawyers Custom WordPress theme designer