Te interesa saber

Una de las tendencias actuales que podemos ver actualmente en varias webs es la de indicar a través de una barra de progreso en la parte superior lo que lleva leído el usuario.

Lo podemos ver en distintas webs y hemos decidido hacer un tutorial de cómo implementarlo.

Si os fijáis a medida que hacemos scroll dentro de una página (lo podéis apreciar aquí mismo), aparece un indicador o barra de progreso en la parte superior que nos está orientando de modo visual lo que llevamos leído.

Desde Te interesa saber siempre nos ha gustado este tipo de recursos que apenas se nota en el código de nuestra plantilla, además de ser 100% responsive.

Para implementarlo os vamos a dar su código completo y el lugar en el que tenéis que ponerlo. El código es bastante reducido y desde luego que de ninguna manera ralentizará la carga de vuestra web.

Para ello simplemente tenéis que seguir los pasos que os damos a continuación.

Sugerencia: Para encontrar rápidamente un código o texto, en la plantilla, pulsa Ctrl+F o ?-F (Mac) y utiliza la barra de búsqueda.

Buscamos la etiqueta: y justo encima de ella pegamos este script:



De esta manera tan sencilla la barra de progreso ya debería de esta visible.


Si quieres modificar a tu gusto el color de la barra, puedes hacerlo cambiando los códigos marcados en azul (tabla de colores).

Una vez implementados los códigos haz vista previa y si todo funciona según lo esperado, puedes guardar Tema.

Importante: antes de hacer cualquier modificación en tu plantilla haz una copia de la misma, por si surge cualquier problema que podamos restaurarla.

Algunas características:
* No afecta la velocidad de carga de tu blog.
* Compatible con distintos navegadores (Chrome, Firefox, Safari, IE, Opera, etc, etc).
* Da un estilo muy personal a tu blog.


Script: /* PrognRoll | https://mburakerman.github.io/prognroll/ | | License: MIT */
Modificación y personalización: Pedro PC

Te vamos a enseñar cómo hacer que la barra de menú de tu blog se queda visible (menú pegajoso) en la parte superior, eso sí, estará visible sólo cuando se desplace (scroll) hacia la parte superior de la página, cuando el desplazamiento (scroll) se haga hacía la parte inferior de la misma esta se ocultara para no distraer al visitante sobre lo que esta leyendo, esta función se puede ver en esta misma página, en la que podrás comprobar el funcionamiento del menú. Para implantarlo en tu blog sigue las instrucciones que te detallamos a continuación:





Haz una vista previa y si todo esta correcto, guarda el tema.


Aviso: Antes de hacer cualquier modificación en tu tema (plantilla) haz una copia de la misma.
Sugerencia: para encontrar rápidamente cualquier texto o etiqueta, pulsa Ctrl+F o ⌘-F (Mac) y utiliza la barra de búsqueda.


Fuente: Pedro PC

El reloj con señales horarias (casares) es un sencillo programa para Windows con avisos horarios empleado en las emisores de radio para cada hora en punto ó media hora, también incluye varias opciones más.


* Crea un reloj digital en el escritorio, el cual, puede ser configurado para que emita el sonido del Big Ben cada hora ó media hora.

* Permite reproducir la señal horaria aunque se esté reproduciendo música de manera simultánea.

* Incluye algunas opciones extras como es: el tamaño del reloj, información del día y el mes en diferentes idiomas, sincronización de la hora a través de Internet, sonidos personalizados en formato wav, opción de ocultar el reloj sin perder el aviso de las horarias, añadirle contraseñas para que nadie excepto tú pueda cambiar su configuración, etc...

* Permite reproducir las señales horarias 5 segundos antes de la hora exacta, lo que permite saber la hora exacta.

* Permite seleccionar las horas del día a las que no quieras que emita el aviso, como por ejemplo, en las horas de sueño.



Descomprime el archivo (rar), copia la carpeta con todo su contenido en el Disco local (C:), abre el programa haciendo doble clic en el icono del reloj para configurarlo a tu gusto y lleva el reloj a la parte del escritorio que te permita su visualización lo más cómoda para ti.

Reloj con señales horarias
Descargar

Fuente: Pedro PC

Vamos a personalizar y dar un poco de color al "triste" y "obligado" aviso de cookies, un script que aunque se nos ha facilitado gratuitamente y en cierto modo por obligación, debido a las distintas políticas de privacidad de algunos países. Sí es cierto que el aviso nos puede servir, pero la estética del mismo, pues deja un poco de desear.

En este tutorial veremos la manera de darle un poco de atractivo.

Vamos con ello:




Si te decides a añadirlo puedes cambiar el tiempo en el que se cerrara el aviso, ahora esta en un minuto. Ejemplo: 60000 = Un minuto, 30000 = Medio minuto, 15000 = Quince segundos, etc...


Si quieres modificar a tu gusto el color de fondo y/o el color de las letras, puedes hacerlo cambiando los códigos marcados en azul (tabla de colores).

Una vez implantados los códigos haz vista previa y si todo funciona según lo esperado, puedes guardar la plantilla.

Importante: antes de hacer cualquier modificación en tu plantilla haz una copia de la misma, por si surge cualquier problema poder restaurarla.

Nota: Es posible que no veas el aviso en tu propia página ya que tienes las cookies de tu sitio aceptadas. Para poder hacer la comprobación de si todo fue correcto, utiliza otro navegador, puedes navegar en modo incógnito o puedes borrar las cookies del historial.


Fuente: Pedro PC

Pangu ha lanzado hace unos días una herramienta para hacer el jailbreak a dispositivos que tengan instalada una versión de iOS 9.0 a iOS 9.0.2. El proceso para hacer el jailbreak es muy intuitivo, mas allá de que se nos pide acceso a nuestras fotos (que curioso...), y similar al resto de jailbreaks que hemos hecho hasta hace poco. El problema es que, como es habitual con estas herramientas chinas, es la de que esta versión 1.0.1 de Pangu Jailbreak 9 (nueva versión de la aplicación que corrige algunos problemas detectados por los usuarios en la primera versión de Pangu, nos referimos a la 1.0) está disponible sólo para ordenadores que tengan el sistema operativo de Windows, aunque es bastante probable que más adelante saquen una versión para Mac incluso más pronto de lo que lo hizo TaiG. A continuación, os detallaremos los pasos que tenéis que seguir para hacer el jailbreak a los dispositivos con iOS 9.0-9.0.2.


Dispositivos compatibles para hacer jailbreak:

iPod touch, iPhone 4s, iPhone 5, iPhone 5s, iPhone 5c, iPhone 6/Plus y iPhone 6s/Plus
iPad mini 2, iPad mini 3, iPad mini 4, iPad, iPad Air y iPad Air 2.

Pasos previos a su instalación:

* Desactivamos Buscar mi iPhone a traves de Ajustes/iCloud.
* Desactivamos Touch ID y código desde sus ajustes con el mismo nombre.
* Ponemos nuestro iPhone, iPod o iPad en modo avión.

Pasos a seguir:

* Descargamos Pangu Jailbreak desde este enlace: en.pangu.io [...]
* Damos al botón "Start" y seguidamente en "Already Backup" cuando nos aparezca la opción.
* Nuestro iPhone, iPod o iPad se reiniciará y nos dirá que lo pongamos de nuevo en modo avión. Lo hacemos y continuará el proceso.
* Transcurrido un tiempo, se nos pedirá que toquemos la aplicación Pangu en nuestra pantalla de inicio de nuestro iPhone, iPod o iPad. Lo hacemos.
* A continuación, se nos pedirá acceso a nuestras fotos, le damos a aceptar.
* Nuestro dispositivo volverá a reiniciarse y si todo salió bien tendremos Cydia ya instalado.






















Estos son los pasos a seguir para una correcta instalación en vuestros Iphone, Te interesa saber no se hace responsable de los posible fallos a la hora de hacer Jailbreak en vuestros dispositivos, aunque entendemos que al realizar este tutorial paso a paso no debierais de tener ningún tipo de problema en su instalación.


Aviso: Posibles problemas al hacer Jailbreak en tu dispositivo.
Fuente: actualidadiphone.com

Ventana emergente en el pie de página (derecha), con opción de cerrar, configurable para que aparezca y desaparezca con efecto desvanecimiento al llegar a una altura que hemos configurado anteriormente. También he añadido para que, con menos de 995px.(Responsive Web Design) no salga la ventana.

Comencemos:

Entra en la plantilla, busca ]]> (Control+F), y arriba de ello copia y pega estos estilos (CSS):

#v_emergente {
position: fixed;
font: 14px Arial; /* Tamaño del texto de los artículos*/
display: none;
padding: 3px 52px 18px 5px;
text-align: left;
z-index: 999;
text-shadow: 0 1px 1px #eee;
border: #9dceff solid 1px; /* Color del contorno de la ventana*/
max-width: 300px; /* Ancho máximo de la ventana */
background: #fafafa; /* Color del fondo de la ventana */
bottom: 0;
right: 0;
}
#v_emergente :hover {
color: #333 !important; /* Color del texto al pasar el mouse sobre el */
}
#separador_reco {
margin-top: -10px;
margin-bottom: -12px;
}
#cerrar_estilo {
position: fixed;
border: #e6e6e6 solid 1px; /* Color del contorno del botón de cerrar */
padding: 0 2px 0 2px;
border-radius: 3px;
display: none;
font: 12px Arial; /* Tamaño del texto del botón de cerrar */
right: 5px;
bottom: 5px;
cursor: pointer;
z-index: 9999;
}
#cerrar_estilo:hover {
color: #333 !important; /* Color del texto de el botón de cerrar al pasar el mouse sobre el */
border: #333 solid 1px; /* Color del contorno del botón de cerrar al pasar el mouse sobre el */
}
screen and (max-width:995px) {
#v_emergente, #cerrar_estilo {
display: none !important;
}
}

Ahora busca , encima de ello copia y pega este script:

Y por último encima de: