Mostrando entradas con la etiqueta Menúes. Mostrar todas las entradas
Mostrando entradas con la etiqueta Menúes. Mostrar todas las entradas

Menú multicolor para Blogger – Justicia – Auto

           , ,    
Este sencillo menú horizontal basado sólamente en CSS y algunos patrones CSS3 permite añadir pestañas de distintos colores. Es bastante fácil de configurar y además es muy llamativo.


Vista previa del menú:



¿Cómo añadirlo a Blogger?


Paso 1: Añadiendo la sección:

En ''Diseño | Edición HTML'' marcaremos ''Expandir plantillas de artilugios''.

Buscaremos la siguiente sección:
div id='content-wrapper'
Arriba de esta pegaremos el siguiente código:
div id='multicolorido'div id='menuayuda-blogger'
ul
li class='naranjo'a href='ENLACE1'Título 1/a/li
li class='celeste'a href='ENLACE2'Título 2/a/li
li class='verde'a href='ENLACE3'Título 3/a/li
li class='rojo'a href='ENLACE4'Título 4/a/li
li class='gris'a href='ENLACE5'Título 5/a/li
li class='azul'a href='ENLACE6'Título 6/a/li
/ul
/div/div

Paso 2: Añadiendo los estilos:

Ahora buscaremos la siguiente sección:
/b:skin

Arriba de esta pegaremos el siguiente fragmento:

#multicolorido{
margin-left:auto;
margin-right:auto;
width: 900px;
}

#menuayuda-blogger {
margin:0px auto;
height:33px;
}

#menuayuda-blogger ul {
margin:0;
padding:0;
padding-top:12px;
list-style:none;
}

#menuayuda-blogger li {
box-shadow: 1px 1px 1px 1px #7a7a7a;
border-radius: 0 0 15px 15px;
float:left;
margin:0 !important;
padding:0 1px 0 0 !important;
font-family: 'Verdana', arial, serif;
list-style:none;
}

#menuayuda-blogger a {
font-size: 12px;
font-family: 'Verdana', arial, serif;
float:left;
text-decoration:none;
color:#fff;
margin:0;
padding:12px 10px;
}

#menuayuda-blogger a:hover {
text-decoration:none;
color:#fff;
}

#menuayuda-blogger ul li.naranjo{ /*Naranjo*/
background: #f59c1b;
}

#menuayuda-blogger ul li.naranjo:hover{
height:50px;
}

#menuayuda-blogger ul li.celeste{ /*Celeste*/
background: #00addf;
}

#menuayuda-blogger ul li.celeste:hover{
height:50px;
}

#menuayuda-blogger ul li.verde{ /*Verde*/
background: #a2c64e;
}

#menuayuda-blogger ul li.verde:hover{
height:50px;
}

#menuayuda-blogger ul li.rojo{ /*ROJO*/
background: #e02309;
}
#menuayuda-blogger ul li.rojo:hover{
height:50px;
}
#menuayuda-blogger ul li.gris{ /*GRIS*/
background: #4d4c4c;
}

#menuayuda-blogger ul li.gris:hover{
height:50px;
}

#menuayuda-blogger ul li.azul{ /*AZUL*/
background: #0071a9;
}

#menuayuda-blogger ul li.azul:hover{
background: #0071a9;
height:50px;
}

Guardas los cambios y listo.

Importante:
  • Para crear un nuevo enlace, deberás pegar la siguiente línea antes de /ul:
li class='color'a href='ENLACE'Título/a/li
  • Si deseas añadir un color extra, deberás crear nuevos atributos:

#menuayuda-blogger ul li.color{
background:#COLOR;
}
#menuayuda-blogger ul li.color:hover{
height:50px;
}

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football history FIFA World Cup,smart,huge/big,scienciemedia,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

