La ventaja de subir una sola imagen y disponer de cientos – Automovil – Miami – Phone

Como todas las plataformas, Blogger tiene cosas buenas y cosas malas, pero en lo que respecta a las imágenes pienso que tiene más de lo primero. El título de la entrada es en lo que baso esta opinión, porque cuando subimos una imagen, realmente generamos infinidad de copias de todos los tamaños imaginables y otro buen puñado de, al menos, un formato recortado de proporción cuadrada que nos puede venir bien para ciertas cosas.

---

Creo que es conocido que cuando se sube una imagen a una entrada, esta se almacena enPicasa, un servicio que como Blogger, es propiedad de Google. Sólo tenéis que acceder a ese servicio y veréis cómo hay algún álbum con el nombre de vuestro blog y dentro de él las imágenes que históricamente habéis subido.


Y no sólo estarán las publicadas. También encontramos las que permanecen en un borrador o incluso las que terminasteis descartando y no publicando. En resumen, todo lo que habéis subido alguna vez y no borrado en Picasa. Bueno, todo todo realmente no.


El cómo se se van abriendo esos álbumes o por qué en ocasiones se genera un segundo álbum sobre el mismo blog, es algo que desconozco, pero sí que tengo detectado en qué caso las imágenes serán visibles allí y en qué casos no.

La respuesta es que cuando usamos el icono para subir imágenes desde la pestañaRedactar del editor de entradas, es cuando Picasa recoge el guante y archiva la imagen. Sin embargo, cuando la imagen se incorpora desde la pestañaHTML, ni caso.


Hay otra circunstancia y es que las direcciones que genera Picasa y las que inserta el editor en una entrada, son bien distintas. A la imagen que se muestra en este post le corresponden estas tres. Por cierto que su autor esSean R. Heaveyy si la queréis ver a mayor tamaño, sólo tenéis que pinchar en ella.

Picasa:https://lh3.googleusercontent.com/-qwYyRPVImeI/T0qQJI9ARfI/
AAAAAAAAB6U/HHR2ByPKy1k/s1024/yellow%2520dwarf.jpg

Editor (Redactar):http://4.bp.blogspot.com/-qwYyRPVImeI/T0qQJI9ARfI/
AAAAAAAAB6U/HHR2ByPKy1k/s1600/yellow+dwarf.jpg

Editor (HTML):http://2.bp.blogspot.com/-7O_zBJFszRQ/T0qQYJQtU_I/
AAAAAAAAB6g/oLDD6A_8vH8/s1600/yellow%2Bdwarf.jpg

Como se puede comprobar, se parecen como un huevo a una castaña, por lo que parece fácil deducir que hay algo más que Picasa tras todo esto y que Blogger seguramente tiene otro almacén interno distinto, dónde también guarda nuestras imágenes.


Pero lo interesante de todo esto no es lo diferentes que son las direcciones, sino precisamente lo que tienen en común y que es una carpeta que siempre empieza con unas. En las anteriores seríans1024 ys1600.

Ya hemos explicado en otras ocasiones (1) (2) (3) que ese numerito tras las es como una réplica de la imagen original, pero redimensionada proporcionalmente al ancho en píxeles indicado por los dígitos (o a la altura si esta es mayor). De esta manera podemos cambiar el tamaño de la imagen original a una más pequeña, con sólo cambiar esos números.

s1600 - s0 - s00 - s000
(Original 1024x254px.Parcialmente oculto por ser el ancho de la entrada de menor tamaño)

Estos serían los tamaños que Blogger proporciona en el editor y que se consiguen al pinchar enExtra grande,Grande,Mediano yPequeño, así como sus correspondientes carpetas.

Extra grande s640 (640px)

Grande s400 (400px)

Mediano s320 (320px)

Pequeño s200 (200px)

Pero como decía al principio, las posibilidades son muchísimas, ya que podemos indicar cualquier número en esa carpeta por quebrado o raro que sea. El único límite sería el ancho (o alto) de la imagen original, ya que si bien lo podemos utilizar, Blogger siempre nos mostrará como mucho el tamaño original:

Personalizado s566 (566px)

Personalizado s362 (362px)

Personalizado s440 (440px)

Todo esto puede carecer de interés o no dependiendo de como tratemos las imágenes en nuestro blog. Normalmente cargamos uno de los cuatro tamaños "estándar" pero quizás por las dimensiones de nuestro blog, nos interese otro distinto. Por ejemplo, en mi anterior plantilla tenía unos 520px para las entradas, así que la de 400 se me quedaba algo pequeña y la de 640 demasiado grande.

Conociendo esto sólo tenia que subir un tamaño cualquiera y luego cambiar as500 para tener una imagen de 500px de ancho. Justo el que me venía bien.


Pero hay un último detalle que aunque conozco desde hace tiempo, no había llegado nunca a publicar. Se trata del sufijo-c.

Si a cualquier cifra le añadimos eso, Blogger nos proporciona una imagen cuadrada del ancho indicado y que extraerá del centro de la imagen original a modo de recorte.

Esto nos abre algunas posibilidades interesantes cómo poder maquetar sumarios con este tipo de imagen a modo de miniaturas y sin necesidad de recurrir a otros códigos más engorrosos que recortan las imágenes:

Personalizado s250-c (250px)

Personalizado s100-c (100px)

