[Ovillo] [curiosidad] Google drop-shadows.

2010-06-10 Por tema Tei
Google ha empezado a permitir images de background en la portada del
buscador. Naturalmente cualquier imagen no pega con cualquier texto,
asi que ha optado por añadir un dropshadow a los textos, para hacer
que estos resalten y sean legibles, incluso si el fondo es blanco y el
texto es blanco.

He curioseado un poco, y el codigo parece algo como esto:

a href=/intl/es/ads/ style=position: relative;
spanProgramas de publicidad/span
span class=cpTextCloneShadow style=width: 144px;Programas de
publicidad/span
/a

Con este CSS
.cpTextCloneShadow {
color: #333;left: 1px;
position: absolute;
top: 1px;
z-index: -1;
}

parece que utilizan el concepto de position absolute significa
absoluto solo desde el ultimo elemento con posicionamiento absoluto o
relativo en que esta contenido el elemento,  mediante la comprension
de esto, y el pequeño truco de empujar hacia abajo la sombra con
z-index: -1  te hacen un pequeño dropshadown.

Esta bien :-)


-- 
--
ℱin del ℳensaje.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [curiosidad] Google drop-shadows.

2010-06-10 Por tema Martín Szyszlican
Hola Tei, no te parece que poner el texto dos veces es poco semántico?
Además debe generar problemas de accesibilidad para los lectores de
pantalla.
Dicen que el contenido duplicado es malo para el SEO :P

Me extraña que google no tenga en cuenta estas cosas.

Martín.

2010/6/10 Tei oscar.vi...@gmail.com

 Google ha empezado a permitir images de background en la portada del
 buscador. Naturalmente cualquier imagen no pega con cualquier texto,
 asi que ha optado por añadir un dropshadow a los textos, para hacer
 que estos resalten y sean legibles, incluso si el fondo es blanco y el
 texto es blanco.

 He curioseado un poco, y el codigo parece algo como esto:

 a href=/intl/es/ads/ style=position: relative;
 spanProgramas de publicidad/span
 span class=cpTextCloneShadow style=width: 144px;Programas de
 publicidad/span
 /a

 Con este CSS
 .cpTextCloneShadow {
color: #333;left: 1px;
position: absolute;
top: 1px;
z-index: -1;
 }

 parece que utilizan el concepto de position absolute significa
 absoluto solo desde el ultimo elemento con posicionamiento absoluto o
 relativo en que esta contenido el elemento,  mediante la comprension
 de esto, y el pequeño truco de empujar hacia abajo la sombra con
 z-index: -1  te hacen un pequeño dropshadown.

 Esta bien :-)


 --
 --
 ℱin del ℳensaje.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [curiosidad] Google drop-shadows.

2010-06-10 Por tema Ignacio Ricci
De última, podrían hacer un text-shadow, y los que no lo soportan que se
caguen :p
[image: Ignacio Ricci - Designer + Developer]


2010/6/10 Martín Szyszlican marti...@gmail.com

 Hola Tei, no te parece que poner el texto dos veces es poco semántico?
 Además debe generar problemas de accesibilidad para los lectores de
 pantalla.
 Dicen que el contenido duplicado es malo para el SEO :P

 Me extraña que google no tenga en cuenta estas cosas.

 Martín.

 2010/6/10 Tei oscar.vi...@gmail.com

  Google ha empezado a permitir images de background en la portada del
  buscador. Naturalmente cualquier imagen no pega con cualquier texto,
  asi que ha optado por añadir un dropshadow a los textos, para hacer
  que estos resalten y sean legibles, incluso si el fondo es blanco y el
  texto es blanco.
 
  He curioseado un poco, y el codigo parece algo como esto:
 
  a href=/intl/es/ads/ style=position: relative;
  spanProgramas de publicidad/span
  span class=cpTextCloneShadow style=width: 144px;Programas de
  publicidad/span
  /a
 
  Con este CSS
  .cpTextCloneShadow {
 color: #333;left: 1px;
 position: absolute;
 top: 1px;
 z-index: -1;
  }
 
  parece que utilizan el concepto de position absolute significa
  absoluto solo desde el ultimo elemento con posicionamiento absoluto o
  relativo en que esta contenido el elemento,  mediante la comprension
  de esto, y el pequeño truco de empujar hacia abajo la sombra con
  z-index: -1  te hacen un pequeño dropshadown.
 
  Esta bien :-)
 
 
  --
  --
  ℱin del ℳensaje.
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [curiosidad] Google drop-shadows.

2010-06-10 Por tema Ignacio Ricci
O lo clonas con JS :)
[image: Ignacio Ricci - Designer + Developer]


