Transparencias en todos los navegadores mediante CSS

transparencia

Una de las penurias de todo desarrollador web es obtener consistencia en la presentación de contenidos independientemente del navegador. Una de estas inconsistencias es el modo en que cada navegador gestiona las transparencias de imágenes y objetos.

Pues bien, si quieres aplicar transparencia a un elemento, independientemente del navegador, puedes conseguirlo añadiendo unas líneas de CSS al mismo:

elemento {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, version anterior de safari */
    -moz-opacity: 0.5;       /* firefox, mozilla, netscape */
    opacity: 0.5;           /* safari, chrome, opera */
       -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; /*internet explorer 8 – gracias Andres */
    }

Por supuesto, debes acordarte de modificar el “elemento” por el que vayas a adaptar, y saber también que puedes jugar con los distintos niveles de opacidad hasta encontrar el que se ajuste al aspecto que quieres conseguir.

¿Te gustó este post? ¡Compártelo!

TwitThis
Facebook
Bitacoras.com
del.icio.us
Google
Live
Meneame
StumbleUpon
Technorati
Digg
Tumblr
Wikio
Envía este post por E-mail a un amigo
Imprime este artículo

Carro de Compra Paypal

wordpress_paypal_shopping_cart_plugin_128El plugin WordPress Simple Paypal Shopping Cart es realmente sencillo de usar y te permite vender productos o servicios online desde tu blog WordPress. Puedes poner un botón “Añadir al carrito” allí donde quieras, incluso en posts y páginas. Este plugin te permite añadir el carro de compra donde quieras igualmente. Este carro mostrará lo que el usuario haya añadido al carrito, permitiéndole añadir o quitar elementos.

Una vez se haya realizado el pago a través de Paypal, puedes redirigir a tu cliente a una página que decidas en las opciones del plugin. Una solución sencilla y práctica para sitios de comercio electrónico.

¿Te gustó este post? ¡Compártelo!

TwitThis
Facebook
Bitacoras.com
del.icio.us
Google
Live
Meneame
StumbleUpon
Technorati
Digg
Tumblr
Wikio
Envía este post por E-mail a un amigo
Imprime este artículo

CodePress en WordPress 2.8 (con bonus)

Si hace unos días comentaba que WordPress 2.8 incluiria instalación de themes vía web, hoy traigo noticias de una caracteristica que en lo personal me ha agradado mucho: CodePress. ¿De que se trata? CodePress es un editor visual que resalta el código dependiendo del lenguaje en que nos encontremos trabajando. La gran noticia es que WordPress reemplaza el pobre editor de themes y plugins por CodePress, es decir, podremos editar contenido vía web sin necesidad de utilizar un programa especial, ya que el mismo WordPress nos resaltara el código.

Como costumbre (y para que esperen con más ansias la versión 2.8) dejo algunas capturas:

CodePress: Lenguaje CSS

CodePress: Lenguaje CSS (themes)

CodePress: Lenguaje PHP (themes)

CodePress: Lenguaje PHP (themes)

CodePress: Lenguaje PHP (plugins)

CodePress: Lenguaje PHP (plugins)

Como “bonus” se ha integrado una “cajita” en el editor de plugins, que contiene las funciones de WordPress que usa el plugin que estamos editando. Basta con seleccionar una, clickear en “Lookup” y nos abrira una nueva ventana con información de la función en particular (similar a WordPress Functions Implementation History):

bonusbonus2

Es increible que cosas tan simples me alegren el día de esta forma ¿Y a ustedes, que les parece?

¿Te gustó este post? ¡Compártelo!

TwitThis
Facebook
Bitacoras.com
del.icio.us
Google
Live
Meneame
StumbleUpon
Technorati
Digg
Tumblr
Wikio
Envía este post por E-mail a un amigo
Imprime este artículo

WordPress 2.8 con un editor de código decente