A diferencia del anterior sistema de redimensión proporcional, hay que tener algo de cuidado con este sufijo. Con él no respeta el límite de la imagen original y podemos encontrarnos con una imagen de baja resolución ampliada en demasía, que se vea mal. Ejemplo:

Personalizado s600-c (600px)

Hay otro sufijo que es-r y que no reviste a mi parecer ningún interés, ya que si bien admite cambio de dígitos para redimensionar, el formato (proporción) permanece como en el original.

¿Conoces algún sufijo más para las imágenes de Blogger que pueda ser interesante?

01-03-2012.El Potro nos da a conocer tres variantes más:

• -d, que permite descargar la imagen directamente al pinchar en esa dirección
• -o, que muestra un icono de "play" sobre la imagen, aparentemente sin más utilidad
• h, un prefijo en sustitucion de s con el que podemos definir el alto de la imagen en lugar del ancho

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfsP2yQ_ACEDvcJvQW54lrAI0J4lUzHdoQXvpRWdW9u99OtPZ3xPUmlgOtbkvusCuecwC5tvCtkqrItdFmDzNtF2ZcaKi-pVC-XFkUqsRj27dTH4EaNnyA7OwxBOJ_RdCIwzOBxXImIYY/s500-d/yellow+dwarf.jpg

s500-d (Descargar)

s500-o (con icono)

h100 (100px de alto)

10-03-2012. Felipe OI nos comenta otro sufijo que hace otro recorte peculiar. Se trata de -p. Este hace también un recorte cuadrado del ancho del número que indiquemos, pero en lugar de sacarlo de la parte central de la imagen, lo hace sobre la parte algo más a la derecha. Podéis comprobar la diferencia de "encuadre" con respecto a los otros -c que están más arriba.

s200-p (cuadrado desplazado de 200px)

En imágenes verticales, el recorte con este sufijo se produce desplazado hacia abajo.

Original

s100-c

s100-p

Italian cooking school Best Criminal Lawyers in Arizona Dayton freight lines mesothelioma attorney florida Mobile casino Custom Christmas cards CAR INSURANCE IN SOUTH DAKOTA new mexico mesothelioma lawyer emergency response plan ppt Criminal lawyer Nunavut Culture Casino Social media platforms for business Hire php programmers michigan motorcycle accident lawyer Register Free Domains Dayton Freight Lines Online casino Holland Michigan College mesothelioma drug sell annuity payment Online Colleges accident car florida lawyer Social media platforms Structures Annuity Settlement Dwi lawyer mortgage adviser lease management software Online College Course Learning adobe illustrator Donate Cars in MA st louis mesothelioma attorney refinance with poor credit cash out structured settlement DONATE OLD CARS TO CHARITY tennessee mesothelioma lawyer mesothelioma lawyer virginia DONATE YOUR CAR FOR MONEY google adsense sell my structured settlement Criminal defense lawyer Online Christmas cards injury lawyer houston tx mesothelioma lawyers san diego CAR ACCIDENT LAWYERS saskatchewan auto insurance Photo Christmas cards mesotheloma mesothelioma care mesothelioma charities domain yahoo Donate Your Car Sacramento Hire php developers How to donate a car in California personal injury lawyer sarasota fl CHEAP CAR INSURANCE FOR LADIES Php programmers Cheap car insurance in Virginia Make money online Australia illinois mesothelioma lawyer Health Records Personal Health Record virtual data rooms Casino reviews business voip solutions la personal injury lawyer WordPress hosting Live casino PAPERPORT PROMOTIONAL CODE arizona auto accident attorney World Trade Center Footage DUI lawyer most profitable internet business mesothelioma attorneys california Seo company REGISTER FREE DOMAINS Seo services Donate a car in Maryland asbestos exposure lawyers Psd to html pharmacist jobs in chicago Car Accident Lawyers workers compensation lawyer los angeles accident lawyers in los angeles ONLINE MOTOR INSURANCE QUOTES PhD in counseling education Donate Old Cars to Charity integrated ehr Mesothelioma Law Firm Low credit line credit cards state of california car insurance benchmark lending Donate Car for Tax Credit phd in counseling education Auto Accident Attorney Service business software CAR DONATE georgia truck accident lawyer Sell Annuity Payment harddrive data recovery services DONATE YOUR CAR SACRAMENTO online criminal justice degree Car Insurance Quotes PA structured settlement broker DONATING USED CARS TO CHARITY Bankruptcy lawyer Car insurance quotes Colorado personal accident attorney utah mesothelioma lawyer miami personal injury lawyer Forensics online course Php programmers for hire Donate cars Illinois Hire php developer Cheap domain registration hosting FUTURISTIC ARCHITECTURE sell structured settlement calculator Html email BEST CRIMINAL LAWYER IN ARIZONA Computer science classes online Car Insurance Quotes Utah holland michigan college compare life assurance Seo companies Best social media platforms for business Proud Italian cook New social media platforms Business finance group Forensics Online Course mesothelioma attorney california Custom WordPress theme designer Best Seo company Psychic for Free motorcycle accident lawyer california Business management software Best social media platforms DALLAS MESOTHELIOMA ATTORNEYS best structured settlement companies See more at http//wwwginfostopnet/ Social media examiner domains yahoo Cheap Car Insurance in Virginia Online Criminal Justice Degree Insurance Companies Tech school personal injury attorney ocala fl life insurance co lincoln diagnosed with mesothelioma WordPress themes for designers Psd to WordPress Home phone internet bundle Social media management structured settlement sell Cheap Domain Registration Hosting Personal Injury Lawyers primary pulmonary hypertension Life insurance co Lincoln mesothelioma settlements amounts Christmas cards mesothelioma attorney directory forensics online course car accident lawyers los angeles Social media tools FORENSICS ONLINE COURSE WordPress theme designers structured settlement quote Adobe illustrator classes Paperport Promotional Code philadelphia mesothelioma lawyer Social media strategies Asbestos Lawyers structured annuity settlement Social media campaigns boca raton personal injury attorney Online motor insurance quotes Donate Car To Charity CALIFORNIA DONATE CARS IN MA Donate Car to Charity California federal criminal defense attorney motorcycle accident lawyer san diego mesothelioma lawyer houston Dallas Mesothelioma Attorneys Donate old cars to charity Mortgage Adviser How to Donate A Car in California Donate Your Car for Kids california motorcycle accident lawyer Massage School Dallas Texas Car Insurance Quotes Colorado Annuity Settlements Donate a Car in Maryland data recovery raid Hard drive Data Recovery Services MORTGAGE ADVISER fast cash for house Motor Replacements injury lawyers Donating a Car in Maryland Car Donate Donate Cars Illinois Asbestos Lung Cancer Criminal Defense Attorneys Florida houston tx auto insurance structured settlement investments Email Bulk Service mesothelioma settlements DONATING A CAR IN MARYLAND WORLD TRADE CENTER FOOTAGE Life Insurance Co Lincoln structured settlement company Online Motor Insurance Quotes