DONATE CAR FOR TAX CREDIT federal criminal defense attorney Custom WordPress theme designer car insurance in south dakota Structures Annuity Settlement bus accident attorney los angeles CHEAP DOMAIN REGISTRATION HOSTING Auto Mobile Shipping Quote Life Insurance Co Lincoln Dallas Mesothelioma Attorneys Cheap Domain Registration Hosting Donate car to charity California integrated ehr holland michigan college Dedicated Hosting Dedicated Server Hosting buying an annuity calculator better conferencing calls Donating Used Cars to Charity STRUCTURED ANNUITY SETTLEMENT Asbestos Lung Cancer mesothelioma information Car Insurance Quotes Colorado Online casino Hire php developer mesothelioma claim Online Motor Insurance Quotes business email web hosting auto accident attorney Torrance Massage school Dallas Texas Casino reviews AUTO ACCIDENT ATTORNEY Christmas cards Psd to WordPress mesotheloma mesothelioma symptoms Mobile casino Criminal Defense Attorneys Florida miami personal injury attorney Webex Costs Casino LIFE INSURANCE CO LINCOLN structured settlement purchasers Social media platforms motorcycle accident attorney sacramento Mesothelioma Law Firm Online Classes Criminal lawyer Make money online Australia WORLD TRADE CENTER FOOTAGE Best social media platforms mesothelioma lawyer houston Business management software Car Accident Lawyers Best social media platforms for business Donate Your Car Sacramento Php programmers Dwi lawyer Donate old cars to charity Cheap Car Insurance for Ladies Live casino DUI lawyer mesothelioma litigation philadelphia mesothelioma lawyer Computer science classes online Hire php developers Royalty free images stock domains yahoo Futuristic Architecture online colledges most profitable internet business car crash attorneys Best criminal lawyer in Arizona dallas mesothelioma attorneys Hire php programmers Business finance group Online Colleges CHEAP CAR INSURANCE IN VIRGINIA Donate Old Cars to Charity Psd to html mesothelioma ONLINE MOTOR INSURANCE QUOTES Data Recovery Raid anti spam exchange server mesothelioma drug Donate your Car for Money Cheap auto insurance in VA mesothelioma care CRIMINAL DEFENSE ATTORNEYS FLORIDA Service business software Criminal defense lawyer Online Christmas cards Auto Mobile Insurance Quote PAPERPORT PROMOTIONAL CODE verizon sip motorcycle accident lawyer san francisco Seo companies motorcycle lawyer los angeles Php programmers for hire hosted predictive dialers Donating a Car in Maryland Home phone internet bundle tucson car accident attorney Bankruptcy lawyer Donate Cars Illinois cloud identity and access management donate your car for money broward county dui lawyer PHD on Counseling Education mesothelioma law firms sell my structured settlement Seo services REGISTER FREE DOMAINS Online classes buying structured settlements selling my structured settlement

Share:

Barra superior simple en Blogger – Auto

           , ,    
En esta oportunidad y a petición de un usuario anónimo enseñaré a situar un menú en la parte superior del blog. Advierto que el menú es bastante simple, pero se puede personalizar a criterio del que lo requiera.


El menú es el siguiente:


Este menú se situará en la zona superior del blog.

Advierto que es muy similar almenú anterior que había puesto en el blog anteriormente, pero este está mejor estructurado para que no tengan problemas.

¿Cómo Añadirlo a Blogger?

Paso 1: Añadiendo la sección:

En ''Diseño | Edición HTML'' buscaremos la siguiente sección:
body
Debajo de esta pegaremos el siguiente código:
div id='barratop'
div id='menu_navegador'
ul
lia href='url 1' title='titulo al pasar el mouse'Enlace 1/a/li
lia href='url 2' title='titulo al pasar el mouse'Enlace 2/a/li
lia href='url 3' title='titulo al pasar el mouse'Enlace 3/a/li
lia href='url 4' title='titulo al pasar el mouse'Enlace 4/a/li
lia href='url 5' title='titulo al pasar el mouse'Enlace 5/a/li
lia href='url 6' title='titulo al pasar el mouse'Enlace 6/a/li
lia href='url 7' title='titulo al pasar el mouse'Enlace 7/a/li
/ul
/div
/div

Paso 2: Los estilos:

Busca la siguiente sección:
/b:skin
Arriba de esta pega el siguiente código:

#barratop {
background: #000; /* color del menú*/
width:100%; /* Menú al ancho de la página*/
height:42px; /*Alto del menú*/
margin:0;
}

#menu_navegador{
margin:0 auto;
width:920px;
height:30px;
}
#menu_navegador ul{
float:left;
background:none;
margin:0px;
padding:0;
list-style-type:none;
height:25px;
}

#menu_navegador ul li{
display:block;
float:left;
height:30px;}

