Cómo poner iconos en las pestañas del menú de Páginas – Domains

Muchas veces sentimos la necesidad deañadir iconos a los enlaces para identificar de una mejor manera el tipo de contenido al que dirige dicho enlace. En la mayoría de los menús esto no es problema pues basta con añadir el código de la imagen antes del nombre de la pestaña, pero con el gadget de Páginas se dificulta un poco ya que el código del gadget no es el tradicional de un menú HTML sino que contiene una serie de códigos propios de Blogger, así que añadir imágenes -diferentes- directamente en el HTML es imposible.

Pero eso no significa que no podamos buscar formas alternas de hacerlo, y es justo lo que haremos en esta entrada, vamos a ver cómoponer un ícono diferente en cada pestaña del menú de Páginas, y para ello usaremos CSS, específicamente los selectores :nth-child() y ::before
De esta manera conseguiremos que cada una de las pestañas de nuestro gadget de Páginas tenga un ícono diferente antes del nombre de la pestaña.

Conseguir lo anterior es mucho más fácil de lo que se piensa. Sólo tienes que entrar aPlantilla | Edición de HTML y añadir antes de/b:skin lo siguiente:

#PageList1 li:nth-child(1):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(2):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(3):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(4):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}

En estos estilos CSS verás unos números, cada número representa cada pestaña de tu menú, siendo que el1 es la primera pestaña, el2 la segunda, etc. Toma en cuenta que la primera pestaña habitualmente es laPágina Principal, así que la segunda pestaña pertenece a la primera página de tu menú.

En el código deberás cambiar la URL de la imagen donde se indica encolor rojo.

La distancia entre el ícono y el texto se modifica enpadding-right.

Contop podrás controlar la distancia desde arriba, esto es para que puedas alinear la imagen verticalmente. Yo he puesto que el ícono se desplace 3px desde arriba, pero puede variar según el tamaño del ícono que pongas, ahí deberás jugar con el valor detop incluso pudiendo usar un valor negativo para subir la imagen, por ejemplo -3px

El código es para las primeras cuatro pestañas de tu menú, si tuvieras más pestañas entonces sólo añade un trozo de código como este por cada pestaña a la que le quieras agregar un icono.

#PageList1 li:nth-child(5):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}

Por cada código que agregues deberás cambiar el número5 por el correspondiente:6,7,8, etc.

Así de fácil y sencillo podráspersonalizar más el gadget de Páginas usando iconos que ayuden al reconocimiento visual de las pestañas.

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 Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,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

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 JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

automobile accident attorney car insurance quotes colorado mesothelioma litigation california mesothelioma attorney Christmas cards mesothelioma lawyer texas mesothelioma law firms Dayton Freight Lines Php programmers for hire Make money online Australia cloud identity and access management DONATE YOUR CAR SACRAMENTO MORTGAGE ADVISER Asbestos Lawyers personal injury solicitor structured settlement company boulder personal injury lawyers alabama mesothelioma lawyer Php programmers Social media campaigns PAPERPORT PROMOTIONAL CODE DUI lawyer bus accident attorney los angeles Online casino Casino best accident attorneys Mobile casino Criminal defense lawyer Casino reviews Better conferencing calls Best social media platforms for business dallas mesothelioma attorneys ONLINE COLLEDGES Futuristic Architecture Best criminal lawyer in Arizona DONATE CARS ILLINOIS buying an annuity calculator la personal injury lawyer student loan consolidation program Service business software onlineclasses mesothelioma trial attorney motorcycle lawyer los angeles Psd to html Seo company integrated ehr Dwi lawyer Motor Replacements Live casino Nunavut Culture car insurance quotes mn best criminal lawyer in arizona Hire php developers Automobile Accident Attorney Social media platforms for business fast cash for house Custom WordPress theme designer STRUCTURED ANNUITY SETTLEMENT Donate cars Illinois mesothelioma lawyer dallas Criminal lawyer tucson car accident attorney Hire php programmers mesothelioma Best social media platforms Hard drive Data Recovery Services Asbestos Lung Cancer Register Free Domains Psd to WordPress car insurance companies seattle mesothelioma lawyer Online Criminal Justice Degree EMAIL BULK SERVICE DONATE CAR FOR TAX CREDIT Criminal Defense Attorneys Florida Hire php developer Donate a Car in Maryland Bankruptcy lawyer business voip solutions mesothelioma charities Computer science classes online MASSAGE SCHOOL DALLAS TEXAS Best Seo company structured settlemen Mesothelioma Law Firm Seo companies Seo services CHEAP DOMAIN REGISTRATION HOSTING data recovery raid selling annuity payments for cash buyer of structured settlement annuity WebEx costs Custom Christmas cards motorcycle accident lawyer california Personal Injury Lawyers Car Insurance Quotes MN life insurance quotes New social media platforms Met auto asbestos lung cancer NUNAVUT CULTURE Business finance group Dallas Mesothelioma Attorneys att call conference california motorcycle accident lawyer injury lawyer houston tx Business VOIP Solutions better conferencing calls WordPress themes for designers VIRTUAL DATA ROOMS asterisk call center software maritime lawyer houston lawsuit mesothelioma Business management software sell structured settlement calculator