De qué va cada red social explicado fácil – Virtual – Credito – Law Firm

Una curiosa imagen que vimos enLAWeekly, gracias a un tweet de@Janeslowey al que llegué no recuerdo cómo. Posponiendo alguna tarea importante, seguro.

¿A alguno le han explicado el manejo de incógnitas en ecuaciones (x,y,etc.) como si fueran manzanas o peras? Pues en esta pizarra nos explican de una manera similar pero con Donuts, cómo funcionan las principales redes sociales.

SOCIAL MEDIA EXPLICADO

TwitterEstoy comiendo un #Donut
Facebook Me gustan los Donuts
Foursquare Aquí es dónde me como los Donuts
Instagram Esta es una foto estilo antigo de mi Donut
YouTube Este soy yo comiendo un Donut
Linkedin Mis habilidades incluyen comer Donuts
Pinterest Esta es una receta para hacer Donuts
Last FM Escuchando a "Los Donuts"
Google+ Soy un empleado de Google que come Donuts

Cheap Auto Insurance in VA car insurance companies Criminal defense lawyer Online Colleges Online casino Best social media platforms car accident lawyer michigan Asbestos Lung Cancer CAR ACCIDENT LAWYERS Car insurance in South Dakota motorcycle accident lawyer california adverse credit remortgage Cheap Car Insurance in Virginia Cheap Domain Registration Hosting AUTO ACCIDENT ATTORNEY Car insurance quotes Utah Personal Injury Lawyers car accident lawyers Online Christmas cards seattle mesothelioma lawyer boulder personal injury lawyers Insurance Donate Your Car Sacramento Casino reviews Service business software car insurance quotes Casino car accident lawyers west palm beach WordPress hosting STRUCTURED ANNUITY SETTLEMENT bus accident attorney los angeles Forensics Online Course structured settlements annuities attorney lawyer mesothelioma Futuristic architecture mesothelioma mesothelioma lawyer houston motorcycle accident attorney chicago workers compensation lawyer los angeles Hire php developers Donate your car for kids Mobile casino Donate Car To Charity CALIFORNIA best accident attorneys Business management software Make money online Australia mesothelioma lawyer texas Donating used cars to charity Car Insurance Quotes Utah personal injury attorney ocala fl Online classes accident attorney orange county primary pulmonary hypertension Computer science classes online mesothelioma settlement amounts Hire php programmers buying an annuity calculator Auto Mobile Shipping Quote Donating Used Cars to Charity Hard drive Data Recovery Services Futuristic Architecture motor replacements Live casino DUI lawyer Proud Italian cook miami personal injury attorney illinois law lemon Online motor insurance quotes Social media tools World Trade Center Footage google affiliate Donate Cars in MA Psychic for Free donate your car for money CAR INSURANCE QUOTES COLORADO Online Stock Trading FUTURISTIC ARCHITECTURE structured settlements companies peritoneal mesothelioma mesothelioma suit PAPERPORT PROMOTIONAL CODE Criminal lawyer Miami ROYALTY FREE IMAGES STOCK mesothelioma settlements WordPress themes for designers mesothelioma lawyer dallas Best Seo company Webex Costs motorcycle lawyer los angeles Annuity Settlements Car Insurance Quotes PA Social media examiner Low credit line credit cards Dwi lawyer criminal defense attorneys florida VIRTUAL DATA ROOMS Criminal lawyer Car Insurance in South Dakota Social media campaigns car insurance quotes pa pharmacist jobs in chicago domain name yahoo Paperport promotional code WordPress theme designers Motor Replacements Car insurance quotes MN Php programmers for hire Php programmers business administration masters Hire php developer Html email Online College Course Bankruptcy lawyer meso lawyer injury attorney baton rouge Data Recovery Raid mesothelioma attorney florida cheaper insurance companies Asbestos Lawyers Low Credit Line Credit Cards sell structured settlement calculator Custom Christmas cards Seo company ashely madis Seo companies Best social media platforms for business Business finance group structured settlement quote mesothelioma symptoms New social media platforms Christmas cards new york mesothelioma law firm Psd to html Social media platforms for business Social media strategies Custom WordPress theme designer Seo services car accident lawyers los angeles cash out annuity Car Accident Lawyers LIFE INSURANCE CO LINCOLN MET AUTO personal injury solicitor Donate Car to Charity California mortgage adviser mesothelioma attorney illinois Social media management la personal injury lawyer structured settlement company car insurance quotes colorado st louis mesothelioma attorney Donate Car for Tax Credit california motorcycle accident lawyer buying structured settlements Photo Christmas cards lease management software selling structured settlement paperport promotional code HOW TO DONATE A CAR IN CALIFORNIA DONATE CAR FOR TAX CREDIT Criminal Defense Attorneys Florida accident lawyers in los angeles Psd to WordPress buyer of structured settlement annuity Tech school PHD IN COUNSELING EDUCATION Social media platforms online colledges DONATE YOUR CAR FOR KIDS personal injury law firm mesothelioma ct ONLINE MOTOR INSURANCE QUOTES emergency response plan ppt Italian cooking school donate car for tax credit Car Donate Dayton Freight Lines Adobe illustrator classes mesotheloma Holland Michigan College Learning adobe illustrator mesothelioma settlements amounts Mesothelioma Law Firm structured settlement brokers See more at http//wwwginfostopnet/ Forensics online course mesothelioma lawyer chicago How to Donate A Car in California Sell Annuity Payment Donate Your Car for Kids benchmark lending Structures Annuity Settlement wisconsin mesothelioma attorney Car Insurance Quotes Colorado WORLD TRADE CENTER FOOTAGE Nunavut Culture mesothelioma lawsuits DONATE CARS IN MA Donate a Car in Maryland anti spam appliance Donating a Car in Maryland Donate Cars Illinois Best Criminal Lawyers in Arizona Life Insurance Co Lincoln washington mesothelioma attorney Auto Accident Attorney Online Motor Insurance Quotes hosted predictive dialers Paperport Promotional Code Online Classes