#menu_navegador ul li a {
display:block;
float:left;
color:#fff;/* Color del enlace */
font-family:'Trebuchet MS', Trebuchet, Arial, Verdana;
font-size: 12px;
text-decoration:none;
padding:12px 20px 0 20px;
}

#menu_navegador ul li a:hover{
background:#c0c0c0; /* Color del fondo al pasar el mouse en un enlace*/
color:#fff; /* Color del enlace al pasar el mouse*/
height:30px;
}


Guarda los cambios y listo.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

DONATING A CAR IN MARYLAND CAR ACCIDENT LAWYERS Forensics online course Casino reviews Online casino Html email royalty free images stock Hire php programmers Christmas cards Psd to html Dayton Freight Lines Business finance group Life Insurance Co Lincoln truck accident attorney texas Donate Car to Charity California Online classes Casino mesothelioma lawsuits yahoo web hosting Auto Mobile Insurance Quote Dwi lawyer refinance with bad credit Mobile casino Hire php developer CAR INSURANCE QUOTES COLORADO la personal injury lawyer Seo companies benchmark lending Register Free Domains futuristic architecture Service business software semi truck accident lawyers Make money online Australia Donate Cars in MA Car Insurance Quotes Utah WordPress theme designers injury attorney baton rouge Live casino Social media management california mesothelioma attorney wisconsin mesothelioma attorney att call conference Online Colleges home phone internet bundle WebEx costs Photo Christmas cards WEBEX COSTS mesothelioma personal injury lawyers HARDDRIVE DATA RECOVERY SERVICES DUI lawyer Dedicated Hosting Dedicated Server Hosting online colledges Hire php developers AUTOMOBILE ACCIDENT ATTORNEY cash out structured settlement Personal Injury Lawyers Donating a Car in Maryland Virtual Data Rooms business administration masters Best social media platforms for business MESOTHELIOMA LAW FIRM Seo company Psd to WordPress Donate your car for kids domain name yahoo criminal defense federal lawyer Social media campaigns Donate Car To Charity CALIFORNIA personal injury accident lawyer structured settlement brokers world trade center footage Criminal lawyer Computer science classes online CAR INSURANCE IN SOUTH DAKOTA Best Seo company Criminal defense lawyer New social media platforms ashely madis Online Christmas cards Mesothelioma Law Firm Php programmers for hire car insurance quotes pa World Trade Center Footage Donate Your Car for Kids personal injury lawyer Hard drive Data Recovery Services Better conferencing calls Bankruptcy lawyer Php programmers Car Insurance Quotes Colorado CHEAP CAR INSURANCE IN VIRGINIA pharmacist jobs in chicago Auto Mobile Shipping Quote Adobe illustrator classes forensics online course Seo services Low Credit Line Credit Cards emergency response plan ppt Custom WordPress theme designer CHEAP AUTO INSURANCE IN VA Social media tools mesothelioma lawyers san diego city college in miami best mesothelioma lawyers small business administration sba broward county dui lawyer Social media platforms for business mesothelioma settlements amounts Best Criminal Lawyers in Arizona Nunavut culture Royalty Free Images Stock mesothelioma charities Business management software adverse credit remortgage DONATE YOUR CAR FOR KIDS

Share:

Menú inferior estilo dock – Credito – World – Rooms

           , ,    


Para usar este llamativo menú desarrollado pordhteumeuleu, necesitamos un script y algo de CSS simple.



El Script:

*Esto se colocará entre las etiquetashead y/head de la plantilla.