2010/6/10 Ignacio Ricci ignacio.ri...@gmail.com

 De última, podrían hacer un text-shadow, y los que no lo soportan que se
 caguen :p
 [image: Ignacio Ricci - Designer + Developer]


 2010/6/10 Martín Szyszlican marti...@gmail.com

 Hola Tei, no te parece que poner el texto dos veces es poco semántico?
 Además debe generar problemas de accesibilidad para los lectores de
 pantalla.
 Dicen que el contenido duplicado es malo para el SEO :P

 Me extraña que google no tenga en cuenta estas cosas.

 Martín.

 2010/6/10 Tei oscar.vi...@gmail.com

  Google ha empezado a permitir images de background en la portada del
  buscador. Naturalmente cualquier imagen no pega con cualquier texto,
  asi que ha optado por añadir un dropshadow a los textos, para hacer
  que estos resalten y sean legibles, incluso si el fondo es blanco y el
  texto es blanco.
 
  He curioseado un poco, y el codigo parece algo como esto:
 
  a href=/intl/es/ads/ style=position: relative;
  spanProgramas de publicidad/span
  span class=cpTextCloneShadow style=width: 144px;Programas de
  publicidad/span
  /a
 
  Con este CSS
  .cpTextCloneShadow {
 color: #333;left: 1px;
 position: absolute;
 top: 1px;
 z-index: -1;
  }
 
  parece que utilizan el concepto de position absolute significa
  absoluto solo desde el ultimo elemento con posicionamiento absoluto o
  relativo en que esta contenido el elemento,  mediante la comprension
  de esto, y el pequeño truco de empujar hacia abajo la sombra con
  z-index: -1  te hacen un pequeño dropshadown.
 
  Esta bien :-)
 
 
  --
  --
  ℱin del ℳensaje.
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [curiosidad] Google drop-shadows.

2010-06-10 Por tema Rafa Artacho
Lo han debido de cambiar ya

div style=margin: 19px auto; text-align: center; id=fll
a href=/intl/es/ads/Programas de publicidad/a
a href=/services/Soluciones Empresariales/a
a href=/intl/es/about.htmlTodo acerca de Google/a
a href=http://www.google.com/ncr;Google.com in English/a
/div

#fctr, #fctr a, .sblc a, #cpFooter a, #cpf a, #prm a, #addlang, #addlang a {
color:white;
text-shadow:0 1px 3px black;
}





2010/6/10 Ignacio Ricci ignacio.ri...@gmail.com

 De última, podrían hacer un text-shadow, y los que no lo soportan que se
 caguen :p
 [image: Ignacio Ricci - Designer + Developer]


 2010/6/10 Martín Szyszlican marti...@gmail.com

  Hola Tei, no te parece que poner el texto dos veces es poco semántico?
  Además debe generar problemas de accesibilidad para los lectores de
  pantalla.
  Dicen que el contenido duplicado es malo para el SEO :P
 
  Me extraña que google no tenga en cuenta estas cosas.
 
  Martín.
 
  2010/6/10 Tei oscar.vi...@gmail.com
 
   Google ha empezado a permitir images de background en la portada del
   buscador. Naturalmente cualquier imagen no pega con cualquier texto,
   asi que ha optado por añadir un dropshadow a los textos, para hacer
   que estos resalten y sean legibles, incluso si el fondo es blanco y el
   texto es blanco.
  
   He curioseado un poco, y el codigo parece algo como esto:
  
   a href=/intl/es/ads/ style=position: relative;
   spanProgramas de publicidad/span
   span class=cpTextCloneShadow style=width: 144px;Programas de
   publicidad/span
   /a
  
   Con este CSS
   .cpTextCloneShadow {
  color: #333;left: 1px;
  position: absolute;
  top: 1px;
  z-index: -1;
   }
  
   parece que utilizan el concepto de position absolute significa
   absoluto solo desde el ultimo elemento con posicionamiento absoluto o
   relativo en que esta contenido el elemento,  mediante la comprension
   de esto, y el pequeño truco de empujar hacia abajo la sombra con
   z-index: -1  te hacen un pequeño dropshadown.
  
   Esta bien :-)
  
  
   --
   --
   ℱin del ℳensaje.
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [curiosidad] Google drop-shadows.

2010-06-10 Por tema Tei
2010/6/10 Martín Szyszlican marti...@gmail.com:
 Hola Tei, no te parece que poner el texto dos veces es poco semántico?

Es tartazo en toda la cara de la web semantica.
Pero esto igual lo hacen despues de cargar mediante JS, realmente no
he tenido tiempo de averiguarlo.


-- 
--
ℱin del ℳensaje.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [curiosidad] Google drop-shadows.

2010-06-10 Por tema stripTM
Tei escribió:
 2010/6/10 Martín Szyszlicanmarti...@gmail.com:

 Hola Tei, no te parece que poner el texto dos veces es poco semántico?
  
 Es tartazo en toda la cara de la web semantica.
 Pero esto igual lo hacen despues de cargar mediante JS, realmente no
 he tenido tiempo de averiguarlo.


Ya, al menos a mi, ya no me aparece el fondo, la verdad es que con uno 
que me apareció esta mañana no se leía nada, la verdad me ha parecido 
bastante cutre, como una mala copia de Bing.

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo