Diseño web sensible (RWD). Una plantilla para Blogger – Hipotecario – Automovil

Realmente no sé si esto de "sensible" será una traducción correcta o no, pero con esa palabra me refiero al diseño web que los angloparlantes adjetivan comoresponsive y que utilizan para catalogar los sitios que reaccionan a ciertas cosas. En concreto principalmente a una, al tamaño de la ventana desde la que se está visualizando.


Por ejemplo, el término Responsive Web Design (RWD) se utiliza para sitios que están diseñados con columnas de medidas variables (porcentuales) y que se encogen o estiran según la ventana. Las de este tipo han existido desde casi siempre, son sencillas de contruir e incluso Blogger las ha incluído habitualmente entre sus diseños prefabricados.

Pero lo que pretende este tipo de diseño es que los usuarios puedan acceder sin problemas a todo el contenido, con una única fuente, desde aparatos con resoluciones tan dispares como una pantalla panorámica de un ordenador de sobremesa, un notebook, un iPad o un smartphone y sobre todo, que en todos ellos se vea bien. Por cierto ¿por qué les llaman teléfonos inteligentes si no son capaces de hacer más que un ordenador convencional? Marketing, supongo; bueno, seguro.


Además de columnas porcentuales existen otros medios para poder conseguir que una web se adapte a los distintos contenedores en los que se puede encontrar. Pensad que con el texto el tema es relativamente sencillo, pues siempre se adapta a su capa contenedora, pero que con las imágenes, lo fácil es lo contrario y que con el cambio de medidas lo normal es que estas se desborden o se queden demasiado canijas si hemos sido excesivamente prudentes.

A modo sólo de breve enumeración, además de las propiedadesmax-width ymin-width, para las imágenes se pueden usar sistemas como esconder y revelar parte de ellas, imágenes compuestas que se deslizan o fondos escalables.

Claro está que con CSS3, todo esto y alguna cosa adicional resultan más fáciles. Existen las llamadasmedia queries (consultas multimedia) con las que se pueden detectar dónde se quiere mostrar la información (pantalla, impresora, etc.) y en función también de la resolución, aplicar unas propiedades CSS u otras e incluso escoger una hoja de estilo completa distinta.

Pero lo que mejor resultado dará es sin duda la combinación un poco de todo, de manera que una misma web pueda pasar de tres columnas a una, la cabecera cambie de sitio y el tamaño de la fuente se haga mayor o menor, dependiendo de la resolución del dispositivo.


Sobre esto hay mucha tela que cortar y escaso conocimiento por mi parte -excepto el que me permitió hacer lo justito en este mismo sitio- así que no voy a abundar más en el tema y simplemente os voy a pasar un enlace en el que podréis descargar una plantilla para Blogger que se adapta perfectamente a cualquier entorno.

Es la que corresponde a las capturas anteriores dónde podéis ver cómo la fotografía, la disposición del menú principal, la descripción del blog y las columnas, han cambiado de tamaño o sitio. En el siguiente botón y cambiando el tamaño de la ventana de vuestro navegador, la podéis ver en acción.

Demo

La plantilla es obra de54Blogger y en el enlace anterior tenéis el enlace paradescarga e información (en inglés) sobre cómo configurar algunos elementos. Indican que la subida de la plantilla se debe hacer desde el viejo editor, pero yo he probado desde el nuevo y no he tenido problemas.

Hay algunas pegas con el acceso a la configuración de entradas desde la secciónDiseño delEscritorio, pero si no vais a trastear mucho en esa parte, no debería ser un inconveniente mayor.

También se explica qué clases usar y qué ajustes hacer, para que las imágenes "respondan" como deben.


Para experimentar y ver cómo funcionan las tripas, supongo que usareis un blog de pruebas, pero si vuestra intención es utilizarla como plantilla definitiva, creo que sería conveniente asimismo probarla primero en un blog auxiliar.

Ah...Y la web de 54Blogger también es sensible. Bastante, por cierto. Sólo probad y observar la parte superior del blog.