Migas de pan para Blogger: Breadcrumbs – Promotional Code

El pequeño resumen que Google muestra sobre los distintos resultados de una búsqueda, es sin duda uno de los principales factores que ayuda a los usuarios a decidir si la página que el buscador les ofrece, contiene lo que están buscando o no.

Ese fragmento se genera mediante algoritmos internos de Google, pero podemos ayudar un poco a que en ese resumen aparezca adicionalmente algo significativo que nosotros elegimos. Serían las llamadasbreadcrums o migas de pan. Esto se logra conmicrodatosestructurados (metadatos)omarcas RDFa.


Lo de que Google pone en el resumen lo que quiere, lo podéis comprobar fácilmente poniendo en su buscador algunas palabras clave del titulo de alguna entrada vuestra (que no sean muy comunes) y añadiendo alternativamente alguna palabra adicional que aparezca en ese mismo post.

Al igual que en elPulgarcito de Perraut, el protagonista pretendía volver a su casa marcando el camino con migas de pan que dejaba caer, lasbreadcrums son como sendas de navegacion que indican dónde estamos y por dónde se llega allí. Un ejemplo para una entrada podría ser este:

Home Trucos Metadatos con schema.org para botón +1

Pues aparte de que el usuario tenga esa información a mano, lo que pretendemos con la instalación de un sistema debreadcrumbs, es que Google incluya esa información cuando nos muestre como resultado de búsqueda. El día que el santo buscador quiera, este saldría bajo el titulo:

Y aparecerán en Google si se han añadido y marcado como tales, pero sin garantía de que Google las incorpore. Lo que si está claro es que si no las incluimos, seguro que nunca saldrán, así que nosotros vamos a hacer lo necesario para que estos datos aparezcan bien marcados.


Para ello vamos a crear una serie de condiciones de manera que en cada tipo de página (entradas, home, navegación, archivo...) aparezcan los datos que nos interesan. Los únicos que marcaremos serán los de las entradas, pero para que los usuarios también se beneficien de estos caminos, haremos una estructura congruente en el resto de casos.


Tenemos que insertar dos trozos de código nuevos en nuestra plantilla, que serán por un lado la rutina oincludable que es el que hace realmente el trabajo y uninclude o llamada al anterior. Este último lo pondremos dónde queremos que aparezca nuestro camino de migas.

Para ambos necesitamos marcarExpandir plantillas de artilugios y para el segundo, buscarb:include data='top' name='status-message'/. Suele haber dos líneas como esa en la plantilla. Como la primera es para la versión móvil, la que nos interesa es la segunda. Justo ANTES de ella insertamos la llamada:

!-- Breadcrumb --
b:include data='posts' name='breadcrumb'/

Y ahora la parte larga, elincludable. Para saber el sitio dónde ubicar este, buscamosb:includable id='main' var='top'. Al igual que antes, puede que encontremos dos, pero si es así, nos quedamos con el segundo. También justo ANTES de esa línea, incorporamos esto otro:

