Entradas

Poner en negritas parte de un texto en una página

Imagen
Este efecto lo he visto en un sitio llamado DePeru.com en sus noticias hay un texto que no está en negrita con la etiqueta <strong> o <b> sino que se convierte en negrita gracias a Jquery (en el código fuente).

El uso de este efecto se puede trasladar a muchos otros escenarios donde podríamos necesitar cambiar los estilos para nuestras páginas.

Para este caso el webmaster ha detectado que todos sus textos tienen un <p> que empieza con una raya (o guión) ... visto desde el código fuente por supuesto.

<p>- Multiplicar el impacto -</p>

Para cualquier otra aplicación podría ser un <h1>, <a>... etc

El truco es simple, debajo de la llamada al archivo Jquery externo y antes de finalizar el body agregar el script:


Dónde:.contenido es el class que contiene al texto, luego le dice que busque un <p> que contenga el caracter señalado ('- ') es importante darse cuenta del espacio seguido de la raya. Bueno lo demás es aplicarle uno o más estilo…

Protege tus fotos propias con imágenes sobrepuestas

Imagen
En internet hay 03 tipos de usuarios, los novatos, los intermedios y los expertos, para estos últimos que tienen altos conocimientos, será imposible intentar bloquear una imagen, sin embargo para los otros dos primeros y que son la mayoría si es viable.

Un truco poco difundido es usar imágenes transparentes, normalmente gif o png que se colocan encima (sobreponer) de la imagen que se desea proteger.

El usuario al dar clic derecho no podrá grabar la imagen protegida, sólo tendrá acceso a grabar la imagen transparente que se encuentra encima.

Las imágenes transparentes la podemos crear en cualquier tamaño, se pueden estirar sin problema porque no tienen información visual y con cualquier programa gratuito se pueden realizar.

Veamos el ejemplo, protegeremos la imagen que se ve:




Aún poniendo la foto en una plataforma gratuita como blogger es posible proteger las fotos, ahora veamos el código:

<img alt="foto escondida" height="384" src="http://1.bp.blogspot.com/…

Lista de Anunciantes para ads.txt

El último acuerdo del IAB ahora incluye agregar una lista de las cuentas de anunciantes que los editores tienen en las redes publicitarias, las famosas networks.

Cabe destacar que a veces los publishers tienen más de una cuenta, por ejemplo una cuenta de adsense para el diseño de pc de escritorio y otra cuenta de Adsense para móviles, en este caso hay que agregar ambas cuentas.
LISTA de ejemplo para ads.txt google.com, pub-xxxxxxxxxxxxxxxx, DIRECT
c.amazon-adsystem.com, xxxx, DIRECT
teads.tv, xxxxx, DIRECT, 15a9c44f6d26cbe1
facebook.com, xxxxxxxxxxxxxxx, DIRECT
appnexus.com, xxxx, DIRECT
indexexchange.com, xxxxxx, DIRECT
liveintent.com, xxx, DIRECT
openx.com, xxxxxxxxx, DIRECT
rubiconproject.com, xxxxx, DIRECT
yieldmo.com, xxxxxxxxxxxxxxxxxxx, DIRECT

--- PRONTO ---
taboola.com,
vidweb.com,
disqus.com

Aún falta completar, pero iremos agregando según vaya llegando más información.

(*) Las equis (x) representan el número de dígitos hasta ahora conocidos.

Demo: guiaplaza.com/ads.txt

Especial Cordova - 4 - Creando APK para Publicar en Store

Imagen
Supongo que ya has probado y re-probado tu App en el emulador y quizás en tu propio móvil, bueno el archivo que has estado usando está en modo "debug", así que vamos por pasos:

Ahora debes tener un archivo como este: android-debug.apk
1. Crear el archivo en modo "release" el cual está preparado para ser publicado, pero falta firmar con un certificado que te identifica como su creador y te permite solo a ti hacer una actualización del App.

cordova build --release android

Esto generará un archivo como este otro: android-release-unsigned.apk
2. Firmar APK teniendo archivo keystore Habiendo generado tu archivo keystore haz esto:

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore firma.keystore android-release-unsigned.apk alias

donde:

firma.keystore es el nombre del archivo generado o que ya tienes.

alias fue usado en la creación del archivo keystore

Cuando lo ejecutes te pedirá la clave que igualmente usaste en el keystore.

En este paso tu archivo a…

Especial Cordova - 1 - La Instalación

Imagen
Mucho se habla que Cordova es muy fácil y que cualquiera puede hacer aplicaciones híbridas, bueno vamos a facilitarle la vida a muchos, ojalá hubiese yo encontrado la información que les voy a dar en estos artículos.
PARA MAC Para empezar de cero reinstalé el sistema operativo de mi MAC- Sierra. Ustedes lo pueden hacer instalar desde donde ya están.
1. Asegurarse que ya tienen instalado el JDK de JAVA Abrir Safari y entrar a este link:   https://www.java.com/es/download/installed8.jsp
Lógico, dar clic en el botón rojo de "Verificar versión de Java"

Si no lo tienen instalarlo de: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Clic en botón:  "Accept License Agreement" y elegir descarga de "Mac OS X226.57 MB  jdk-8u131-macosx-x64.dmg" o la última que que haya en este momento.
2. Descargar  e instalar Node.js porque este software trae un administrador de paquetes vía consola llamado NPM y con ese vamos a instalar Cordova…

Tildes y diéresis en las URL con htaccess

Imagen
Hoy en día las direcciones de páginas web ya pueden llevar tildes, diéresis y la virgulilla(de la ñ), estos acentos se pueden configurar con una solo línea en el archivo htaccess de tu hosting.

Como comentario aparte vale recordar que en la actualidad también se pueden registrar dominios con tildes y eñes, no es una novedad porque ya lleva unos años, pero se ha implementado muy poco.

La línea en htaccess es la siguiente:

RewriteRule ^([a-zÑ-üA-Z-]+)$ index.php?Variable=$1
Explicación: El archivo htaccess recibe los patrones de los caracteres ASCII, los cuales se encuentran ordenados alfabéticamente, es por eso que cuando usamos  [a-z] le decimos que vaya desde la letra a hasta la última letra que es la z y de igual manera con las mayúsculas.

Pero al caso curioso  es que las letras tildadas en diferentes idiomas también tienen un rango que van del 209 al 252 de la lista de caracteres ASCII:

Ñ, Ò, Ó, Ô, Õ, Ö, ×, Ø, Ù, Ú, Û, Ü, Ý, Þ, ß, à, à, á, â, ã, ä, å, æ, ç, è, é, ê, ë, ì, í, î, ï, ð…

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 más Larga es la siguiente:


<html>
<head>
<title>Ejemp…