script type='text/javascript'
//![CDATA[
// ================================================================
// ------ dock menu -------
// script by Gerard Ferrandez - Ge-1-doot - February 2006
// http://www.dhteumeuleu.com
// ================================================================
var dock = function (dock, sMin, sMax) {
/* ---- private vars ---- */
var xm = xmb = ov = 0;
var M = true;
var icons = document.getElementById(dock).getElementsByTagName('img');
var N = icons.length;
var s = sMin;
var ovk = 0;
var addEvent = function (o, e, f) {
if (window.addEventListener) o.addEventListener(e, f, false);
else if (window.attachEvent) r = o.attachEvent('on' + e, f);
}
var pxLeft = function(o) {
for(var x=-document.documentElement.scrollLeft; o != null; o = o.offsetParent) x+=o.offsetLeft;
return x;
}
for(var i=0;iN;i++) {
var o = icons[i];
o.style.width = sMin+"px";
o.style.height = sMin+"px";
o.className = "dockicon";
}
var run = function() {
for(var i=0;iN;i++) {
var o = icons[i];
var W = parseInt(o.style.width);
if(ov && ov.className=="dockicon") {
if(ov!=ovk){
ovk=ov;
document.getElementById("legend").innerHTML = ov.lang;
}
if(M) W = Math.max((s*Math.cos(((pxLeft(o)+W/2)-xm)/sMax)),sMin);
s = Math.min(sMax,s+.5);
} else {
s = Math.max(s-.5,sMin);
W = Math.max(W-N,sMin);
}
o.style.width = W+"px";
o.style.height = W+"px";
}
if(s = sMax) M = false;
}
addEvent(document, 'mousemove', function (e) {
if(window.event) e=window.event;
xm = (e.x || e.clientX);
if(xm!=xmb){
M = true;
xmb = xm;
}
ov = (e.target)?e.target:((e.srcElement)?e.srcElement:null);
});
setInterval(run, 16);
};

window.onload = function() {
dock("dock",48,128);
}
//
/script
(Lo marcado en azul puede modificarse parapersonalizar el estado mínimo inicial y al máximo que se muestra al expandirse).

El CSS:

*Esto se puede colocar entre las etiquetasb:skin y/b:skin de la plantilla o entrehead y/head añadiendole las etiquetasstyle type=" text/css" y/style.
#dock {
position: absolute;
bottom: 1em;
width: 100%;
text-align: center;
left: 0px;
}
#dock a:visited{
text-decoration: none;
}
#dock a{
text-decoration: none;
margin: -2px;
}
#dock img {
border: none;
width: 0px;
}
#legend {
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
font-family: arial;
font-weight: bold;
font-size: 1em;
color: #000;
}
(Si no os gusta el aspecto, puede ser cambiado por otro)

El HTML:

*Esto se puede añadir con un gadget o donde se quiera.

div id="dock"
a href="URL_enlace1" target="_blank"img src="URL_imagen1" lang="el texto 1"/a
a href="URL_enlace2" target="_blank"img src="URL_imagen2" lang="el texto 2"/a
a href="URL_enlace3" target="_blank"img src="URL_imagen3" lang="el texto 3"/a
!-- Para añadir más:a href="URL_enlace4" target="_blank"img src="URL_imagen4" lang="el texto 4"/a-- /div
div id="legend"/div

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

selling annuity payments for cash Online Motor Insurance Quotes saskatchewan auto insurance personal injury solicitor refinance with poor credit Online casino Social media management mesothelioma trial attorney michigan motorcycle accident lawyer Proud Italian cook Register free domains World Trade Center Footage Social media campaigns mesothelioma law firms Custom Christmas cards AUTOMOBILE ACCIDENT ATTORNEY most profitable internet business Seo company Cheap domain registration hosting mesothelioma suit Casino Best social media platforms for business hair removal washington dc dui lawyer scottsdale massage school dallas texas Insurance Companies DONATE CARS ILLINOIS Car Insurance Quotes Colorado benchmark lending Business finance group Hire php developers domains yahoo Cheap car insurance for ladies Mobile casino st louis mesothelioma attorney REGISTER FREE DOMAINS Mesothelioma Law Firm structured settlement company Criminal lawyer mesothelioma information life insurance co lincoln mesothelioma care best consolidation loan student domain yahoo emergency response plan ppt motorcycle accident lawyer california MOTOR REPLACEMENTS Make money online Australia Hire php programmers Royalty Free Images Stock maritime lawyer houston Live casino Casino reviews HOME PHONE INTERNET BUNDLE Met Auto Dwi lawyer DUI lawyer Donate cars in ma Car Accident Lawyers DONATE CAR FOR TAX CREDIT Car Insurance Quotes MN Car Insurance Companies Mortgage Adviser how to donate a car in california Futuristic Architecture insurance medical temporary structured settlement brokers SELL ANNUITY PAYMENT WordPress hosting Donate your car for money DONATE YOUR CAR SACRAMENTO Social media examiner Business management software car accident lawyer san bernardino accident attorney san bernardino Tech school Hire php developer motorcycle accident attorney chicago mesothelioma lawyer virginia Donate old cars to charity Donate Car for Tax Credit Service business software Bankruptcy lawyer what is structured settlement colorado mesothelioma lawyers houston tx auto insurance Criminal defense lawyer Email Bulk Service auto insurance cost by state Php programmers for hire car insurance quotes mn Online Christmas cards Attorney Psychic for Free mesothelioma law suits Computer science classes online ONLINE COLLEDGES Car Insurance in South Dakota DONATING USED CARS TO CHARITY google affiliate Php programmers Donate Your Car Sacramento home phone internet bundle Donate car to charity California low credit line credit cards Seo companies harddrive data recovery services uk homeowner loans Criminal lawyer Miami mesothelioma lawyers san diego New social media platforms california law lemon Donate Old Cars to Charity Social media platforms for business Motor Insurance Quotes

Share:

Sensual Menu: Menú CSS para Blogger+PSD Incluída – Record – Platform – Hipotecario

           , ,    
Sensual Menu es un menú CSS para Blogger diseñado por mí para Ayuda Bloggers. Es un menú bastante elegante, en distintas variaciones de colores y además es un menú que es fácilmente personalizable.



  • Este pack incluye 3 colores, los que puedes apreciar en la imagen superior.
  • Incluye también la plantilla en formato PSD (Adobe Photoshop).
Información del contenido:
  • Autor: Cloudx18
  • Página Principal: Ayuda Bloggers
  • Licencia: Creative Commons Attribution
  • Tamaño del archivo: 31.7KB



Recuerda que puedes compartir el contenido, pero recuerda siempre citar la fuente.


¿Cómo añadirlo a Blogger?:

Paso 1: Añadiendo CSS:

Vamos a ''Diseño | Edición HTML'', en donde marcamos ''Expandir plantillas de artilugios''. Buscamos la siguiente línea:
/b:skin

Arriba de ésta, pega el siguiente código:
/*** Sensual Menu CSS Ayuda Bloggers ***/
#sensualmenu_wrapper {
margin: 0px auto;
margin-bottom:50px;
width:100%;
height:80px;
background: url(http://3.bp.blogspot.com/-leTXsrFAs3M/TdH8XfuEoJI/AAAAAAAAA7k/2H5LBkXXcQA/s1600/CSS+Marino.png) no-repeat center;
}
#sensualmenu {
text-shadow: 0px 1px 3px #c0c0c0;
margin:0 auto;
width:830px;
height:35px;
padding-top:5px;
}
#sensualmenu ul {
width:auto;
list-style-type:none;
display: inline;
height:40px;
}
#sensualmenu ul li{
display:block;
display: inline;
}
#sensualmenu ul li a{
margin-top:15px;
background:none;
display:block;
float:left;
display: inline;
color:#000000;
font-family:'Trebuchet MS', Trebuchet, Arial, Verdana;
font-size: 14px;
text-decoration:none;
padding:5px 10px 0 20px;
height:19px;
text-shadow:1px 1px 1px $bgcolor;
}
#sensualmenu ul li a:hover, #menu_navi_bottom ul li a:visited{
color:$titlecolor;
text-shadow: 1px 1px 1px $bgcolor;
}


Paso 2: Añadiendo el menú:

Ahora busca la siguiente zona de tu plantilla:
div id='content-wrapper'