b:includable id='breadcrumb' var='posts'
b:if cond='data:blog.homepageUrl != data:blog.url'
  b:if cond='data:blog.pageType == "static_page"'
    !-- Página estática --
    div class='breadcrumbs'
      spanEstás en a expr:href='data:blog.homepageUrl' rel='tag'Home/a/span » spandata:blog.pageName//span
    /div
  b:else/
    b:if cond='data:blog.pageType == "item"'
      !-- Entradas --
      b:loop values='data:posts' var='post'
        b:if cond='data:post.labels'
          div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'
            span typeof='v:Breadcrumb'Estás en: a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'Home/a/span
            b:loop values='data:post.labels' var='label'
              b:if cond='data:label.isLast == "true"'
              » span typeof='v:Breadcrumb'a expr:href='data:label.url' property='v:title' rel='v:url'data:label.name//a/span
              /b:if
            /b:loop
            » spandata:post.title//span
          /div
        b:else/
          div class='breadcrumbs'
            spana expr:href='data:blog.homepageUrl' rel='tag'Home/a/span »spanSin etiqueta/span » spandata:post.title//span
          /div
        /b:if
      /b:loop
    b:else/
      b:if cond='data:blog.pageType == "archive"'
        !-- Archivo y resultados de búsqueda --
        div class='breadcrumbs'
          spana expr:href='data:blog.homepageUrl'Home/a/span » spanArchivos para data:blog.pageName//span
        /div
      b:else/
        b:if cond='data:blog.pageType == "index"'
          div class='breadcrumbs'
            b:if cond='data:blog.pageName == ""'
              spana expr:href='data:blog.homepageUrl'Home/a/span » spanTodas las entradas/span
            b:else/
              spana expr:href='data:blog.homepageUrl'Home/a/span » spanEntradas.  data:blog.pageName//span
            /b:if
          /div
        /b:if
      /b:if
    /b:if
  /b:if
/b:if
/b:includable

Una vez hecho todo esto podéis probar el resultado en la herramienta queGoogle Webmasters Tools dispone para comprobar todas estas marcas.

El código y gran parte de esta explicación han sido obtenidos deBlogger Plugins, dónde podéis obtener alguna información mas. Eso sí, en inglés ;)

Social media platforms for business WordPress hosting accident attorneys orange county PHD on Counseling Education la personal injury lawyer Casino Online casino Custom Christmas cards diagnosed with mesothelioma Live casino mesothelioma information Online Colleges small business administration sba Cheap Auto Insurance in VA fortis health insurance temporary adverse credit remortgage sell annuity payment Cheap Car Insurance in Virginia Php programmers REGISTER FREE DOMAINS buying an annuity calculator PSYCHIC FOR FREE Mobile casino georgia truck accident lawyer mesothelioma ct car insurance in south dakota Business VOIP Solutions Home Phone Internet Bundle mesothelioma lawsuit structured settlemen Massage School Dallas Texas Make money online Australia World trade center footage Best social media platforms CAR ACCIDENT LAWYERS Best Criminal Lawyers in Arizona Car Insurance Quotes MN Asbestos Lung Cancer DONATE YOUR CAR FOR MONEY Life Insurance Co Lincoln mesothelioma drug wisconsin mesothelioma attorney STRUCTURED ANNUITY SETTLEMENT MORTGAGE ADVISER car insurance quotes utah mesothelioma lawyer houston tx auto insurance Hire php developers Psd to WordPress Donate Cars Illinois New social media platforms Social media examiner Webex Costs Casino reviews Car Insurance Quotes Colorado washington mesothelioma attorney harddrive data recovery services structured annuity settlement Computer science classes online mesothelioma donate your car for kids Bankruptcy lawyer car insurance quotes mn Custom WordPress theme designer DUI lawyer accident attorney orange county Royalty Free Images Stock Photo Christmas cards Service business software accident lawyers in los angeles MASSAGE SCHOOL DALLAS TEXAS Hire php programmers Donate a Car in Maryland Adobe illustrator classes Virtual Data Rooms cash out structured settlement personal injury law firm CAR INSURANCE QUOTES MN Car Insurance Quotes Utah Paperport promotional code Dwi lawyer Criminal lawyer Best Seo company Criminal defense lawyer michigan motorcycle accident lawyer Motor Replacements Php programmers for hire Hire php developer Social media campaigns mesothelioma law suits Car Insurance Quotes PA Car Accident Lawyers Seo companies Mesothelioma Law Firm phd in counseling education Donating a Car in Maryland BEST CRIMINAL LAWYER IN ARIZONA Best social media platforms for business adverse remortgage Business finance group baltimore mesothelioma attorneys VIRTUAL DATA ROOMS ROYALTY FREE IMAGES STOCK dui lawyer scottsdale Seo services Sell Annuity Payment business email web hosting Online College Course Business management software personal injury firm tennessee mesothelioma lawyer personal injury attorney springfield mo Seo company Psychic for Free Nunavut culture PAPERPORT PROMOTIONAL CODE Online Christmas cards Structures Annuity Settlement Neuson WordPress themes for designers auto accident attorney Torrance Personal Injury Lawyers motor insurance quotes Social media management DONATE OLD CARS TO CHARITY structered settlement mesothelioma lawyer houston boca raton personal injury attorney Register free domains sell structured settlement calculator Cheap Domain Registration Hosting Learning adobe illustrator DAYTON FREIGHT LINES Tech school Social media platforms SELL ANNUITY PAYMENT Proud Italian cook MET AUTO NUNAVUT CULTURE Html email massage school dallas texas Christmas cards LOW CREDIT LINE CREDIT CARDS Psd to html motorcycle accident attorney sacramento mesothelioma attorney california mesothelioma law firms LIFE INSURANCE CO LINCOLN Italian cooking school HOW TO DONATE A CAR IN CALIFORNIA donate old cars to charity Better Conference Calls WordPress theme designers Annuity Settlements pharmacist jobs in chicago register free domains Personal Injury Lawyer Mortgage adviser Social media strategies best criminal lawyer in arizona Social media tools Low credit line credit cards Dayton Freight Lines motorcycle accident lawyer california Donate Car to Charity California emergency response plan ppt Dallas Mesothelioma Attorneys Donate Car for Tax Credit Forensics Online Course workplace accident attorney Donate Cars in MA life insurance quotes Donate Your Car Sacramento How to Donate A Car in California Donate a car in Maryland Donate Your Car for Kids Asbestos Lawyers structured settlement quote verizon sip Online Classes ONLINECLASSES AUTOMOBILE ACCIDENT ATTORNEY mesothelioma law firm Nunavut Culture Hard drive Data Recovery Services mesothelioma claims Donate Car To Charity CALIFORNIA structured settlement buyer Holland Michigan College ASBESTOS LAWYERS Criminal Defense Attorneys Florida selling my structured settlement Better conferencing calls Online Motor Insurance Quotes Forex Trading Platform holland michigan college illinois law lemon city college in miami onlineclasses benchmark lending mesothelioma charities Futuristic Architecture mesothelioma lawyers san diego Low Credit Line Credit Cards Paperport Promotional Code personal injury lawyer sarasota fl business administration masters integrated ehr mesothelioma settlements buyer of structured settlement annuity

