En este blog de pruebas podreis ver unademo sobre cómo quedaría el asunto, así como todas las extensiones disponibles.
Esto se consigue insertando después dehead la línea que se muestra a continuación y que incluye un fichero enFileden totalmente operativo. Pero aunque sea así, no os quedeis aquí y seguid leyendo para poder evitar problemas futuros y también para poder ajustar el código a vuestras necesidades.
Como habeis podido ver, el fichero es una hoja de estilo (CSS) externa, que ligamos a nuestra página mediante la etiquetalink. Esta hoja contiene diversosselectores de atributos como los que vimos anteriormente, que incluyen un pequeño estilo para insertar un icono relativo al tipo de enlace, por medio de unpadding.
La idea la vi enpooliestudios, aunque he incorporado a supaquete original unos cuantos selectores e iconos más, con el fin de incluir algunos sitios que hoy día se usan muy habitualmente, como Twitter, YouTube, Flickr, Facebook, Imageshack... entre otros, al tiempo que he suprimido otros quizás un poco en desuso.
Como siempre, para no depender de la constancia del propietario de los ficheros o del hosting dónde se alojan, lo conveniente es alojarlos nosotros mismos. Para ello, nos descargamos este fichero que corresponde a lahoja de estilo y este otro dónde vanlos iconos. A continuación subimos todas las imágenes a nuestro sitio de almacenamiento habitual y editando la hoja, vamos sustituyendo todas las direcciones de los fondos-iconos (background) por las nuestras. Luego, subimos la hoja de estilo también al lugar dónde acostumbremos y finalmente, sustituimos la nueva dirección por la marcada en verde en el código del principio.
Quizás es un poco laborioso, pero una vez hecho sirve para siempre y nos evita que un buen día deje de funcionar porque haya desaparecido el fichero o las imágenes originales. Una alternativa para el fichero .css, sería simplemente copiarlo e insertarlo dentro de nuestra hoja de estilo (en el caso de Blogger, entre las etiquetasSKIN). En este último caso, no sería necesaria la línea del principio porque no habría que llamar a ninguna hoja de estilo externa.
Y ahora los problemillas, sobre todo hablando de Blogger. En esta plataforma, como sabeis, cada vez que se sube una imagen se incorpora automáticamente un enlace a la imagen original. Como mediante la hoja de estilo, hemos marcado los enlaces a ficheros con extensiones .jpg, .png, .gif y .bmp para que muestren un icono, estas imágenes con enlace, mostrarán también un icono que nos puede estropear el diseño de las mismas. Esto dependerá de la plantilla de cada uno.
Para evitar esto hay dos soluciones. La primera es utilizar una clase que ya incorpora la hoja de estilo de iconos, llamadaimagelink y que provoca que todos los enlaces que la incluyan, dejen de mostrar el icono.
De esta manera, si incorporamosclass="imagelink" al enlace de cualquier imagen...
...esa imagen en concreto NO mostrará el icono, tal y como podeis ver en la parte inferior de lapágina de ejemplo.
La segunda solución es más radical pero casi inevitable para sitios con muchas imágenes con enlace en sus páginas. La cosa es que habría que prescindir de los iconos en estos casos, para no tener que ir modificándolos uno por uno. Para ello sólo habría que editar la hoja de estilo y suprimir los selectores de atributos que hagan referencia a imágenes, antes de guardarlo en nuestro hosting. Para los perezosos, aquí teneisotra versión del fichero CSS preparada para ello.
Al igual que con las imágenes, si algún icono más os "estorba", sólo teneis que eliminar su selector de la hoja de estilo o modificarsus reglas hasta ajustarlas a vuestros deseos.
A partir de aquí, imaginación al poder. Podeis sustituir los iconos por otros que cuadren más con el estilo de vuestro sitio, podeis ponerlos a la izquierda en lugar de a la derecha modificando el padding, incorporar enlaces de otro tipo o a otros sitios, quitar otros que no os queden bien... o cualquier otra cosa que se os ocurra y que esperamos compartais a través de los comentarios.
Service business software houston tx auto insurance ONLINE COLLEDGES Hire php programmers Royalty free images stock Online casino Casino reviews Donating a Car in Maryland florida car insurance company Custom Christmas cards Php programmers Donate car to charity California Forex Trading Platform business voip solutions Annuity Settlements Casino personal injury attorney ocala fl Mobile casino mesothelioma drug See more at http//wwwginfostopnet/ mesothelioma symptoms Donate a Car in Maryland Holland Michigan College illinois law lemon Make money online Australia Adobe illustrator classes Social media management la personal injury lawyer DONATE YOUR CAR FOR KIDS register free domains chicago hair laser removal integrated ehr HOLLAND MICHIGAN COLLEGE donating used cars to charity Forensics online course CHEAP CAR INSURANCE FOR LADIES mesothelioma claim cash annuity peritoneal mesothelioma CAR INSURANCE QUOTES MN Business management software Donate Car to Charity California PHD on Counseling Education domain yahoo ONLINECLASSES business email web hosting Cheap Car Insurance in Virginia mesothelioma lawsuit mesothelioma information WordPress hosting Live casino Criminal lawyer Hire php developers semi truck accident lawyers DUI lawyer broward county dui lawyer Social media examiner Email Bulk Service massage school dallas texas DONATE CARS IN MA Car Donate Social media campaigns New social media platforms Online Christmas cards anti spam appliance asbestos lawyers Hire php developer mesothelioma compensation mesothelioma suit Business finance group Car Insurance Quotes MN Best social media platforms for business Donate old cars to charity futuristic architecture PhD in counseling education ANNUITY SETTLEMENT mesothelioma attorney directory Dwi lawyer event management security Nunavut Culture Home Phone Internet Bundle FORENSICS ONLINE COURSE motor insurance quotes Donate Your Car for Kids cheap auto insurance in va Criminal defense lawyer Donate Cars Illinois annuity payment caraccidentlawyer Php programmers for hire How to Donate A Car in California personal injury attorney torrance Claim Psychic for Free data recovery raid BEST CRIMINAL LAWYER IN ARIZONA Bankruptcy lawyer meso lawyer city college in miami Computer science classes online Data Recovery Raid Seo companies Dallas mesothelioma attorneys Proud Italian cook Social media platforms for business forensics online course Online Motor Insurance Quotes Custom WordPress theme designer Seo services Social media platforms Best Seo company Seo company federal criminal defense attorney Donate Your Car Sacramento CAR DONATE Best social media platforms primary pulmonary hypertension motor replacements CHEAP DOMAIN REGISTRATION HOSTING Asbestos Lawyers orlando criminal attorney Learning adobe illustrator Low Credit Line Credit Cards Donate Car To Charity CALIFORNIA REGISTER FREE DOMAINS DONATE YOUR CAR SACRAMENTO most profitable internet business mesothelioma ct structured settlement annuity companies Photo Christmas cards WordPress themes for designers Auto Accident Attorney mesotheioma california motorcycle accident lawyer auto insurance cost by state Psd to WordPress World trade center footage best consolidation loan student Car Insurance Quotes PA WordPress theme designers Donate Car for Tax Credit car accident lawyers los angeles new mexico mesothelioma lawyer PSYCHIC FOR FREE Online Stock Trading Tech school motorcycle accident attorney sacramento Massage school Dallas Texas Html email Christmas cards miami personal injury attorney california mesothelioma attorney Psd to html benchmark lending Italian cooking school motorcycle accident lawyer san francisco Car Insurance in South Dakota Social media strategies Social media tools Mesothelioma Law Firm domain name yahoo injury lawyer houston tx Auto Mobile Shipping Quote Donate car for tax credit washington mesothelioma attorney DONATE CARS ILLINOIS World Trade Center Footage Register Free Domains DONATE A CAR IN MARYLAND Cheap domain registration hosting Donating Used Cars to Charity Donate Cars in MA structured settlement blog Hard drive Data Recovery Services domain registration yahoo Sell Annuity Payment Neuson student loan consolidation program Structures Annuity Settlement Car Insurance Quotes Colorado AUTO ACCIDENT ATTORNEY cash out structured settlement Car Insurance Companies PHD IN COUNSELING EDUCATION Dayton Freight Lines Personal Injury Law Firm maritime lawyer houston philadelphia mesothelioma lawyer Met Auto Motor Replacements Cheap Domain Registration Hosting selling my structured settlement Online colledges buy gift card mesothelioma attorney compare life assurance Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona anti spam exchange server Car Insurance Quotes Utah Life Insurance Co Lincoln Cheap Car Insurance for Ladies car insurance quotes Online Colleges Paperport Promotional Code Online Classes car insurance quotes mn Massage School Dallas Texas How to donate a car in California Donate Old Cars to Charity