WordPress 2.8 integrará CodePress, una mejora visual al editor de plugins/themes que nos permitirá visualizar más claramente el código de nuestros plugins y themes desde el panel administrador. Por el momento, podemos seguir usando el plugin del que salió dicha funcionalidad o alguna alternativa que hicimos por aquí hace ya más de un año.

Artículos relacionados

aNieto2k

Koeeoaddi!

koeeoaddi!Dijimos que 2009 iba a ser el año de los tumblelogs y ya estamos viendo el auge que empiezan a tener. En Minoic contribuímos a la causa con Koeeoaddi!, un tumblelog que hemos comenzado Guillermo Carvajal y yo y que está dedicado a los WTF! y otras delicias de Internet (Suscripción RSS).

Las ventajas de mantener un tumblelog, con Tumblr como principal sistema de publicación, son cada vez más notables: sencillez, rapidez, inmediatez, movilidad, integración con otras herramientas de microblogging (Twitter), etc. La posibilidad de utilizar tus propios nombres de dominio, a la vez que puedes guardar tus miniposts en formato xml convierten a esta aplicación en la ideal para microbloguear.

Esa es la razón por la que Guillermo Carvajal ha reconvertido su blog personal en un tumblelog. O el motivo por el que también hemos transformado el sitio Minoic Net. Y seguramente no serán los únicos blogs minoicos que mutemos.

  • E-mail this story to a friend!
  • Bitacoras.com
  • TwitThis
  • del.icio.us
  • Tumblr
  • Facebook
  • Google
  • BarraPunto
  • Meneame
  • Wikio
  • Ping.fm
  • Technorati

Sphinx – Nuevo motor de búsqueda de plugins

Automattic ha anunciado hoy que han modificado el motor de búsqueda para el directorio de plugins, utilizando desde ahora el de Sphinx, que funcionará tanto en la web oficial como en el buscador de plugins interno del panel de admin de tu blog WordPress. De momento solo busca en títulos y descripciones pero pronto incorporarán la búsqueda en los campos de nombre de autor y en las tags.

¿Te gustó este post? ¡Compártelo!

TwitThis
Facebook
Bitacoras.com
del.icio.us
Google
Live
Meneame
StumbleUpon
Technorati
Digg
Tumblr
Wikio
Envía este post por E-mail a un amigo
Imprime este artículo

Buscar plugins de WordPress es ahora más fácil

Me llega un correo firmado por Matt Mullenweg en el que, entre otras cosas, informa de que el motor de búsqueda del directorio oficial de plugins de WordPress ha sido mejorado gracias a la implementación de Sphinx, un buscador SQL de código libre que bien nos gustaría que se incorporase al propio cms. He ido a probarlo y es cierto, ahora sí que se puede buscar con ciertas garantías.

Posts relacionados:

Gracias por suscribirte a Mangas Verdes. Recuerda que tienes a tu disposición mi música, textos literarios y más en Proyecto Isla. Un saludo :)

Bitacoras.com
Meneame
BarraPunto
Fresqui
Enchilame
Tumblr
MySpace
Wikio ES
TwitThis
Facebook
LinkedIn
Technorati
Google
Live
YahooMyWeb
del.icio.us
Digg
Slashdot
E-mail this story to a friend!
Print this article!

Limitar el tamaño de extractos y contenido

iceberg

Si quieres mejorar las impresiones de página (mal) u ofrecer un aspecto distinto en tu blog mediante contenido o extractos reducidos (muy útil en themes tipo revista) hay, como suele ser habitual, dos modos de conseguirlo, con código y con plugin.

Empezamos con el plugin …

Plugin Content and Excerpt Word Limit

– Con este sencillo plugin puedes definir el tamaño en palabras de extractos o contenido. Para utilizarlo este es el proceso:

  1. Descargas el plugin
  2. Descomprimes el zip, lo subes a ‘wp-content/plugins/’ y lo activas
  3. Modificas la función de llamada al contenido o extracto de este modo:
    En vez de the_excerpt() o the_content(), usas o en el loop, donde ‘numero-de-palabras‘ es el número, por ejemplo: <?php excerpt('50'); ?>.

Código

– Solo tienes que añadir el siguiente código al fichero ‘functions.php’ de tu theme activo:

function excerpt($num) {
$limit = $num+1;
$excerpt = explode(‘ ‘, get_the_excerpt(), $limit);
array_pop($excerpt);
$excerpt = implode(” “,$excerpt).“…”;
echo $excerpt;
}

function content($num) {
$theContent = get_the_content();
$output = preg_replace(‘/<img[^>]+./’,, $theContent);
$limit = $num+1;
$content = explode(‘ ‘, $output, $limit);
array_pop($content);
$content = implode(” “,$content).“…”;
echo $content;
}

Luego modificas la función de llamada al contenido o extracto de este modo:
En vez de the_excerpt() o the_content(), usas o en el loop, donde ‘numero-de-palabras‘ es el número, por ejemplo: <?php excerpt('50'); ?>.

Vamos, que el segundo paso es el mismo ¿con cual te quedas?

¡Que lo disfrutes!

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Domina tu Blog

¿Te gustó este post? ¡Compártelo!

TwitThis
Facebook
Bitacoras.com
del.icio.us
Google
Live
Meneame
StumbleUpon
Technorati
Digg
Tumblr
Wikio
Envía este post por E-mail a un amigo
Imprime este artículo

Rel=’canonical’: cómo implementarlo en WordPress y Blogger

El mayor avance SEO desde los Sitemaps. Eso es lo que dicen algunos y otros mantendrán que Google no penaliza el contenido duplicado. Pero el caso es que Live, Yahoo! y Google han creado un mecanismo para que sus buscadores no consideren contenido duplicado lo que simplemente es una organización de los sistemas de publicación. En la mayoría de ellos, la portada y la página de un post (el denominado permalink), por ejemplo, tienen el mismo contenido.

Todas las páginas que tienen contenido duplicado, como archivos, resultados de búsquedas, etc. deberán llevar una etiqueta ‘link’ con rel=’canonical’. Por ejemplo:

<link rel=”canonical” href=”http://www.blogpocket.com/2009/02/17/schwarzenpocket/” />

Para WordPress, existen varios plugins que realizan esta labor automáticamente. Uno de ellos es WP-Canonical. En ANieto2K, Andrés Nieto nos explica también el código php que se puede incluir en el archivo functions.php del theme para implementar esta herramienta manualmente.

function set_canonical() {
if ( is_single() ) {
global $wp_query;
echo ‘<link rel=”canonical” href=”‘.get_permalink($wp_query->post->ID).’”/>’;
}
}
add_action(’wp_head’, ’set_canonical’);

Y en Vagabundia vimos la forma de implementarlo en Blogger.

  • E-mail this story to a friend!
  • Bitacoras.com
  • TwitThis
  • del.icio.us
  • Tumblr
  • Facebook
  • Google
  • BarraPunto
  • Meneame
  • Wikio
  • Ping.fm
  • Technorati

Entradas en las blogosferas.110

Entradas en las blogosferas.110

  • Sigue lo último de Decoración 2.0 con Twitter. vía: Decoración 2.0
  • Alternativas a un CMS estándar para un negocio. vía: Loogic
  • Las cinco peticiones más populares para WordPress 2.8. vía: MangasVerdes
  • Google Chrome y la vida después de Windows. vía: FayerWayer
  • Crea tus propias fuentes con Yourfonts.com. vía: genbeta
  • Nokia N97 con Skype. ¿El fín de la telefonía móvil tradicional?. vía: Error500
  • Comparación entre diferentes algoritmos de compresión en Linux. vía: barrapunto
  • 15 dispositivos GPS para no perderse (en inglés). vía: Gadgetophilia
  • iFixit desmonta el MacBook Pro Unibody de 17 pulgadas. vía: PlanetaMac
  • Fortificar Apache para aumentar la seguridad. [1][2][3][4] vía: Emilio
  • Cuidado con las contraseñas y cuentas de correo gratis. vía: Carrero

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí.

Entradas en las blogosferas.110