Superponer elementos sobre capas embebidas e iframes – Shipping – PHD

Los códigos de vídeos embebidos y las ventanas hechas coniframe, de cuando en cuando nos dan algún problema cuando se portan de manera rebelde y parecen no querer responder a nuestras instrucciones.

Por ejemplo, es común que al desplegar un menú que tiene justo debajo un vídeo, este quede parcialmente oculto por causa de que ese vídeo queda por encima de todo. Lo mismo ocurre cuando creamos algún efecto de capa que oculta todo (vg. cuando queremos simular unapantalla de presentación) y ese dichoso vídeo se nos queda también por encima.

Pues la solución para evitar esto es sencilla, pero como siempre, sólo una vez que se conoce. A eso vamos.


Primero veamos en qué consiste el problema,publicando un fichero flash (.swf) dentro de una capa. Le hemos puesto una propiedadposition:relative que nos permitirá luego incluir otras capas dentro de ella y situarlas dónde queramos conposition:absolute,top yleft (verpropiedad position). En concreto vamos a meter una caja de texto parcialmente por encima de la animación, otra con un enlace algo más abajo y por último, una imagen un poco más allá de la mitad.

Hemos omitido deliberadamente el resto de propiedades CSS que no influyen para la demostración como los anchos, altos, direcciones, etc. Este es el código que usamos y a continuación, el -deficiente- resultado:

div style="position: relative;
  div style="position: absolute;top: -30px;left: 214px;
    Esta es una capa con texto
  /div
  div style=" position: absolute; top: 150px; left: 214px;
    Esta es otra capa con un a href="#"enlace/a
  /div
  div style="position: absolute;top: 250px;left: 184px;"
    img border="0" height="122" src="url_imagen" width="160" /
  /div
  object data="url_swf" height="528" type="application/x-shockwave-flash" width="528"
    param name="movie" value="URL_swf"
  /object
/div

Esta es una capa con texto

Esta es otra capa con texto

Cómo se puede comprobar, aunque las tres capas están ahí, sólo se ve lo que el flash no solapa y el resto permanece oculto tras el mismo. Decía al principio que la solución era fácil y así es. Será suficiente con añadir un parámetrovmode con valortransparent y el flash pasará a comportarse como si fuera un fondo quedando detrás de todo lo demás:

div style="position: relative;
  div style="position: absolute;top: -30px;left: 214px;
    Esta es una capa con texto
  /div
  div style=" position: absolute; top: 150px; left: 214px;
    Esta es otra capa con un a href="#"enlace/a
  /div
  div style="position: absolute;top: 250px;left: 184px;"
    img border="0" height="122" src="url_imagen" width="160" /
  /div
  object data="url_swf" height="528" type="application/x-shockwave-flash" width="528"
    param name="movie" value="URL_swf"
    param name="wmode" value="transparent"
  /object
/div

Esta es una capa con texto

Esta es otra capa con unenlace

Ya tenemos nuestro contenido por encima de la animación, pero no hay que olvidar que ahora lo que queda por debajo de esas capas solapadas no funcionará. La parte de los cuadraditos que quedan ocultos evidentemente ya no producen sonidos. Al contrario, el texto de las nuevas capas es seleccionable y el enlace accesible. En este caso es simplemente unmarcador que lleva a este párrafo, pero si fuera un enlace a otra dirección, funcionaría exactamente igual. Para uniframe, que es por ejemplo el sistema con el que se insertan actualmente los vídeos de YouTube, el parámetro que nos soluciona la papeleta es el mismo, pero se aplica de distinta manera. En este caso hay que añadirlo a continuación de la dirección del vídeo ensrc, con el formato?wmode=transparent:

div style="position: relative;"
  div style="position: absolute; top: -30px; left: 164px;"
    Esta es una capa con texto
  /div
  div style="position: absolute; top: 210px; left: 10px;"
    img border="0" height="122" src="url_imagen" width="160" / 
  /div
  iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/94E0OSNl_FQ?wmode=transparent" width="420"
  /iframe
