Pocas veces tendremos la oportunidad de usar un servicio online para compartir música tan sencillo como Muzicons.
Ni siquiera necesitaremos registrarnos para obtener el código del original reproductor, claro que si lo hacemos tendremos la ventaja de tenerlo a buen recaudo para volver a usarlo más de una vez.
La página está en inglés aunque es muy fácil de usar casi por pura intuición.
Los resultados de cada paso se van viendo de forma automática a la derecha en "result" y podemos probar como quedará el aspecto del reproductor las veces que queramos antes de copiar el código:
01-Icon Aquí escogemos el icono-carita que se verá en el reproductor.
02-Music Aquí escogemos el tema musical (solo en formato .mp3) desde una url donde tengamos alojado el tema o usando el propio buscador del sitio.
03-Look Aquí el aspecto que tendrá el reproductor, podemos incluso incluir un pequeño texto (máximo 12 caracteres).
04-Background Color del reproductor.
Aquí tenéis un ejemplo que acabo de obtener sin necesidad de registro:
0
Muzicons. Música en tus entradas
0
Divagando sobre blogs y conversaciones
Pués la verdad, el comentario de Maite en una entrada reciente, me ha puesto a pensar y, de alguna manera, se entremezcla con uno de los tópicos del recientemente creado Foro de SpamLoco.
Decía:
Decía:
Yo os leo siempre de lo mismo en mil sitios y sigo estando pez, no entiendo de redes sociales, no estoy dentro de ninguna, ni de twiter, ni facebook ni ninguna, por lo que no se como funcionan y tampoco se lo que me pierdo.
Pero no consigo saber por qué le tenéis tanta manía a lo de los seguidores, a ver si explicandomelo tú desde el principio puedo enterarme de una vez.
A mi me gusta porque mucha gente viene y no comenta, sin embargo, no se por qué, se hace seguidor y al hacerlo me da una pista de su propio blog y así he podido conocer sitios estupendos relacionados con mi tema (y no relacionados) de los que no hubiera tenido idea si no fuese por esa ventanita.
Dentro de sus contactos y sus propios seguidores sigo conociendo más direcciones que me interesan... Para mí resulta muy útil desde un punto de vista no de presunción sino de información.
Si lo quito pierdo posibilidades. Cómo encontrarles si no? Esa es la pregunta básica más que nada. Si tienes tiempo y paciencia explicamelo, por favor, a ver si por fin me entero de cuál es la historia
Aunque he tratado de contestarlo, mi respuesta me parece incompleta o, mejor dicho, su comentario me ha llevado hacia otras direcciones y eso, siempre es bienvenido.
Más allá de la anecdota de ese gadget de seguidores y de su buen o mal uso, el tema de "sígueme" "soy tu fan" o "presumamos" me parece bastante más profundo. Imagino que en algún momento, los sociologos deberán ponerse a estudiar esto: ¿Cómo funciona la gente común cuando su vida se traslada a internet? ¿Somo lo mismo acá que allá? Tiendo a pensar que sí pero es evidente que no; sin duda, esta pseudo-realidad exacerba algunas cosas. Los generosos comparten más en la web que en la vida real; los egoistas son más egoistas, los buenos son más buenos y los malos son peores ¿Será una especie de borrachera 2.0 que hace que ciertas características personales se hagan más evidentes?
No digo que alguien sea distinto acá que allá sino que eso que lo caracteriza, se ve con más facilidad. El nick elegido, el avatar que usamos, los títulos que elegimos, la forma de expresarnos ... no hace falta un psicólogo para interpretarlos; los símbolos son obvios, muestran más que un millón de palabras.
Pero, hablar de toda la web sería inapropiado, es un universo demasiado amplio. Los blogs sólo son una parte de ese universo y deberían unirlos ciertas caracterísiticas, sin embargo, tengo la sensación que, poco a poco, son más las cosas que los separan que aquellas que los unen y de alguna manera, eso, terminará por destruirlos como medio.
Medio. Recalco la palabra porque esa es la clave y de allí lo interesante del comentario de Maite. Para ella, ese gadget es un medio y desde ese punto de vista no tiene nada que discutirse. Lo usa, le sirve y está bien pero ¿todos lo usaran de la misma manera? Me temo que no y tampoco tendría importancia salvo que, en muchos casos, el medio es en realidad un fin; el blog, termina existiendo para que ese numeríto mágico aumente y aumente y aumente. Algunos piensan: "cuanto más alto sea, mejor seré" lo que lamentablemente lleva a otros a la conclusión contraria: "cuanto más bajo sea, peor seré".
Ese es el dilema de los blogs. Ser lo que son o ser egoblogs.
Si un blog se transforma en sinónimo de sitio elitista donde alguien dicta cátedra, escribe y se queda mirando a ver las reacciones que ha generado, perderá su escencia. Si un blogger mira la cantidad de meneos que tiene una entrada antes de leer los comentarios, y reflexionar sobre lo que estos dicen, dejará de ser un blog y su sitio sólo será una forma barata de crearse un negocito en lugar de buscarse un trabajo hombreando bolsas en el puerto.
Poco a poco, la blogocosa se llena de elites, es casi "humanamente" inevitable; algunos pseudo-emprendedores han encontrado en este tipo de plataformas una forma fácil de juntar monedas; no tienen que invertir nada, el riesgo es escaso, si sale bien, genial, si sale mal, creamos otro y nos tiramos a la pileta; total, el mundo está lleno de giles y en alguna parte debe haber alguien dispuesto a comprarnos lo que vendemos: aire.
Y como si fuera poco, la elite se rie de nosotros y comentan entre ellos: "pobrecitos, son unos aficionados".
Y tienen razón.
Pero están equivocados.
Somos aficionados y eso es lo que queremos. Eso es lo que deberíamos rescatar antes que sea demasiado tarde. Los blogs SON para aficionados. Los blogs SON personales. Que alguno lo haya tomado como negocio no está mal, lo que está mal es que nos hagan creer que ese es el único camino, que esa es la escencia de este medio, que todos debemos ir en esa dirección o apartarnos.
Un blog es todo lo contrario de eso que nos quieren vender.
Un blog tiene sólo un fin: la conversación.
Un blog es una red social perfecta porque sólo requiere un interlocutor: uno mismo.
Si a eso se le agregan otras voces llegamos al Nirvana. No importa si son dos, cien o miles. Las voces que llegan desde afuera enriquecen la conversación y la llevan hasta lugares que uno no habría sospechado.
Un blog es eso: un sitio donde escucho lo que dice el otro.
Un blog soy yo mismo haciendo un blog.
Más allá de la anecdota de ese gadget de seguidores y de su buen o mal uso, el tema de "sígueme" "soy tu fan" o "presumamos" me parece bastante más profundo. Imagino que en algún momento, los sociologos deberán ponerse a estudiar esto: ¿Cómo funciona la gente común cuando su vida se traslada a internet? ¿Somo lo mismo acá que allá? Tiendo a pensar que sí pero es evidente que no; sin duda, esta pseudo-realidad exacerba algunas cosas. Los generosos comparten más en la web que en la vida real; los egoistas son más egoistas, los buenos son más buenos y los malos son peores ¿Será una especie de borrachera 2.0 que hace que ciertas características personales se hagan más evidentes?
No digo que alguien sea distinto acá que allá sino que eso que lo caracteriza, se ve con más facilidad. El nick elegido, el avatar que usamos, los títulos que elegimos, la forma de expresarnos ... no hace falta un psicólogo para interpretarlos; los símbolos son obvios, muestran más que un millón de palabras.
Pero, hablar de toda la web sería inapropiado, es un universo demasiado amplio. Los blogs sólo son una parte de ese universo y deberían unirlos ciertas caracterísiticas, sin embargo, tengo la sensación que, poco a poco, son más las cosas que los separan que aquellas que los unen y de alguna manera, eso, terminará por destruirlos como medio.
Medio. Recalco la palabra porque esa es la clave y de allí lo interesante del comentario de Maite. Para ella, ese gadget es un medio y desde ese punto de vista no tiene nada que discutirse. Lo usa, le sirve y está bien pero ¿todos lo usaran de la misma manera? Me temo que no y tampoco tendría importancia salvo que, en muchos casos, el medio es en realidad un fin; el blog, termina existiendo para que ese numeríto mágico aumente y aumente y aumente. Algunos piensan: "cuanto más alto sea, mejor seré" lo que lamentablemente lleva a otros a la conclusión contraria: "cuanto más bajo sea, peor seré".
Ese es el dilema de los blogs. Ser lo que son o ser egoblogs.
Si un blog se transforma en sinónimo de sitio elitista donde alguien dicta cátedra, escribe y se queda mirando a ver las reacciones que ha generado, perderá su escencia. Si un blogger mira la cantidad de meneos que tiene una entrada antes de leer los comentarios, y reflexionar sobre lo que estos dicen, dejará de ser un blog y su sitio sólo será una forma barata de crearse un negocito en lugar de buscarse un trabajo hombreando bolsas en el puerto.
Poco a poco, la blogocosa se llena de elites, es casi "humanamente" inevitable; algunos pseudo-emprendedores han encontrado en este tipo de plataformas una forma fácil de juntar monedas; no tienen que invertir nada, el riesgo es escaso, si sale bien, genial, si sale mal, creamos otro y nos tiramos a la pileta; total, el mundo está lleno de giles y en alguna parte debe haber alguien dispuesto a comprarnos lo que vendemos: aire.
Y como si fuera poco, la elite se rie de nosotros y comentan entre ellos: "pobrecitos, son unos aficionados".
Y tienen razón.
Pero están equivocados.
Somos aficionados y eso es lo que queremos. Eso es lo que deberíamos rescatar antes que sea demasiado tarde. Los blogs SON para aficionados. Los blogs SON personales. Que alguno lo haya tomado como negocio no está mal, lo que está mal es que nos hagan creer que ese es el único camino, que esa es la escencia de este medio, que todos debemos ir en esa dirección o apartarnos.
Un blog es todo lo contrario de eso que nos quieren vender.
Un blog tiene sólo un fin: la conversación.
Un blog es una red social perfecta porque sólo requiere un interlocutor: uno mismo.
Si a eso se le agregan otras voces llegamos al Nirvana. No importa si son dos, cien o miles. Las voces que llegan desde afuera enriquecen la conversación y la llevan hasta lugares que uno no habría sospechado.
Un blog es eso: un sitio donde escucho lo que dice el otro.
Un blog soy yo mismo haciendo un blog.
0
Guardamos los cambios.
[2] En la parte de Diseño de nuestro panel pinchamos en añadir un nuevo gadget HTML y dentro colocamos este código:
Añadiendo una nueva sección sobre las sidebar
Esta opción solo será posible si en nuestro blog tenemos dos sidebar en el mismo lado.
[1] En la parte de Edición HTML de nuestro panel, añadimos este código en el CSS de la plantilla antes de ]]></b:skin>:
[2] Más abajo, en el código HTML de la plantilla, localizamos el comienzo de la sección de la sidebar que ha de ser una línea más o menos como esta:
<div id='sidebar-wrapper'>
[3] Sobre esa línea pegamos el código para la nueva sección:
Guardamos los cambios y si todo ha salido según lo previsto, tendremos que ver algo así en la parte de Diseño:
[4] Pinchamos en ese nuevo gadget que tenemos ahora disponible y pegamos este código dentro:
Resultado:
Notas:
En ambos casos cada uno ha de modificar los códigos según sus necesidades, teniendo especial consideración con el espacio disponible, es decir, si nuestra sidebar mide menos de 270px de ancho aproximadamente, difícilmente vamos a poder colocar los banner de dos en dos sin antes hacer los cambios necesarios en la plantilla.
He incluido las imágenes en los dos ejemplos, podéis usarlas sin problemas ya que están subidas a Blogger.
Colocar banners de 125 x 125
Es muy común el uso de espacios de 125 x 125 pixeles para ofrecer la colocación de banner publicitarios o incluso para enlazar alguna web amiga que queramos destacar.
Utilizar un espacio en nuestro blog para este tipo de banner no es muy complicado, usando HTML y CSS tendríamos distintas posibilidades de hacerlo. Vamos a ver como hacerlo usando una lista.
Añadiendo el espacio para banners en un gadget
[1] En Edición HTML colocamos este código CSS antes de la etiqueta ]]></b:skin> de nuestra plantilla.
/*----------Banner 125x125-----------*/
.banner{
margin: 0 0 10px 0;
padding: 10px auto 10px;
width:100%;
float:center;
}
.banner ul {
margin: 0px 0px;
padding: 10px 25px;
list-style-type:none;
}
.banner li{
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:right;
}
.banner li a:link, .banner li a:visited {
text-decoration: none;
}
Guardamos los cambios.
[2] En la parte de Diseño de nuestro panel pinchamos en añadir un nuevo gadget HTML y dentro colocamos este código:
<div class="banner">
<ul>
<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgly5RLRYnpDdgpol_jobVffK2BCsFWxK-wYUskPYx9-bSKqOQdeBcTM32lcp7YOwSiXCQkmNtuCA1u8FUKdNz7oPLvhUWxVy_pP2xSpKhjkZbjeG9AwM7fJiZ4K3g2K57jjv9T9uphIPA/s320/banner125.png"/></a>
</li>
<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgly5RLRYnpDdgpol_jobVffK2BCsFWxK-wYUskPYx9-bSKqOQdeBcTM32lcp7YOwSiXCQkmNtuCA1u8FUKdNz7oPLvhUWxVy_pP2xSpKhjkZbjeG9AwM7fJiZ4K3g2K57jjv9T9uphIPA/s320/banner125.png"/></a>
</li>
<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgly5RLRYnpDdgpol_jobVffK2BCsFWxK-wYUskPYx9-bSKqOQdeBcTM32lcp7YOwSiXCQkmNtuCA1u8FUKdNz7oPLvhUWxVy_pP2xSpKhjkZbjeG9AwM7fJiZ4K3g2K57jjv9T9uphIPA/s320/banner125.png"/></a>
</li>
<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgly5RLRYnpDdgpol_jobVffK2BCsFWxK-wYUskPYx9-bSKqOQdeBcTM32lcp7YOwSiXCQkmNtuCA1u8FUKdNz7oPLvhUWxVy_pP2xSpKhjkZbjeG9AwM7fJiZ4K3g2K57jjv9T9uphIPA/s320/banner125.png"/></a>
</li>
</ul>
</div>
Añadiendo una nueva sección sobre las sidebar
Esta opción solo será posible si en nuestro blog tenemos dos sidebar en el mismo lado.
[1] En la parte de Edición HTML de nuestro panel, añadimos este código en el CSS de la plantilla antes de ]]></b:skin>:
/* Sidebar - anuncios */
#sidebar-publicidad {
float : right;
margin-left:4px;
width : 420px;
background:#ffffff;
font : 14px Georgia Serif;
}
#sidebar-publicidad .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
border: 1px solid #ddd;
}
.sidebar-publi {
float: left;
width: 420px;
margin-left:5px;
margin-bottom: 5px;
}
.sidebar-anuncio {
padding: 5px;
float: left;
}
#sidebar-publicidad p {
background:url(http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SQW1N2J-hII/AAAAAAAAEjU/cwSlppBaB4Y/s320-R/stock_draw-line-ends-with-arrow_24x24.png) no-repeat scroll left 50%;
margin-top:5px;
text-align:left;
padding-left:25px;
}
[2] Más abajo, en el código HTML de la plantilla, localizamos el comienzo de la sección de la sidebar que ha de ser una línea más o menos como esta:
<div id='sidebar-wrapper'>
[3] Sobre esa línea pegamos el código para la nueva sección:
<div id='sidebar-publicidad'>
<b:section class='sidebar-publicidad' id='sidebar-publicidad' preferred='yes'>
<b:widget id='HTML99' locked='false' title='' type='HTML'/>
</b:section></div>
Guardamos los cambios y si todo ha salido según lo previsto, tendremos que ver algo así en la parte de Diseño:
[4] Pinchamos en ese nuevo gadget que tenemos ahora disponible y pegamos este código dentro:
<div class="sidebar-publi">
<div class="sidebar-anuncio"><a href="#">
<img border="0" src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/SVWEjzCtrSI/AAAAAAAAF50/rJzVLrzgllc/s320/banner_125x125.jpg"/></a></div>
<div class="sidebar-anuncio"><a style="text-decoration: none;" href="#"><img border="0" src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/SVWEjzCtrSI/AAAAAAAAF50/rJzVLrzgllc/s320/banner_125x125.jpg"/></a></div>
<div class="sidebar-anuncio"><a style="text-decoration: none;" href="#"><img border="0" src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/SVWEjzCtrSI/AAAAAAAAF50/rJzVLrzgllc/s320/banner_125x125.jpg"/></a></div>
<div class="clear"></div>
<p>Tu publicidad aquí.<a href="mailto:tu email" title="Publicidad aqui"> Envía un email.</a></p></div>
Resultado:
Notas:
En ambos casos cada uno ha de modificar los códigos según sus necesidades, teniendo especial consideración con el espacio disponible, es decir, si nuestra sidebar mide menos de 270px de ancho aproximadamente, difícilmente vamos a poder colocar los banner de dos en dos sin antes hacer los cambios necesarios en la plantilla.
He incluido las imágenes en los dos ejemplos, podéis usarlas sin problemas ya que están subidas a Blogger.
0
Cuando hacemos eso conseguimos que la imagen se repita a lo largo y ancho del blog.
Veamos un ejemplo, añadimos la siguiente imagen que mide 250px × 229px
Por defecto la imagen se repite, y nos proporciona el mismo efecto que si añadiéramos la propiedad repeat.
Si utilizamos no-repeat nuestra imagen no se repetirá y por defecto aparecería en el margen superior izquierdo.
Hay otros valores que podemos añadir para decidir de qué forma repetir la imagen.
Si con repeat la imagen se repite horizontal y verticalmente con repeat-x conseguimos que se repita en horizontal.
Por el contrario se repetirá en vertical si utilizamos repeat-y
Se utilizan los valores top (arriba) left (izquierda) right (derecha) bottom (abajo) y center (centrado)
Posiciones horizontales: (left, center, right)
Posiciones horizontales verticales (top, center, bottom)
Partiendo de esa base aquí tenemos unos ejemplos.
La solución es sencilla veremos la imagen centrada, y ese espacio que no ocupa será ocupado por un color.
Añadir imágenes y texturas de fondo
Hay una diferencia entre añadir una imagen de fondo y añadir una textura. Normalmente para las texturas utilizamos la propiedad repeat para que la imagen se repita y ocupe todo el fondo.
En una plantilla de Blogger la imagen de fondo la añadiríamos de la siguiente forma.body {
background: url('url-imagen-fondo');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Cuando hacemos eso conseguimos que la imagen se repita a lo largo y ancho del blog.
Veamos un ejemplo, añadimos la siguiente imagen que mide 250px × 229px
background: url('url-de-la-imagen');
Por defecto la imagen se repite, y nos proporciona el mismo efecto que si añadiéramos la propiedad repeat.
background: url('url-de-la-imagen')repeat;
La propiedad background-repeat determina como se repite una imagen de fondo.Si utilizamos no-repeat nuestra imagen no se repetirá y por defecto aparecería en el margen superior izquierdo.
background: url('url-de-la-imagen') no-repeat;
Hay otros valores que podemos añadir para decidir de qué forma repetir la imagen.
Si con repeat la imagen se repite horizontal y verticalmente con repeat-x conseguimos que se repita en horizontal.
background: url('url-de-la-imagen')repeat-x;
Por el contrario se repetirá en vertical si utilizamos repeat-y
background: url('url-de-la-imagen') repeat-y;
Como decía antes no se añade igual una textura que una imagen, antes de añadir una imagen de fondo deberíamos saber que la imagen no se posiciona en el centro sino que somos nosotros los que debemos añadir la posición de la imagen. Para posicionar una imagen utilizamos la propiedad background-position.
Se utilizan los valores top (arriba) left (izquierda) right (derecha) bottom (abajo) y center (centrado)
Posiciones horizontales: (left, center, right)
Posiciones horizontales verticales (top, center, bottom)
Partiendo de esa base aquí tenemos unos ejemplos.
¿Todavía nada en claro? quizás con este ejemplo veamos mejor como posicionar una imagen tipo fotografía.
Si nuestra imagen es grande puede que no tengamos problema, pero si por el contrario es menor que el espacio de nuestro blog se vería más o menos así:
background: url('url de la imagen') no-repeat center;
Hay una solución y es aumentar la imagen de tamaño, pero con seguridad que la imagen perdería calidad, podemos probar si así lo deseamos o.. recurrir a otra solución. Añadir color a ese espacio que no es ocupado por la imagen.
background:#000 url('url de la imagen') no-repeat center;
La solución es sencilla veremos la imagen centrada, y ese espacio que no ocupa será ocupado por un color.
0
Vaya, leí entusiasmada hasta que llegué al final. Suena a chiste eso de "no están implementados en Internet Explorer" es como decir que algo está riquísimo pero no podemos comerlo porque nos va a sentar mal 
Pués sí. Gem@
tiene razón en sentir eso luego de leer que algunas de las alternativas más avanzadas del CSS aún no han sido incorporadas a Internet Explorer, aunque algunas de ellas ya funcionan en la versión más reciente del navegador IE8 que puede ser descargada sin restricciones desde la página de Microsoft.
Sin embargo hace tiempo, había comentado en una entrada, que en Google Codes podíamos encontrar la solución y es hora de volver sobre ese tema.
Dean Edwards es el creador de una serie de scripts muy pequeños que podemos cargar directamente sin necesidad de alojarlos nosotros y que permiten solucionar esas limitaciones, agregando a IE, una serie de funciones que no posee. Hay dos versiones IE7.js e IE8.js que contiene al anterior y que es el que conviene usar.
¿Qué cosas resuelve?
Permite el uso de selectores CSS:
parent>child adjacent + sibling adjacent ~ sibling .multiple.classes :hover :first-child [attr] [attr="value"] [attr~="value"] [attr|="value"] [attr^="value"] [attr$="value"] [attr*="value"] ::after ::before :active :focus :checked :contains() :disabled :empty :enabled :indeterminate :lang() :last-child :not() :nth-child() :nth-last-child() :only-child :target
Agrega y corrige la forma de interpretar ciertas propiedades CSS:
background-attachment background-image bottom cursor display font-size margin max-height max-width min-height min-width overflow position right border-spacing (para tablas) box-sizing content soporta attr() y url() opacity property: inherit
Agrega y corrige la forma de interpretar ciertos elementos HTML:
abbr img label button[type=submit] form object
Soluciona además los problemas de márgenes dobles y otros detalles específicios aunque para esto último hay una librería extra llamada ie7-squish.js.
También corrige el uso de imágenes PNGs transparentes pero, con una limitación, lo hace sólo si la imagen tiene este tipo de nombre: *-trans.png
No lo hará en el 100% de los casos pero, si miran la página de demos, verán que lo hace bastante bien
¿Cómo lo usamos, simplemente agregamos esto antes de </head>:
IE8.js: Resolviendo incompatibilidades de IE
Vaya, leí entusiasmada hasta que llegué al final. Suena a chiste eso de "no están implementados en Internet Explorer" es como decir que algo está riquísimo pero no podemos comerlo porque nos va a sentar mal Pués sí. Gem@
tiene razón en sentir eso luego de leer que algunas de las alternativas más avanzadas del CSS aún no han sido incorporadas a Internet Explorer, aunque algunas de ellas ya funcionan en la versión más reciente del navegador IE8 que puede ser descargada sin restricciones desde la página de Microsoft.Sin embargo hace tiempo, había comentado en una entrada, que en Google Codes podíamos encontrar la solución y es hora de volver sobre ese tema.
Dean Edwards es el creador de una serie de scripts muy pequeños que podemos cargar directamente sin necesidad de alojarlos nosotros y que permiten solucionar esas limitaciones, agregando a IE, una serie de funciones que no posee. Hay dos versiones IE7.js e IE8.js que contiene al anterior y que es el que conviene usar.
¿Qué cosas resuelve?
Permite el uso de selectores CSS:
parent>child adjacent + sibling adjacent ~ sibling .multiple.classes :hover :first-child [attr] [attr="value"] [attr~="value"] [attr|="value"] [attr^="value"] [attr$="value"] [attr*="value"] ::after ::before :active :focus :checked :contains() :disabled :empty :enabled :indeterminate :lang() :last-child :not() :nth-child() :nth-last-child() :only-child :target
Agrega y corrige la forma de interpretar ciertas propiedades CSS:
background-attachment background-image bottom cursor display font-size margin max-height max-width min-height min-width overflow position right border-spacing (para tablas) box-sizing content soporta attr() y url() opacity property: inherit
Agrega y corrige la forma de interpretar ciertos elementos HTML:
abbr img label button[type=submit] form object
Soluciona además los problemas de márgenes dobles y otros detalles específicios aunque para esto último hay una librería extra llamada ie7-squish.js.
También corrige el uso de imágenes PNGs transparentes pero, con una limitación, lo hace sólo si la imagen tiene este tipo de nombre: *-trans.png
No lo hará en el 100% de los casos pero, si miran la página de demos, verán que lo hace bastante bien
¿Cómo lo usamos, simplemente agregamos esto antes de </head>:
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
REFERENCIAS:code.google.com
0
El uso del servicio es bastante sencillo. En primer lugar crearemos una cuenta (Create account) y con solo introducir nuestro email y un password ya estaremos logueados.
Una vez allí añadimos en "Add event" una frase recordatorio sobre el evento y la fecha del mismo, al mismo tiempo a la derecha vemos "Settings" y es ahí donde ponemos con cuantos días de antelación al evento queremos recibir el aviso.
Una vez configurados todos los campos, nos suscribimos al feed que se ha creado para nuestra cuenta con nuestro lector de RSS favorito en "Subscribe to your feed".
Una vez suscritos recibiremos un aviso en nuestro lector cada vez que se acerque una de las fechas de alerta que hemos puesto en nuestra cuenta, ya que podemos programar más de un evento.
Se me ocurre que podría usarse además de para fechas señaladas de aniversarios personales (cumpleaños, santo,etc), para avisar del final de un contrato de hosting por ejemplo, o de publicidad...
RSSBirthDay, recuerda cualquier fecha en tu lector RSS
RSSBirthDay es una web donde nos facilitan la creación de un feed para una fecha concreta que necesitemos recordar y que usado con nuestro lector de RSS habitual nos ayudará a recordarla avisándonos con anterioridad.
El uso del servicio es bastante sencillo. En primer lugar crearemos una cuenta (Create account) y con solo introducir nuestro email y un password ya estaremos logueados.
Una vez allí añadimos en "Add event" una frase recordatorio sobre el evento y la fecha del mismo, al mismo tiempo a la derecha vemos "Settings" y es ahí donde ponemos con cuantos días de antelación al evento queremos recibir el aviso.
Una vez configurados todos los campos, nos suscribimos al feed que se ha creado para nuestra cuenta con nuestro lector de RSS favorito en "Subscribe to your feed".
Una vez suscritos recibiremos un aviso en nuestro lector cada vez que se acerque una de las fechas de alerta que hemos puesto en nuestra cuenta, ya que podemos programar más de un evento.
Se me ocurre que podría usarse además de para fechas señaladas de aniversarios personales (cumpleaños, santo,etc), para avisar del final de un contrato de hosting por ejemplo, o de publicidad...
Suscribirse a:
Entradas (Atom)