Hire php developer car insurance companies Nunavut culture mesothelioma lawsuits CHEAP CAR INSURANCE FOR LADIES Car Insurance Quotes Colorado Online casino Health Records Personal Health Record mesothelioma law firms Seo services Hard drive Data Recovery Services Criminal lawyer Miami personal injury firm Hard drive data recovery services st louis mesothelioma attorney Social media strategies selling my structured settlement canada personals yahoo Social media tools peritoneal mesothelioma Cheap Auto Insurance in VA asterisk call center software Hire php developers CAR INSURANCE QUOTES UTAH Psd to html city college in miami Social media examiner Insurance selling annuity Cheap Car Insurance for Ladies accident lawyers in los angeles mesothelioma claims Mortgage Adviser ONLINE MOTOR INSURANCE QUOTES auto accident attorney Torrance Asbestos Lawyers Casino Adobe illustrator classes CAR INSURANCE QUOTES COLORADO caraccidentlawyer mesothelioma lawyer houston Car insurance quotes Colorado injury attorney baton rouge Mobile casino Make money online Australia Forex Trading Platform LOW CREDIT LINE CREDIT CARDS Casino reviews Home Phone Internet Bundle hair removal washington dc Social media platforms for business anti spam appliance WordPress theme designers mesothelioma lawyers san diego PHD on Counseling Education DONATE A CAR IN MARYLAND Best social media platforms mesothelioma lawsuit Live casino DONATE CAR FOR TAX CREDIT mesothelioma attorney Dedicated Hosting Dedicated Server Hosting colorado auto accident attorney DUI lawyer business email web hosting mortgage adviser Dwi lawyer Better Conference Calls Low credit line credit cards Donate cars in ma Hire php programmers mesothelioma settlements HOLLAND MICHIGAN COLLEGE Motor Replacements EMAIL BULK SERVICE illinois law lemon Criminal lawyer Service business software CAR INSURANCE QUOTES MN Sell Annuity Payment Webex Costs mesothelioma lawyer dallas Computer science classes online alcohol rehab center in florida sell structured settlement calculator PhD in counseling education Italian cooking school accident car florida lawyer ROYALTY FREE IMAGES STOCK Criminal defense lawyer workers compensation lawyer los angeles Low Credit Line Credit Cards Php programmers for hire Online College Course forensics online course MASSAGE SCHOOL DALLAS TEXAS structured settlement brokers SELL ANNUITY PAYMENT Bankruptcy lawyer mesothelioma claim Php programmers Seo companies Business Voip Solutions Best social media platforms for business Injury Lawyers New social media platforms dallas mesothelioma attorneys Business finance group truck accident attorney los angeles low credit line credit cards Car Insurance Quotes Donate Cars in MA MORTGAGE ADVISER Custom WordPress theme designer Online Motor Insurance Quotes buy gift card earthlink business internet Tech school Best Seo company Business management software life insurance quotes california motorcycle accident lawyer Seo company Online Christmas cards Photo Christmas cards motor replacements Custom Christmas cards Social media campaigns online criminal justice degree WordPress themes for designers structured settlement company Criminal Defense Attorneys Florida houston tx auto insurance WordPress hosting Psd to WordPress auto accident attorney World Trade Center Footage Register Free Domains saskatchewan auto insurance Annuity Settlements Social media platforms Holland Michigan College Social media management mesothelioma law suit business voice mail service MET AUTO BEST CRIMINAL LAWYER IN ARIZONA criminal defense attorneys florida sell your structured settlement payments mesothelioma attorney assistance Personal Injury Lawyers Html email buying an annuity calculator Christmas cards Dallas mesothelioma attorneys Proud Italian cook Donate your car for money mesothelioma lawyer virginia Personal Injury Law Firm mesothelioma attorney florida Virtual Data Rooms mesothelioma ct Car Insurance Quotes MN personal injury lawyer primary pulmonary hypertension Nunavut Culture cheap domain registration hosting asbestos lung cancer DONATE YOUR CAR SACRAMENTO Learning adobe illustrator Donate car for tax credit adverse credit remortgage diagnosed with mesothelioma emergency response plan ppt Donating a Car in Maryland Mesothelioma Law Firm Cheap Car Insurance in Virginia personal injury law firm Donate Car to Charity California Donate Car for Tax Credit Mortgage adviser houston mesothelioma attorney orlando criminal attorney Donate Cars Illinois Online Criminal Justice Degree Donate Your Car Sacramento how to donate a car in california How to Donate A Car in California refinance with poor credit Psychic for free Donate Your Car for Kids selling annuity payments for cash Structures Annuity Settlement Insurance Companies car accident lawyers los angeles mesothelioma attorneys california Auto Mobile Shipping Quote Auto Accident Attorney mesothelioma lawyer california Dayton Freight Lines Donate a Car in Maryland DONATE CARS ILLINOIS Cheap Domain Registration Hosting Online Colleges mesothelioma personal injury lawyers Car Insurance in South Dakota tucson car accident attorney mesothelioma care cheap car insurance in virginia Best Criminal Lawyers in Arizona

El followback me toca los círculos – Auto – Email – Accident

Creo que la discreción es unas de las características en mi deambular por Internet y sobre esto pueden opinar todos los que me conocen. A los que no no hace falta que le preguntéis, lo confirman de forma tácita precisamente por no saber ni que existo.

Comento esto porque en esta ocasión voy a ser políticamente incorrecto, pronunciándome en contra de una costumbre ampliamente practicada y que parece del gusto de muchos. Y si no es así, con sus artículos y sobre todo sus acciones, parecen demostrar los contrario ¿No has leído sobre la forma más rápida deconseguir seguidores en Twitter?

Alt1040: Proyecto FollowBack. Cuando
el ego le gana a la interacción

Pues directa o indirectamente, casi todos coinciden en que la manera más eficaz de conseguir un buen número de followers en poco tiempo, es siguiendo a otros que nos interesan, a aquellos que siguen a esos, a los que siguen a los que siguen a los que nos interesan y así hasta dónde queráis... Vamos, que sigamos a todo el que se ponga a tiro a ver si conseguimos el followback.


Sobre este término y otros similares relacionados con Twitter, ya tuvimosun monográfico hace unos meses, pero por si acaso todavía necesitasun libro como este, aclararemos que más o menos se trata de una extendida costumbre consistente en seguir a alguien en una red social, pero no de manera espontánea, sino después de que esa persona nos haya comenzado a seguir de manera previa a nosotros. El resultado obvio es que se produce un seguimiento recíproco, mutuo... al menos en un principio.


El término supongo que se acuñó en Twitter en referencia a susFollowers, pero creo que podemos aplicarlo para cualquier otra red:Amigos en Facebook,Círculos en Google Plus,Seguir en Tumblr, en Pinterest,Contactos en Linkedin, etc.

En el artículo¿No me sigues? Pues yo tampoco, cuyo título me recuerda a esas discusiones entre niños en las que tanto se utiliza el "Y tú más...", se explica bastante bien cómo funciona todo esto.

Y he aquí mi opinión. Salvo contadas ocasiones en que sigo a alguien porque realmente es mi colega, lo hedesvirtualizado en algún encuentroen vertical -que dirían los radioficionados- o tengo algún tipo de afinidad personal, en todos los demás casos me lo pienso dos, tres, cuatro o incluso más veces, antes de seguir a alguien.

Me pasa igual que con la compra de un disco (1). Si el que lo edita es amigo personal mío, probablemente lo compre casi sin saber cómo suena ninguna canción. Sin embargo para comprarme el último éxito deCamelitos, o tengo claro que me gustan al menos el 60% de los temas (más o menos) o mejor no me dejo en él la pasta para sólo tener una canción buena. Aclaro: buena para mi propio gusto o mis necesidades auditivo-mentales-recreativas. Cada cual tiene el suyo como no podía ser de otra manera

Pues con las redes sociales igual. Para seguir a alguien mi criterio es quela mayoría de las cosas que comparta me interesen. No me aporta nada seguir a usuarios en los que a duras penas encuentro algo que de alguna manera pueda ser útil para mí. Y la utilidad puede manifestarse de muchas maneras; puede ser algo práctico o simplemente una imagen que me haga sonreír.

La excepción es cuando el sistema o la red, no permite acceder a contenidos si no hay una conexión recíproca, como pasaba en el caso de losAmigos en Facebook. Bendito el día en que permitieron lassuscripciones públicas sin necesidad de esa conexión. Ahora lo complicado es ir depurando...


Supongamos que hubiera decidido seguir gente de manera indiscriminada con la intención de conseguir el followback. Me pregunto... ¿Van a leer algo de lo que escribo? ¿Me sirve para promocionar de alguna manera mi contenido si se supone que casi todos damos difusión a lo que nos gusta, para lo cual previamente hay que leerlo? ¿Si tengo 5.000 seguidores que no les interesa lo que publico, qué tengo realmente? Pues eso, un casillero con un número muy grande de seguidores sin ningún valor añadido, ni para mí, ni para ellos.


Casi todos los días hay alguien que se apunta a mi timeline, pero es casi más habitual que pasado un tiempo -a veces sólo unos minutos- ese mismo deje de hacerlo. Los motivos parecen evidentes porque lo que es improbable es que haya podido comprobar la utilidad de mi contenido para él/ella en un lapso tan corto de tiempo.

Puede que la razón de su rápido abandono sea que les haya parecido descortés el no seguirlos, pero ¿de verdad es descortesía no seguir a alguien cuando ese alguien sólo pretende recibir un followback? No sé. Habrá opiniones para todo, pero la mía es que no. No hago cuenta de si los que sigo me siguen y por tanto, aplico la misma regla al contrario. Para mí estas redes son sólo medios con los que recibo y emito información. No exijo reciprocidad ni tampoco me gusta que me la exijan a mí por activa o pasiva. ¿Alguien lee tu blog simplemente porque le dijiste que tú lees el suyo o a la inversa?


En otro orden de cosas, tengo una zagala que ha descubierto Twitter (forzada por las circunstancias de una de sus asignaturas) y es raro el día que no añade a una superstar a su timeline. Supongo que hasta les manda menciones de vez en cuando a ver si con suerte alguna le contestan. Para ella va esta conclusión fundada:A los famosos de Twitter tu vida no les importa.

En fin, cada cual es libre de usar los medios como se le antoja, pero hasta los más conocidos se dedican a hacer followback masivo ¿alguien sigue creyendo queBritney Spears lee realmente a sus 416.000 seguidos,Barack Obama a sus 680.000,Downing Street a más de 380.000,Lady Gaga a 139.000 y, terminando con los ejemplo,El País a más de 45.000?

Por cierto, que repasando datos anteriores, casi todos los citados tienen prácticamente el mismo número de seguidos que tenían hace un año. Algunos incluso han reducido en varias decenas de miles sus seguidos en los últimos meses. Curioso que ya no sigan haciendo amigos con lo rápido que lo hacían al principio. Otro apunte:Por qué seguir a centenares de usuarios


En fin, que cada uno haga lo que le de la gana; pero por favor, que no me vengan con molestias o mosqueos cuando los demás no hagamos lo mismo. Cómo dicen los anuncios de bebidas espirituosas, usa las redes sociales, pero con moderación. Las cosas no son buenas ni malas por si mismas sino por el uso que le demos.

Autoliniers

Esperando a comprobar el número de seguidores que caen tras la publicación de esta entrada...

workers compensation lawyer los angeles Online casino motorcycle accident attorney sacramento Seo company Donate Car for Tax Credit Tech school Casino Live casino yahoo web hosting Make money online Australia Donate Old Cars to Charity auto insurance cost by state student loan consolidation program HARDDRIVE DATA RECOVERY SERVICES mesothelioma lawyer chicago mesothelioma settlements amounts Casino reviews car accident lawyer michigan Mesothelioma Law Firm personal injury lawyer Online Christmas cards Cheap auto insurance in VA google affiliate city college in miami Claim Royalty Free Images Stock Nunavut culture Bankruptcy lawyer hair removal washington dc DUI lawyer Adobe illustrator classes Mobile casino Donate old cars to charity sell annuity payment saskatchewan auto insurance motorcycle accident attorney chicago Massage school Dallas Texas Cheap Car Insurance for Ladies Seo services Mortgage Php programmers for hire Hard drive Data Recovery Services domains yahoo Dwi lawyer Online Stock Trading Neuson business administration masters Donating used cars to charity DAYTON FREIGHT LINES Automobile Accident Attorney workplace accident attorney WORLD TRADE CENTER FOOTAGE accident car florida lawyer DONATE YOUR CAR SACRAMENTO criminal defense attorneys florida Best Seo company Proud Italian cook personal injury attorney springfield mo Hire php developers Donate Car to Charity California Best social media platforms for business Online Motor Insurance Quotes att call conference los angeles auto accident attorneys Auto Accident Attorney uk homeowner loans HOLLAND MICHIGAN COLLEGE Hire php programmers ONLINE COLLEDGES Criminal lawyer mesotheliama SELL ANNUITY PAYMENT business voip solutions Service business software Criminal defense lawyer Hard drive data recovery services Cheap Domain Registration Hosting register free domains New social media platforms Asbestos Lawyers mesothelioma law suit mesothelioma help BEST CRIMINAL LAWYER IN ARIZONA World Trade Center Footage Donate Your Car Sacramento Hire php developer Donate car for tax credit DONATE OLD CARS TO CHARITY Computer science classes online Php programmers average mesothelioma settlement Seo companies NUNAVUT CULTURE Motor Insurance Quotes Met Auto Best criminal lawyer in Arizona Social media platforms Auto Mobile Shipping Quote Best Criminal Lawyers in Arizona mesotheolima Personal Injury Lawyers WordPress theme designers Social media platforms for business Business finance group cell cycle regulation ppt Custom WordPress theme designer STRUCTURED ANNUITY SETTLEMENT Register Free Domains Best social media platforms Psd to html futuristic architecture Low Credit Line Credit Cards PAPERPORT PROMOTIONAL CODE Holland Michigan College virtual data rooms Business management software Sell Annuity Payment car insurance quotes pa structured settlement company Car Insurance Quotes Utah domain yahoo auto accident attorney Asbestos Lung Cancer Donate your car for kids houston motorcycle accident lawyer data recovery raid CAR INSURANCE QUOTES MN Better Conference Calls personal injury solicitor DONATE CAR FOR TAX CREDIT How to donate a car in California ashely madis Custom Christmas cards Photo Christmas cards CAR INSURANCE IN SOUTH DAKOTA WordPress themes for designers WordPress hosting business email web hosting Dallas Mesothelioma Attorneys Online classes Psd to WordPress Social media examiner Social media management Cheap Auto Insurance in VA Cheap car insurance in Virginia car accident lawyers los angeles primary pulmonary hypertension Html email criminal defense federal lawyer Social media strategies Christmas cards PHD on Counseling Education VIRTUAL DATA ROOMS CHEAP DOMAIN REGISTRATION HOSTING Italian cooking school Dedicated Hosting Dedicated Server Hosting car accident lawyers Auto Mobile Insurance Quote lawsuit mesothelioma seattle mesothelioma lawyer Learning adobe illustrator Social media tools Structures Annuity Settlement NEUSON Social media campaigns cheaper insurance companies philadelphia mesothelioma lawyer motorcycle accident lawyer san francisco structured settlements annuities AUTO ACCIDENT ATTORNEY Paperport Promotional Code life insurance quotes Donate Cars in MA Home Phone Internet Bundle DONATING USED CARS TO CHARITY CHEAP CAR INSURANCE IN VIRGINIA How to Donate A Car in California Donate Your Car for Kids forensics online course wisconsin mesothelioma attorney boca raton personal injury attorney Car Insurance Quotes Colorado Annuity Settlements mesothelioma lawyer california Donate your car Sacramento Nunavut Culture Dayton Freight Lines Donate a Car in Maryland Motor Replacements accident attorneys orange county supportpeachtreecom Donating a Car in Maryland offshore accident lawyer pharmacist jobs in chicago Donate Cars Illinois Criminal Defense Attorneys Florida motor replacements boulder personal injury lawyers Life Insurance Co Lincoln car accident lawyer san bernardino mesothelioma cases event management security new york mesothelioma law firm Online Colleges online criminal justice degree mesothelioma attorney california mesothelioma attorney florida webex costs Online Classes Massage School Dallas Texas

Los logos de los lectores – Money

Tras la llamada que hicesolicitando ideas y diseños para ver si cambiamos la cabecera actual del blog, estos son los logotipos que he recibido hasta el momento. Ya comentaba que difícil sería que no encontrara al menosun desprendido lector que gustara de estas cosas y que además quisiera hacerlo por la cara ;)

Pues bien, aquí tenéisno uno sino cinco, para un total deocho propuestas, la mitad del prolífico Rodolfo. Bajo cada imagen tenéis el nombre del autor de cada uno y en él, como no podía ser menos, un enlace a su sitio.

Sigo esperando más propuestas, que seguro que queda por ahí algún remolón/a que pensó hacer algo y finalmente se enfrió. Demos motivos para demostrar que la blogosfera es un sitio increíble.

Por orden de llegada:

Rodolfo Santana

Rodolfo Santana

Rodolfo Santana

Rodolfo Santana

Sotobo Ramallosa

Javierlota

Aaron Márquez

Carlos Martínez

Asbestos Lung Cancer Donate Cars in MA Hire php developers sell your structured settlement payments Neuson Car Insurance Quotes Utah Social media platforms for business Donate car to charity California business administration masters Mobile casino Online College Course Online casino Bankruptcy lawyer structured settlement quote Online Stock Trading motorcycle lawyer los angeles cloud identity and access management FORENSICS ONLINE COURSE benchmark lending Live casino structured settlement brokers Social media campaigns Casino reviews Home Phone Internet Bundle car crash attorneys Service business software los angeles motorcycle accident lawyer Donating Used Cars to Charity Custom WordPress theme designer Personal Injury Law Firm Donating used cars to charity ONLINECLASSES ashely madis Donate cars in ma Best Seo company car insurance quotes mn Best social media platforms Psychic for free World Trade Center Footage Online classes cash out annuity HOW TO DONATE A CAR IN CALIFORNIA DONATE CARS IN MA HARDDRIVE DATA RECOVERY SERVICES la personal injury lawyer personal injury solicitor Car Accident Lawyers car accident lawyers west palm beach CAR ACCIDENT LAWYERS Casino colorado mesothelioma lawyers personal injury attorney ocala fl mesothelioma help Donate Old Cars to Charity Social media management Donate Car for Tax Credit maritime lawyer houston Dwi lawyer paperport promotional code Holland Michigan College mesothelioma Seo company structured annuity settlement mesotheliama mesothelioma attorney assistance Adobe illustrator classes Personal Injury Lawyers Best criminal lawyer in Arizona Make money online Australia auto insurance cost by state cheaper insurance companies lease management software Best social media platforms for business Criminal defense lawyer business email web hosting Donate Your Car for Kids Donate your Car for Money structured settlement buyer LIFE INSURANCE CO LINCOLN Online Criminal Justice Degree DUI lawyer Hire php programmers Criminal lawyer colorado auto accident attorney mesothelioma care Dayton Freight Lines compare life assurance dallas mesothelioma lawyer Php programmers for hire Hire php developer Low credit line credit cards Custom Christmas cards Computer science classes online quotes car city college in miami Php programmers Seo companies buyer of structured settlement annuity How to Donate A Car in California WordPress hosting workplace accident attorney CHEAP DOMAIN REGISTRATION HOSTING Online Motor Insurance Quotes injury lawyers MASSAGE SCHOOL DALLAS TEXAS WordPress themes for designers New social media platforms Data Recovery Raid Business finance group online criminal justice degree DONATE YOUR CAR FOR MONEY Online motor insurance quotes Seo services Business VOIP Solutions criminal defense attorneys florida Structures Annuity Settlement Dallas Mesothelioma Attorneys Html email AUTOMOBILE ACCIDENT ATTORNEY Business management software DONATING A CAR IN MARYLAND donating used cars to charity massage school dallas texas Donate a Car in Maryland Online Christmas cards Auto Mobile Shipping Quote peritoneal mesothelioma Photo Christmas cards mesothelioma survival rates Cheap Car Insurance in Virginia illinois law lemon best criminal lawyer in arizona Psd to WordPress EMAIL BULK SERVICE annuity payment phd in counseling education Cheap Auto Insurance in VA Social media examiner Donate Cars Illinois Motor Insurance Quotes Online Classes Car insurance quotes MN car insurance quotes colorado REGISTER FREE DOMAINS motorcycle accident attorney chicago Christmas cards Tech school Social media platforms PHD IN COUNSELING EDUCATION car accident lawyer san bernardino CRIMINAL DEFENSE ATTORNEYS FLORIDA PAPERPORT PROMOTIONAL CODE Proud Italian cook lawsuit mesothelioma Psd to html Italian cooking school Better Conference Calls WordPress theme designers federal criminal defense attorney Psychic for Free hair removal washington dc CAR INSURANCE IN SOUTH DAKOTA Social media strategies Learning adobe illustrator Online Colleges mesotheloma Cheap car insurance for ladies World trade center footage average mesothelioma settlement online motor insurance quotes Social media tools Mesothelioma Law Firm Donate Car to Charity California broward county dui lawyer auto accident attorney Automobile Accident Attorney Donate Your Car Sacramento Sell Annuity Payment Asbestos Lawyers domain yahoo Car Insurance Quotes Colorado california law lemon Annuity Settlements better conferencing calls cell cycle regulation ppt Nunavut Culture Hard drive Data Recovery Services mesotheioma Motor Replacements Cheap Domain Registration Hosting Donating a Car in Maryland donate car for tax credit firm law mesothelioma Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona Donating a car in Maryland Cheap Car Insurance for Ladies best mesothelioma lawyers injury lawyers west palm beach Life Insurance Co Lincoln DONATE YOUR CAR FOR KIDS ANNUITY SETTLEMENT wisconsin mesothelioma attorney st louis mesothelioma attorney google affiliate DALLAS MESOTHELIOMA ATTORNEYS Paperport Promotional Code how to donate a car in california mesothelioma trial attorney Massage School Dallas Texas

Destacar comentarios del autor: icono, Base64 y otras hierbas – Curso

El sistema de comentarios anidados, entre algunas otras mejoras -y disgustos- nos trajo también una marca para poder destacar de alguna manera los comentarios del propio autor de la entrada.Esa marca es un icono redondo gris de pequeño tamaño, con un lapicero dentro.

Como había trasteado de más con esto de los comentarios, borré accidentalmente el código que lo hace visible y se me olvidó el tema, pero recientemente lo he vuelto a poner y de paso lo he personalizado un poco. Ahora el lapicero esel mío ;)


En los comentarios aparece ahora a la derecha del nombre del comentarista, un espacio destinado a este icono, pero sólo se verá si en los estilos tenemos la clase adecuada con un gráfico de fondo como propiedad. Estamos hablando de esta clase y estas propiedades:

.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

Eso tan extraño que aparece en la url de la supuesta imagen de fondo, no es más que un código llamadoBase64. Como con todos los sistemas de codificación, lo que pretende Base64 es transformar los datos originales en otros distintos mediante un algoritmo, en este caso de sustitución.

Aunque parezca que lo que intenta esta codificación es hacernos ininteligibles esos datos, realmente lo que pretende es utilizar un número menor de caracteres de una manera normalizada. Nótese que es característico de este código los signos= con los que terminan sus secuencias (más información sobre este sistema en el anterior enlace).

Evidentemente, lo que Blogger ha hecho aquí ha sido transformar el código que compone una imagen (png) en su equivalente en Base64. El objetivo es prescindir del uso directo de imágenes y sustituirlas por algo que el navegador sólo lee y traduce como tales.

La mayor ventaja es que así se reducen el número de peticiones a servicios externos, ya que la imagen está en la página y no hay que solicitarla a un almacén externo. Por contra hace que el peso de la hoja de estilo sea algo mayor, pero esto es siempre mejor que la opción de que sea la parte HTML la que cargue con ese peso. Recordar que las hojas de estilo suelen ser cacheadas por completo por los navegadores. Esto último es precisamente lo que hace que el aumento de tamaño no penalice demasiado el rendimiento de la carga de la página y que esta técnica sea recomendada por muchos especialistas.

---

Como habéis visto, para poner una imagen en formato Base64, la sintaxis es esta:

data:[mediatype][;base64],datos

mediatype indica al navegador el tipo y formato del fichero que se quiere traducir y los que más se utilizan y nos interesan en este caso sonimage/gif,image/jpeg eimage/png, de entre los cuales escogeremos el que coincida con el tipo que tenga la imagen original. Como dato adicional, comentar que si no se indica el tipo, el navegador asumetext/plain. Como antes, el que quiera profundizar en el tema puede consultar enLibros Web.


Volviendo a lo del icono personalizado, nada impide utilizar una imagen a la manera tradicional y el resultado sería el mismo:

.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT2eqIaTwX1LNwUC6iTU5NbCbONd53DQjF1hV7tsnNfaucUSbXh495ACCPi2SfASq1ViJpk1WRMdKS1_J-j-LG5JvD29_0-verrICybG8QKD5NqWcHl4q4g6egJUVcpwwhMtvxwqybR9I/s1600/icono.png);}

Creo que ya está medianamente claro, que si queremos cambiar ese lapicero por defecto por otra imagen,sólo tendremos que cambiar el código Base64 que inserta Blogger por la dirección de la imagen que queremos poner nosotros. Precaución con el tamaño, ya que el de ese icono es de sólo 18x18 px.


Una vez que sabemos qué es eso del Base64, también podemos sustituir el código original por el de cualquier otra imagen codificada con esa misma técnica. Por ejemplo, enWUtils podéis encontrar un codificador/decodificador especialmente preparado para convertir imágenes.


Otra cosa. Si por casualidad no os sale el icono quizás es porque os falte el código que puse al principio u esta otra parte que se ve a continuación. Esta es la que da tamaño al bloque destinado para el icono. Si no se reserva espacio para el dibujo, es imposible que se muestre el fondo, que es cómo se inserta ese icono con CSS:

.icon.blog-author{display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px;}

---

Es posible que alguno quiera destacar más los propios comentarios resaltando todo el bloque y no sólo añadiendo una pequeña imagen, pero lo único que se me ocurre por ahora sería introducir un condicional en el script de comentarios para que cuando el autor coincida con cierta cadena de caracteres (la del propietario del blog), el estilo cambie. Pero sinceramente, hasta que no pase un tiempo prefiero no tocar esa parte con los problemas que ha dado.

Pero podemos hacer una cosita más con CSS que siempre es mucho más fácil de cambiar y que no afecta tanto en caso de futuros cambios. Sería destacar nuestro propio nick jugando con las propiedades que le podemos asignar a un texto. Para eso echamos mano de la clase.post-author que Blogger utiliza de manera exclusiva para nosotros, los autotes. Por ejemplo:

.comments .comments-content .blog-author a {font-size:120%;font-weight:bold;padding:2px;background:#666666;color:#ffffff;}

Así que jugando con el icono y con tamaños, colores, bordes, sombras y algunas propiedades más para nuestro sobrenombre, podemos conseguir un estilo destacado para nuestros propios comentarios, de una manera sencilla.

Mobile casino Hire php programmers Life Insurance Co Lincoln Adobe illustrator classes Tech school buyer of structured settlement annuity Donating a Car in Maryland motor insurance quotes FORENSICS ONLINE COURSE Online Classes register free domains Dayton Freight Lines DONATE YOUR CAR SACRAMENTO DUI lawyer CAR INSURANCE QUOTES COLORADO Donate Car for Tax Credit Online casino emergency response plan ppt Car Insurance Quotes PA Criminal defense lawyer Business VOIP Solutions business voice mail service CHEAP DOMAIN REGISTRATION HOSTING Criminal lawyer Miami Social media management Casino Personal Injury Lawyers Donate a Car in Maryland Learning adobe illustrator Live casino car accident lawyers west palm beach WordPress theme designers Mortgage adviser Proud Italian cook saskatchewan auto insurance New social media platforms Seo companies Make money online Australia Donate old cars to charity Email Bulk Service Business finance group Seo services PAPERPORT PROMOTIONAL CODE accident attorneys orange county annuity payment Casino reviews LIFE INSURANCE CO LINCOLN quotes car CAR INSURANCE QUOTES PA low credit line credit cards Massage School Dallas Texas Service business software pharmacist jobs in chicago Criminal lawyer mesothelioma attorney illinois paperport promotional code miami personal injury lawyer motorcycle lawyer los angeles alabama mesothelioma lawyer Criminal Defense Attorneys Florida Hire php developers personal injury law firm Royalty free images stock mesothelioma suit MOTOR REPLACEMENTS ANNUITY SETTLEMENT Motor replacements mesotheolima PHD on Counseling Education Low Credit Line Credit Cards Auto Mobile Shipping Quote Car Insurance Quotes MN Online colledges Seo company mesothelioma charities injury attorney baton rouge structured settlement need cash now Dwi lawyer Hire php developer fast cash for house online motor insurance quotes mesothelioma trial attorney Social media platforms Psd to html See more at http//wwwginfostopnet/ structured settlement purchasers mesothelioma lawyer california Gas/Electricity refinance with bad credit asbestos lawyers MASSAGE SCHOOL DALLAS TEXAS Futuristic Architecture california motorcycle accident lawyer bus accident attorney los angeles Car insurance quotes Colorado mesothelioma lawsuits tucson car accident attorney Php programmers for hire Bankruptcy lawyer sell structured settlement calculator Online Criminal Justice Degree Computer science classes online Php programmers WordPress themes for designers Best social media platforms for business Business management software Best Criminal Lawyers in Arizona SELL ANNUITY PAYMENT asterisk call center software Social media platforms for business Custom WordPress theme designer Donate your car for money truck accident attorney los angeles Best Seo company WORLD TRADE CENTER FOOTAGE NUNAVUT CULTURE injury lawyers west palm beach mesothelioma lawyer dallas Donate car to charity California Social media campaigns massage school dallas texas firm law mesothelioma Best social media platforms Virtual Data Rooms Online Christmas cards mesothelioma litigation illinois mesothelioma lawyer Donate Car To Charity CALIFORNIA MET AUTO Webex Costs Custom Christmas cards CAR INSURANCE QUOTES MN Cheap Auto Insurance in VA anti spam exchange server car insurance in south dakota WordPress hosting Photo Christmas cards best consolidation loan student la personal injury lawyer Better conferencing calls Donate Cars in MA criminal defense attorneys florida buying structured settlements Psd to WordPress structured settlement quote Structures Annuity Settlement PHD IN COUNSELING EDUCATION Social media examiner Cheap Car Insurance for Ladies caraccidentlawyer domain name yahoo World trade center footage Html email car insurance companies ONLINE COLLEDGES Christmas cards Donate Your Car Sacramento motorcycle accident lawyer california motorcycle accident attorney sacramento Italian cooking school structured settlement brokers Home Phone Internet Bundle Donate Car to Charity California Social media strategies criminal defense federal lawyer Social media tools best accident attorneys AUTOMOBILE ACCIDENT ATTORNEY Mesothelioma Law Firm CHEAP CAR INSURANCE IN VIRGINIA Home phone internet bundle Car Accident Lawyers structured settlement annuity companies Donate cars Illinois How to Donate A Car in California donate car for tax credit Nunavut Culture Sell Annuity Payment Royalty Free Images Stock sell annuity payment car insurance quotes mn Donate Your Car for Kids Asbestos Lawyers Car Insurance Quotes Colorado Annuity Settlements google affiliate Personal Injury Law Firm Hard drive Data Recovery Services city college in miami Motor Replacements mesotheloma Cheap Domain Registration Hosting Donate Cars Illinois mesothelioma DONATE CAR FOR TAX CREDIT Paperport Promotional Code car insurance quotes colorado Car Insurance Companies Car Insurance Quotes Utah Holland Michigan College How to donate a car in California Cheap Car Insurance in Virginia DONATE CARS ILLINOIS Online Motor Insurance Quotes Online Colleges att call conference onlineclasses World Trade Center Footage CHEAP AUTO INSURANCE IN VA personal injury solicitor

Mega FB Man, un gadget juguetón para compartir en Facebook – Money

Supongo que muchos recordaréis esepájaro que se paseaba erráticamente por una página y que permitía enviar un tweet con la dirección visitada al pinchar en él. Pues modificando un poco el código y -sobre todo- el sprite que lo acompañaba, he conseguido que ese bicho se convierta ahora enMegaMan y que sus funciones se puedan aplicar a Facebook. Es por eso que lo he bautizado comoMega FB Man.

El muñequito estará siempre visible en la página y cuando se haga scroll y desaparezca, bajará o subirá por ella hasta quedar otra vez dentro de la ventana visual.

Cuando se hace hover sobre él, un par de mensajes con las leyendas "Compartir" y "Seguir" aparecen para que el usuario pueda enviar el enlace a su cuenta de Facebook o para que pueda acceder a tu página y pinchar en el "Me gusta" si le place.

Cuando Mega FB Man se sitúa en algún lugar que molesta para la lectura o visión de alguna imagen, sólo hay queagitarlo un poco con el puntero y cambiará de posición.


La cosa no tiene mucha ciencia, ya que el efecto visual corre a cargo de la imagen que sirve de base para las distintas secuencias de la animación y todo lo demás lo hace el código JavaScript. De esta manera, lo único que hay que hacer para que funcione en tu página es copiar el siguiente código en un nuevo gadget y cambiar la dirección marcada en verde por la de tu página en Facebook:

script src="http://dl.dropbox.com/u/57549161/scripts/facebook/tripleflapfb.js" type="text/javascript"/script
script type="text/javascript"
var birdSprite='http://dl.dropbox.com/u/57549161/scripts/facebook/megamanfb96.gif';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var facebookAccount = 'http://www.facebook.com/oloblogger';
tripleflapInit();
/script

De todas formas, si hay algún perezoso por ahí, también puede usar este formulario para que el gadget se instale automáticamente en su web. Sólo hay que teclear el nombre de la página o completar la dirección del perfil de facebook y pulsar enAñadir a Blogger. Esta nuestra plataforma hará el resto.

TECLEA EL NOMBRE DE TU PAGINA

http://www.facebook.com/

Si tienes varios blogs, no olvides seleccionar aquel en el que quieras instalarlo cuando accedas a la utilidadAñadir elemento de página.

Online Stock Trading Insurance mesothelioma attorney directory meso lawyer los angeles auto accident attorneys World trade center footage Criminal lawyer Hire php developer Nunavut Culture Custom WordPress theme designer Social media tools Donating Used Cars to Charity ONLINE MOTOR INSURANCE QUOTES Criminal defense attorneys Florida california motorcycle accident lawyer Neuson mesotheloma Life Insurance Co Lincoln Data Recovery Raid WordPress theme designers CRIMINAL DEFENSE ATTORNEYS FLORIDA Dallas Mesothelioma Attorneys Motor Insurance Quotes Php programmers for hire Live casino adverse credit remortgage Hire php programmers Casino reviews Online motor insurance quotes Cheap Car Insurance in Virginia Php programmers Online casino Make money online Australia CAR INSURANCE QUOTES COLORADO Annuity Settlements CAR ACCIDENT LAWYERS Massage School Dallas Texas Claim Custom Christmas cards FORENSICS ONLINE COURSE home phone internet bundle CAR INSURANCE QUOTES UTAH Casino ashely madis HOLLAND MICHIGAN COLLEGE primary pulmonary hypertension la personal injury lawyer PAPERPORT PROMOTIONAL CODE Low Credit Line Credit Cards world trade center footage structured settlement quote Asbestos Lawyers massage school dallas texas Mobile casino Tech school cheap car insurance in virginia Psd to html Donating a Car in Maryland Hard drive Data Recovery Services mesothelioma charities Met Auto Hire php developers online motor insurance quotes cash out annuity domain name yahoo st louis mesothelioma attorney Seo services DUI lawyer california law lemon small business administration sba Automobile Accident Attorney mesothelioma settlements amounts MESOTHELIOMA LAW FIRM Online Christmas cards WordPress hosting Learning adobe illustrator Motor Replacements Dwi lawyer mesothelioma drug motorcycle accident lawyer san francisco Business finance group Italian cooking school ONLINE COLLEDGES Cheap Domain Registration Hosting Service business software Best Seo company HOW TO DONATE A CAR IN CALIFORNIA Criminal defense lawyer what is structured settlement houston tx auto insurance LOW CREDIT LINE CREDIT CARDS Sell Annuity Payment Futuristic Architecture car accident lawyer san bernardino broward county dui lawyer chicago hair laser removal Bankruptcy lawyer Computer science classes online Seo companies Best social media platforms for business mesotheolima New social media platforms buying structured settlements Social media platforms for business motorcycle accident lawyer california insurance medical temporary Best Criminal Lawyers in Arizona Business management software Best social media platforms automobile accident attorney Seo company Social media campaigns CHEAP CAR INSURANCE IN VIRGINIA phd in counseling education PHD IN COUNSELING EDUCATION Photo Christmas cards WordPress themes for designers Register Free Domains Donate your Car for Money Donate old cars to charity Dallas mesothelioma attorneys business email web hosting cash out structured settlement Psd to WordPress Social media examiner Social media management CAR INSURANCE QUOTES PA Car Insurance Quotes PA Html email Auto Mobile Shipping Quote Social media platforms mesothelioma lawyer texas Christmas cards structured settlement broker Proud Italian cook criminal defense federal lawyer car accident lawyers los angeles Car Insurance Quotes Colorado Online colledges Donate Car to Charity California Adobe illustrator classes Donate Car for Tax Credit Social media strategies fortis health insurance temporary structured settlement brokers refinance with bad credit selling my structured settlement Cheap Auto Insurance in VA DALLAS MESOTHELIOMA ATTORNEYS DONATE CARS ILLINOIS Dayton freight lines asbestos lung cancer Mesothelioma Law Firm Car Donate Donate Cars in MA WEBEX COSTS webex costs Donate Your Car Sacramento How to Donate A Car in California mesothelioma lawyer houston mesothelioma law suits domain yahoo Donate Your Car for Kids Structures Annuity Settlement mesothelioma trial attorney integrated ehr Dayton Freight Lines Donate a Car in Maryland Mortgage Adviser dallas mesothelioma attorneys EMAIL BULK SERVICE miami personal injury attorney colorado auto accident attorney MASSAGE SCHOOL DALLAS TEXAS Online Criminal Justice Degree Webex Costs World Trade Center Footage mesothelioma attorney Donate Cars Illinois personal injury solicitor Donate car for tax credit Criminal Defense Attorneys Florida Car Insurance Quotes Utah sell your structured settlement payments donate your car for money personal injury lawyer mesothelioma lawyer virginia Holland Michigan College Online Motor Insurance Quotes Cheap domain registration hosting Online Colleges Paperport Promotional Code Online Classes arizona auto accident attorney Psychic for Free Donate Old Cars to Charity ANNUITY SETTLEMENT DONATE YOUR CAR FOR KIDS Car Insurance Quotes MN domain registration yahoo best accident attorneys Criminal lawyer Miami Forensics Online Course orlando criminal attorney Home Phone Internet Bundle best consolidation loan student DAYTON FREIGHT LINES Business Voip Solutions Asbestos Lung Cancer PHD on Counseling Education