/div

Esta es una capa con texto

New social media platforms webex costs Make money online Australia google adsense lawsuit mesothelioma car insurance in south dakota accident attorney san bernardino Christmas cards cash out annuity Met Auto auto accident lawyer san francisco washington mesothelioma attorney car insurance quotes pa buyer of structured settlement annuity structured settlement investments houston tx auto insurance mesothelioma claim city college in miami CAR INSURANCE QUOTES UTAH domain name yahoo Attorney Car Insurance Quotes Service business software Psd to html CHEAP DOMAIN REGISTRATION HOSTING Casino AUTOMOBILE ACCIDENT ATTORNEY Seo company Online casino california mesothelioma attorney Auto Mobile Shipping Quote DAYTON FREIGHT LINES donate car for tax credit injury lawyers mesothelioma lawyer virginia mesothelioma information Criminal defense lawyer WordPress themes for designers Bankruptcy lawyer car insurance quotes colorado diagnosed with mesothelioma Custom Christmas cards Php programmers Mobile casino Personal Injury Law Firm online motor insurance quotes workers compensation lawyer los angeles Online Christmas cards Social media platforms mesothelioma lawyer california Online motor insurance quotes DONATE OLD CARS TO CHARITY Online Motor Insurance Quotes WordPress theme designers Life Insurance Co Lincoln Home Phone Internet Bundle Cheap Car Insurance in Virginia business email web hosting Dallas mesothelioma attorneys mesothelioma attorney florida Learning adobe illustrator See more at http//wwwginfostopnet/ data recovery raid Royalty Free Images Stock structured settlement cash out Mortgage adviser mesothelioma lawyer houston World Trade Center Footage Social media management bus accident attorney los angeles domain yahoo Casino reviews Dedicated Hosting Dedicated Server Hosting mesothelioma attorney Live casino DUI lawyer Hire php developers Dwi lawyer motorcycle accident lawyer san francisco Social media strategies Donate car for tax credit Hire php programmers Donate Cars in MA Better Conference Calls Criminal lawyer Social media examiner NEUSON personal injury lawyer Motor Insurance Quotes hosted predictive dialers Best Seo company sell annuity payment Hire php developer Hard drive Data Recovery Services CAR ACCIDENT LAWYERS average mesothelioma settlement google affiliate Forensics Online Course PAPERPORT PROMOTIONAL CODE Php programmers for hire How to Donate A Car in California hughes net business DONATE CAR FOR TAX CREDIT adverse remortgage Social media campaigns Annuity Settlements Business finance group Seo services Computer science classes online Psd to WordPress Dayton Freight Lines Seo companies Best social media platforms for business automobile accident attorney cheap car insurance in virginia WEBEX COSTS Business VOIP Solutions CAR INSURANCE QUOTES MN new york mesothelioma law firm cell cycle regulation ppt MASSAGE SCHOOL DALLAS TEXAS Social media platforms for business Data Recovery Raid student loan consolidation program Custom WordPress theme designer mesothelioma law suit Best criminal lawyer in Arizona structered settlement philadelphia mesothelioma lawyer car accident lawyers west palm beach Business management software st louis mesothelioma attorney Best social media platforms Personal Injury Lawyer chicago hair laser removal refinance with bad credit sell structured settlement calculator Photo Christmas cards Virtual Data Rooms quotes car domain registration yahoo WordPress hosting refinance with poor credit injury lawyers west palm beach best criminal lawyer in arizona orlando criminal attorney structured annuity settlement car accident lawyer san bernardino Better conferencing calls Car Accident Lawyers Automobile Accident Attorney PHD on Counseling Education home phone internet bundle Tech school Car Insurance Quotes Utah selling a structured settlement Html email workplace accident attorney offshore accident lawyer World trade center footage Proud Italian cook online criminal justice degree STRUCTURED ANNUITY SETTLEMENT MOTOR REPLACEMENTS mesotheloma Italian cooking school WORLD TRADE CENTER FOOTAGE DONATE CARS ILLINOIS ONLINE MOTOR INSURANCE QUOTES Insurance Adobe illustrator classes personal injury accident lawyer Social media tools pharmacist jobs in chicago Donate Car to Charity California life insurance quotes Mesothelioma Law Firm Donate Car for Tax Credit CAR INSURANCE QUOTES PA Car Insurance Quotes MN BETTER CONFERENCING CALLS Donate Your Car Sacramento hair removal washington dc Sell Annuity Payment Car Insurance Quotes PA cheap auto insurance in va Donate Your Car for Kids asbestos exposure lawyers Asbestos Lawyers what is structured settlement Structures Annuity Settlement personal injury solicitor Car Insurance Quotes Colorado Cheap Domain Registration Hosting Nunavut Culture HOW TO DONATE A CAR IN CALIFORNIA Forex Trading Platform Donate a Car in Maryland CAR DONATE Motor Replacements mesothelioma settlement amounts Donating a Car in Maryland Donate Cars Illinois Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona better conferencing calls car insurance quotes mn Holland Michigan College Online Colleges donate old cars to charity

Humor en el muro – Phone – Rooms – Service

Todo lo que hace es pasarse el día entero escribiendo en nuestro muro.
Futuro adicto a Facebook

Facebook should have a limit on the number of times people can change their relationship status, after 5 it should default to "Unstable"

— Ellen Degenres (@EllenDegenres)enero 30, 2012

Facebook debería tener un límite en el número de veces que la gente puede cambiar su dato de relación. Después de 5 debería pasar por defecto a 'Inestable'.

Yo os declaro marido y mujer. Podéis actualizar vuestro estado en Facebook.

Puedo... Puedo explicarlo todo.

Custom Christmas cards saskatchewan auto insurance adverse remortgage Online casino Attorney Auto Accident Attorney mesothelioma lawsuit miami personal injury lawyer Best Seo company car insurance companies Make money online Australia Cheap domain registration hosting Photo Christmas cards mesothelioma lawyer houston PSYCHIC FOR FREE Car Insurance Quotes MN Adobe illustrator classes motor replacements mesothelioma lawyer dallas DONATE CARS IN MA sell my structured settlement Tech school truck accident attorney los angeles WordPress themes for designers Personal Injury Lawyer la personal injury lawyer motorcycle accident lawyer san francisco Hire php programmers injury attorney baton rouge donate old cars to charity Mobile casino DUI lawyer Donate a car in Maryland BEST CRIMINAL LAWYER IN ARIZONA Cheap Auto Insurance in VA Live casino ROYALTY FREE IMAGES STOCK Casino REGISTER FREE DOMAINS ANNUITY SETTLEMENT Donate Old Cars to Charity tennessee mesothelioma lawyer google adsense DONATE CARS ILLINOIS Custom WordPress theme designer Business finance group Donate Your Car for Kids Casino reviews Sell Annuity Payment Neuson Seo companies houston motorcycle accident lawyer donating used cars to charity Webex Costs DONATING USED CARS TO CHARITY dui lawyer scottsdale Cheap Car Insurance in Virginia anti spam appliance Hire php developers holland michigan college new mexico mesothelioma lawyer Dallas Mesothelioma Attorneys selling annuity payments for cash Social media tools Automobile Accident Attorney Seo company Mesothelioma Law Firm Massage school Dallas Texas motorcycle lawyer los angeles meso lawyer Nunavut Culture workers compensation lawyer los angeles Dwi lawyer mesothelioma settlement amounts Criminal lawyer Online Colleges illinois mesothelioma lawyer average mesothelioma settlement LIFE INSURANCE CO LINCOLN How to donate a car in California Asbestos Lung Cancer Service business software ashely madis Criminal defense lawyer chicago hair laser removal Car Insurance in South Dakota DONATE CAR FOR TAX CREDIT Auto Mobile Insurance Quote Php programmers for hire annuity payment quotes car Hire php developer Register Free Domains adverse credit remortgage insurance medical temporary Bankruptcy lawyer ONLINE COLLEDGES selling structured settlement Computer science classes online Php programmers Best social media platforms for business Forex Trading Platform cheap car insurance in virginia CAR INSURANCE QUOTES MN MORTGAGE ADVISER DONATE A CAR IN MARYLAND New social media platforms Social media platforms for business Donate Your Car Sacramento Donate Car for Tax Credit Car insurance quotes Colorado Social media strategies motor insurance quotes mesothelioma survival rates mesothelioma charities Dallas mesothelioma attorneys canada personals yahoo Royalty free images stock Seo services pharmacist jobs in chicago ONLINECLASSES best accident attorneys refinance with poor credit accident car florida lawyer Business management software Best social media platforms benchmark lending Online Christmas cards STRUCTURED ANNUITY SETTLEMENT World Trade Center Footage car accident lawyers west palm beach Online classes Psd to html washington mesothelioma attorney Donating Used Cars to Charity Online Stock Trading CHEAP AUTO INSURANCE IN VA Futuristic Architecture WordPress hosting Car Donate Psd to WordPress att call conference boca raton personal injury attorney Hard drive Data Recovery Services Social media examiner harddrive data recovery services Social media management Life insurance co Lincoln Proud Italian cook Html email CHEAP CAR INSURANCE FOR LADIES Cheap Domain Registration Hosting Social media platforms Christmas cards hair removal washington dc Italian cooking school WordPress theme designers FORENSICS ONLINE COURSE cloud identity and access management DONATE YOUR CAR FOR KIDS Learning adobe illustrator Car Insurance Quotes Colorado Donate a Car in Maryland Data Recovery Raid Social media campaigns mesothelioma attorneys california Donate Car to Charity California Donate Cars in MA WORLD TRADE CENTER FOOTAGE How to Donate A Car in California online colledges fortis health insurance temporary Asbestos Lawyers Cheap Car Insurance for Ladies Structures Annuity Settlement HOW TO DONATE A CAR IN CALIFORNIA Annuity Settlements Dayton Freight Lines Criminal Defense Attorneys Florida virtual data rooms Register free domains Motor Replacements personal injury law firm Donating a Car in Maryland compare life assurance Donate Cars Illinois Holland Michigan College Best Criminal Lawyers in Arizona Insurance Online colledges Car Insurance Quotes Utah Life Insurance Co Lincoln donate your car for money personal injury solicitor LOW CREDIT LINE CREDIT CARDS Online Motor Insurance Quotes Paperport Promotional Code Dayton freight lines structured settlement cash out dallas mesothelioma lawyer seattle mesothelioma lawyer illinois law lemon Online Classes buyer of structured settlement annuity Massage School Dallas Texas Psychic for Free Low Credit Line Credit Cards mesothelioma information Donate your Car for Money Donate cars Illinois