Arriba de ésta, pega el siguiente código:
div id='sensualmenu_wrapper'
div id='sensualmenu'
ul
lia expr:href='data:blog.homepageUrl' title='Inicio'Inicio/a/li
lia href='#' title='Título Enlace'Enlace 1/a/li
lia href='#' title='Título Enlace'Enlace 2/a/li
lia href='#' title='Título Enlace'Enlace 3/a/li
lia href='#' title='Título Enlace'Enlace 4/a/li
lia href='#' title='Título Enlace'Enlace 5/a/li
lia href='#' title='Título Enlace'Enlace 6/a/li
lia href='#' title='Título Enlace'Enlace 7/a/li
lia href='#' title='Título Enlace'Enlace 8/a/li
/ul
/div
/div

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Insurance Companies Car Donate Online casino best criminal lawyer in arizona Criminal Defense Attorneys Florida world trade center footage fast cash for house Casino sell annuity payment Social media management holland michigan college New social media platforms Mobile casino donate old cars to charity CHEAP CAR INSURANCE FOR LADIES PSYCHIC FOR FREE Donate Car To Charity CALIFORNIA harddrive data recovery services Online Colleges auto insurance cost by state mesothelioma care Service business software Learning adobe illustrator sell your structured settlement payments orlando criminal attorney Dwi lawyer Proud Italian cook Online Christmas cards CAR INSURANCE QUOTES UTAH tucson car accident attorney mesotheloma Virtual Data Rooms Casino reviews Php programmers for hire Donate cars in ma Criminal lawyer Seo companies Online Classes mesothelioma ct event management security motorcycle lawyer los angeles mesothelioma attorney Car insurance quotes MN workers compensation lawyer los angeles mesothelioma lawyer dallas illinois law lemon Live casino donating used cars to charity Webex Costs yahoo web hosting Psd to WordPress st louis mesothelioma attorney Best Seo company Dayton Freight Lines Make money online Australia personal injury accident lawyer DONATE CARS ILLINOIS Gas/Electricity CHEAP CAR INSURANCE IN VIRGINIA Email Bulk Service Donate Your Car for Kids Hire php developers life insurance quotes CAR INSURANCE QUOTES PA Best social media platforms for business att call conference benchmark lending online colledges DUI lawyer low credit line credit cards structured settlement cash out Social media campaigns Donating Used Cars to Charity Online Criminal Justice Degree Personal Injury Lawyers personal injury solicitor Low credit line credit cards Hire php programmers Adobe illustrator classes washington mesothelioma attorney Personal Injury Law Firm Italian cooking school Holland Michigan College Social media tools structured settlement buyer ANNUITY SETTLEMENT Criminal defense lawyer Business finance group Hire php developer car insurance in south dakota PHD on Counseling Education Donate Cars Illinois ONLINE COLLEDGES annuity payment mesotheolima Bankruptcy lawyer CAR INSURANCE QUOTES MN Computer science classes online Custom WordPress theme designer dallas mesothelioma lawyer futuristic architecture Cheap Domain Registration Hosting Massage school Dallas Texas mesothelioma litigation Car Insurance Quotes Php programmers Html email selling structured settlement structured settlement need cash now Auto Accident Attorney Donate Old Cars to Charity WordPress themes for designers mesothelioma attorney assistance Social media platforms for business ONLINECLASSES

Share:

Varios menúes con Javascript – Donate – Online – Dominios

           , ,    
Mi compañero y amigo Cloudx18 creóuna entrada bastante simple de como poder crear un menú aplicando CSS al HTML de unos enlaces, pero explicaré una forma de hacerlo aplicando unos estilos y un script, de tal manera que al pasar el cursor por el menú se expanda y se muestren otros enlaces.


Paso 1: Añadimos el CSS y el Script

Bueno esto es algo muy sencillo si no nos centramos en detalles más específicos. Nos vamos a Edición HTML de nuestra plantilla y agregamos esto antes de/head

script src='http://dl.dropbox.com/u/26839930/dropdown.js' type='text/javascript'
/script
link href='http://dl.dropbox.com/u/26839930/dropdown.css' rel='stylesheet' type='text/css'/

*Con esto damos estilos al menú, aunque si deseas cambiar los estilos tan solo tienes que modificar el CSS predeterminado. El efecto lo realiza el script ya añadido.

Paso 2: El menú:

El menú es tan solo HTML así que si queréis podéis añadirlo directamente en los gadgets de la plantilla“Diseño/Elementos de la página”

dl class="dropdown"
dt id="nombre-ddheader" onmouseover="ddMenu('nombre',1)"
onmouseout="ddMenu('nombre',-1)"Un menú con Javascript/dt
dd id="nombre-ddcontent" onmouseover="cancelHide('nombre')"
onmouseout="ddMenu('nombre',-1)"
ul
lia href="URL"Un enlace/a/li
lia href="URL"Otro enlace/a/li
lia href="URL"Más enlaces/a/li
lia href="URL"y otro más/a/li
/ul
/dd
/dl


*Podéis crear tantos menúes como queráis, siempre y cuando la “id” no sea la misma. Un ejemplo de como añadir más sería este:

dl class="dropdown"
  dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"Dropdown One/dt
  dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)"
    ul
      lia href="URL" class="underline"enlace 1/a/li
      lia href="URL" class="underline"enlace 2/a/li
      lia href="URL" class="underline"enlace 3/a/li
      lia href="URL" class="underline"enlace 4/a/li
      lia href="URL"enlace 5/a/li
    /ul
  /dd
/dl

dl class="dropdown"
  dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"Dropdown Two/dt
  dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)"
    ul
      lia href="URL" class="underline"enlace 1v2/a/li
      lia href="URL" class="underline"enlace 2v2/a/li
      lia href="URL" class="underline"enlace 3v2/a/li
      lia href="URL" class="underline"enlace 4v2/a/li
      lia href="URL"enlace 5v2/a/li
    /ul
  /dd
/dl


Con esto y un ejemplo acabamos.



Este es un ejemplo de menú
Un segundo con Javascript

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

WordPress hosting Service business software Online motor insurance quotes Casino DONATE CARS ILLINOIS Social media examiner dallas mesothelioma attorneys WordPress themes for designers WordPress theme designers Mobile casino Html email Online casino Dwi lawyer alcohol rehab center in florida mesothelioma lawsuits mesothelioma lawsuit HOW TO DONATE A CAR IN CALIFORNIA Cheap Car Insurance in Virginia WEBEX COSTS washington mesothelioma attorney donating used cars to charity Christmas cards DONATING USED CARS TO CHARITY MET AUTO Donating Used Cars to Charity ashely madis Email Bulk Service anti spam appliance buying structured settlements online criminal justice degree Motor Insurance Quotes best criminal lawyer in arizona Make money online Australia buying an annuity calculator data recovery raid Live casino Hire php programmers Donating a Car in Maryland Social media platforms for business Criminal defense lawyer New social media platforms Casino reviews Seo services FORENSICS ONLINE COURSE DUI lawyer Hard drive data recovery services BETTER CONFERENCING CALLS Donate Your Car for Kids Hire php developers accident attorney orange county Business finance group Best social media platforms for business mesotheioma Business VOIP Solutions car crash attorneys accident car florida lawyer car accident lawyer michigan selling a structured settlement Dallas mesothelioma attorneys ONLINE COLLEDGES CAR INSURANCE IN SOUTH DAKOTA car insurance quotes pa Dedicated Hosting Dedicated Server Hosting Criminal lawyer cheap car insurance in virginia DONATE CARS IN MA Cheap Domain Registration Hosting selling my structured settlement PHD IN COUNSELING EDUCATION quotes car Php programmers for hire Forensics online course mesothelioma charities Motor Replacements Hire php developer Bankruptcy lawyer structured settlements companies Royalty Free Images Stock mesothelioma attorney car accident lawyers mesothelioma lawyer houston Donate your car for kids Computer science classes online World Trade Center Footage structured settlement quote mesotheliama car accident lawyers los angeles motorcycle lawyer los angeles DONATE YOUR CAR FOR KIDS Php programmers Seo companies mesothelioma lawyer chicago Mortgage Adviser mesothelioma compensation Donate Car to Charity California mesothelioma suit Car Accident Lawyers Low Credit Line Credit Cards Custom WordPress theme designer Nunavut culture Paperport Promotional Code Massage school Dallas Texas Annuity Settlements MASSAGE SCHOOL DALLAS TEXAS injury lawyers west palm beach Best Seo company Donate car for tax credit Business management software Social media tools Best social media platforms accident lawyers in los angeles car insurance quotes futuristic architecture sell annuity payment CAR INSURANCE QUOTES MN

Share:

Menú CSS simple para Blogger – Motor

           , ,    
Este menú css es bastante simple y no necesita configuraciones complicadas, sólo añadir o quitar los enlaces y añadir las urls correspondientes con el título.

Ejemplo del menú CSS:


Paso 1: Añadiendo el menú:

Primero, vamos a ''Diseño/Edición HTML'' marcamos ''Expandir plantillas de artilugios'', y buscamos la siguiente línea:
div id='content-wrapper'

Debajo de ésta, pegaremos el siguiente código:

ul class='menu ayudabloggers'
lia href='URL1' title=''Enlace Uno/a/li
lia href='URL2' title=''Enlace Dos/a/li
lia href='URL3' title=''Enlace Tres/a/li
lia href='URL4' title=''Enlace Cuatro/a/li
lia href='URL5' title=''Enlace Cinco/a/li
lia href='URL 6' title=''Enlace Seis/a/li
/ul
Paso 2: Agregando estilos:

Ahora buscamos la siguiente zona:
/b:skin
Sobre ésta, pegamos el siguiente código:
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #dadada; /* color del borde */
margin:0;
padding:0;
}
ul.menu li {
display:block;
float:left; /* orientación del menú */
margin:0;
padding:0;
}
ul.menu li a {
float:left;
color:#fff; /* color del texto */
text-decoration:none;
height:24px; /* alto del menu */
padding:9px 15px 0;
font-size:14px;/*Tamaño de fuentes*/
}
ul.menu li a:hover,.current {
color:#000;/*color de texto al pasar por encima */
text-decoration:none;
}
ul.menu .current a {
color:#fff; /* color de texto */
font-weight:700;
}
ul.menu.ayudabloggers{
background-color:#000;/* color de fondo */
}
ul.menu.ayudabloggers li a:hover, .menu.ayudabloggers li.current {
background-color:#dadada;/* color de fondo al pasar el mouse */
}


Previsualizamos los cambios y si es satisfactorio, guardamos la plantilla:


Consideraciones:
  • Puedes situar el menú en donde quieras, por defecto se situará entre la cabecera y las entradas.
  • Recuerda que puedes personalizar el menú con colores, bordes, etc.
  • Si deseas agregar otro enlace, simplemente añade esta línea:
lia href='URLEXTRA' title=''Enlace Extra/a/li
Deberás situarla antes de/ul del primer código.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Casino mesothelioma attorney directory Online casino buying structured settlements DONATE CARS IN MA fortis health insurance temporary accident car florida lawyer Live casino Custom WordPress theme designer small business administration sba New social media platforms WordPress theme designers hair removal washington dc Mobile casino Html email WordPress themes for designers Hire php programmers emergency response plan ppt VIRTUAL DATA ROOMS Donating a Car in Maryland PHD on Counseling Education asbestos lung cancer Business management software Learning adobe illustrator Donate Old Cars to Charity most profitable internet business insurance medical temporary data recovery raid AUTOMOBILE ACCIDENT ATTORNEY hughes net business auto insurance yuba city ca Hard drive Data Recovery Services accident attorneys orange county Make money online Australia Proud Italian cook Personal Injury Law Firm Casino reviews forensics online course royalty free images stock personal injury firm Php programmers for hire Online College Course personal injury lawyer sarasota fl Car Insurance Quotes Utah Mortgage adviser buy structured settlements HOW TO DONATE A CAR IN CALIFORNIA Donate cars in ma Best Seo company saskatchewan auto insurance mesothelioma lawyers san diego CAR INSURANCE QUOTES UTAH Better Conference Calls DONATING A CAR IN MARYLAND bowne virtual data room Car Insurance Quotes Colorado Best social media platforms for business Business VOIP Solutions Hire php developer DUI lawyer selling my structured settlement Low Credit Line Credit Cards lease management software Hire php developers Adobe illustrator classes Car Donate Dwi lawyer Criminal lawyer Asbestos Lawyers cash out annuity Service business software buyers of structured settlements Criminal defense lawyer injury lawyers mesothelioma law firm Criminal Defense Attorneys Florida diagnosed with mesothelioma Social media strategies Online Christmas cards Better conferencing calls Car Insurance Quotes MN Nunavut Culture best structured settlement companies Car Accident Lawyers Webex Costs BEST CRIMINAL LAWYER IN ARIZONA REGISTER FREE DOMAINS personal injury law firm accident lawyers in los angeles Bankruptcy lawyer Social media campaigns mesothelioma settlements miami personal injury attorney illinois mesothelioma lawyer Computer science classes online Php programmers auto accident attorney Torrance Online Colleges motorcycle lawyer los angeles Online motor insurance quotes Seo companies meso lawyer Home Phone Internet Bundle Business finance group Donate Cars in MA Social media platforms for business Donating Used Cars to Charity state of california car insurance Seo services bus accident attorneys personal injury attorney ocala fl Dayton Freight Lines PSYCHIC FOR FREE philadelphia mesothelioma lawyer Forensics Online Course

Share:
Copyright © Cosas Para Blogueros | Powered by Blogger
Design by HowlThemes | Blogger Theme by NewBloggerThemes.com
Back To Top