Entradas

Superponer una imagen sobre otra con CSS

Imagen
El otro día me encontré con la necesidad de superponer una imagen sobre otra, mi aplicación debía mostrar una imagen y luego encima colocarle un marco quedando superpuesto. Claro está que la imagen superpuesta como un marco debe ser trasparente en su interior para poder mostrar la imagen que va debajo. Hay dos maneras de hacerlo, una poniendo el estilo en un archivo externo o incrustado en el <head> de la página web o sino agregándolo en el mismo DIV. <div style="position:relative"> <img src="imagen_debajo.jpg" width="268" hspace="16" height="268" vspace="16" /> <div style="position:absolute; top:0; left:0;"> <a href="http://www.guiaplaza.com"> <img border="0" src="marco_chistes.png" width="300" height="300" /> </a> </div> </div> Si desean la opción completa es la siguiente: <html> <he

Ni google con AMP, ni facebook con Instant Articles han triunfado

Imagen
Los dos grandes de la industria Google y Facebook han intentado en vano ganar el mercado de las páginas aceleradas, lo que les daría mayor control y mostrar sus anuncios sobre otras redes publicitarias. Hoy cuando usamos google móvil o la aplicación de facebook vemos que muy pocos sitios web se han afiliado a estas versiones de páginas aceleradas, es más ni el mismo Blogger de google tiene ese servicio. Para los desarrolladores resulta cada vez más tedioso tener que crear páginas para cada plataforma, así que los servidores CDN que almacenan y distribuyen las páginas geográficamente hasta ahora son las que van ganando la guerra. Un servidor CDN (Content Delivery Network) acelera la distribución de las páginas en todo el mundo, será un poco más lento que las AMP o IA, pero poco lo nota el usuario, además los webmasters hacen un solo diseño responsive que se adapta a todos los dispositivos y eso es suficiente ventaja. Además los sistemas de AMP e IA recomiendan usar su propio s

Networks de Contenido relacionado - Anuncios nativos

Nuevas redes de publicidad se han puesto de moda, estás muestran tus artículos más populares y junto a ellos anuncios muy llamativos que parecen artículos, a esto le llaman publicidad nativa. Las redes conocidas son: Taboola AdBlade BroadSpring Content.Ad Crowdignite Dianomi Facebook Content Recommendations (Facebook Audience Network) Google Content Recommendations (Adsense) Gravity Inform Media.net MediaBong Nativo Outbrain Polar RevContent Sharethrough Teads Plista BroadSpring Tout Virool Yahoo! Content Recommendations YieldMo ZergNet Zinc by Zedo Cada una se especializa en temas diferentes y pagan diferente.

Aplicar estilo a un párrafo específico con JQuery

Imagen
Tenemos el siguiente requerimiento: En nuestros textos existen párrafos que comienzan con un guión o raya y deseamos ponerlos en negrita, por ejemplo: Este es un párrafo anterior. - Este es el texto - Este es otro párrafo Lo que tenemos que hacer primero es insertar la línea de jquery: <script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script> Luego el script: <script> $( ".contenido p:contains('- ')" ).css( "font-weight","bold" ); </script> Con esto le decimos a la página que busque el <p> con la clase .contenido y que comience con raya y espacio ( - ) y le aplique el estilo css al texto tipo negrita (bold). Hay que considerar que en lugar de la raya podría ser otro símbolo como un paréntesis, corchete, llave, signo de interrogación, etc. Estos casos se pueden dar cuando la base de datos ya entrega texto con ese formato plano y editarlo en B

Sin tiempo para actualizar tu página, grupo o comunidad en facebook, agrega noticias frescas

Imagen
Uno de los mayores problemas de los administradores de páginas, grupos, comunidades y hasta perfiles en facebook es la poca actualización con contenido fresco. Los administradores saben lo importante que es lanzar noticias actualizadas de lo último de los celulares, descubrimientos científicos, startups, economía, etc. Una forma de hacerlo es consiguiendo una fuente de noticias, aquí les recomiendo una que no trae noticias de violencia, solo noticias de actualidad totalmente para todo público, es un sito peruano llamado DePeru.com y su fuente RSS es: https://www.deperu.com/rss/002-ianoticias.php Importante es saber que un RSS es una página web, que se actualiza constantemente con los titulares y resúmenes de un medio noticioso. Según las estadísticas la gente lee más los titulares y no da clic en los links, así que es bueno aprovechar esa ventaja, además las noticias salen con nuestro ícono como si nosotros fuésemos quienes hacemos la noticia. Ahora que tenemos el RSS, lo que

Exportar solo procedimientos almacenados con phpmyadmin

Imagen
A menudo nos encontramos con que hemos creado algunas o muchos procedimientos almacenados en nuestra base de datos (BD) y cambiamos de servidor, lo más fácil es exportar el mysql desde cpanel o de phpmyadmin, pero luego nos damos con la sorpresa que los procedimientos almacenados no se copiaron, así que esta es una solución para eso.

Script para Navegar Anterior y Siguiente con el teclado

Muchas páginas necesitan la comodidad de usar el teclado, este script permite en lugar de dar clic con el ratón usar las teclas avanzar y retroceder de nuestro teclado. Primero , asegúrate que ya tienes el Jquery en tu página. Segundo , antes de cerrar el body agrega el script. <script> $(document).keydown(function(e){   if(e.keyCode == 37) { // Izquierda     $("#izquierda").click(); window.location = 'izquierda.html';   }   else if(e.keyCode == 39) { // Derecha     $("#derecha").click(); window.location = 'derecha.html';   } }); </script> Tercero , Cambia las páginas:   izquierda.html y derecha.html  con las respectivas páginas a donde apuntan tus links. Cuarto,  en tus links normales agrega los ID:  id="izquierda" y id="derecha", con esto ya debe funcionar perfectamente. <a id="izquierda" href="izquierda.html">Anterior</a> <a id="derecha" href=