<div id="#example">
    <a href="#">show paragraph</a>
    <p>This paragraph must be shown
    when the link is in focus</p>
</div>

Lo usual hubiese sido escribir un pequeño codigo en Javascript (Jquery) como el siguiente:

$('#link').focus(function() {
    $('#paragraph').show();
});
$('#link').unfocus(function() {
    $('#paragraph').hide();
});

En el afán de hacerlo declarativo, logré deducir el siguiente estilo usando CSS 2, obteniendo exactamente el mismo comportamiento:

#example p { display:none; }
#example a:hover + p { display: block; }

La magia está en el selector “+”, (disponible en CSS 2) que permite modificar el estilo de un selector hermano inmediatamente después de otro selector. Por ejemplo, en este caso permite editar el selector p que es hermano del selector a:hover. El truco está en que el selector a:hover está disponible solo cuando el link está en foco .

El resultado es el siguiente:

Ya no es necesario completar el formulario para obtener la TNE, el proceso lo realizará cada institución.

Este post es para ayudar a las personas que aún no pueden pedir el pase escolar por problemas con la contraseña el sitio web de la JUNAEB (y de paso darle un premio al equipo desarrollador como los peores diseñadores de una aplicación web).

Como algunos saben, para obtener la nueva Tarjeta Nacional de Estudiante (ex pase escolar) es necesario completar un largo y lento formulario en el sitio de la Junaeb (que hasta pide ingresar los sueldos de los integrantes de donde vives… cosa que hasta ahora es bastante extraña). Y bueno, como era de esperarse, la aplicación web tiene un problema al solicitar la tarjeta, pues a veces la contraseña de acceso no funciona en el formulario para pedir la tarjeta nacional de estudiante (TNE) [al menos en el sitio para obtener la TNE para la educación superior].

El problema de la contraseña incorrecta radica en el tamaño de la misma, pues el sistema trunca/corta la contraseña a un máximo de 10 caracteres. Es decir, si tu contraseña tiene más de 12, solo se guardarán 10 en la base de datos, por lo que debes ingresar los primeros 10 caracteres de tu contraseña para que el formulario de creación de la TNE funcione.

El bug fue descubierto por la Coty!!! xD, alias mi Washita, así que todos los méritos a la nueva caza bugs.

[Actualización] Otro bug es el de la edad, pues no toma en cuenta el día ni el mes de nuestro nacimiento. Sólo se realiza una simple resta entre el año en que nacimos y el actual.

[Actualización2] Se postergó el plazo máximo para sacar la tarjeta (al menos en la Universidad de Concepción) hasta el 31 de Marzo.

[Actualización3] Al parecer, la contraseña autoelimina caracteres que no sean letras ni números (ej: #:-_ ), así que sólo escribe algo con letras y números.

Actualización4

Ya no es necesario completar el formulario para obtener la TNE, el proceso lo realizará cada institución.

Permite enviar mensajes a tus contactos y a todo el mundo, cuyo contenido puede incluir archivos de hasta 10MB para la versión gratuita y 100MB en la versión pagada. La vista de tu perfil es una lista de mensajes de tus contactos, junto a una barra indicando informando quienes son tus contactos, las invitaciones que tienes, las personas que desean ser tus amigos, etc…

Si bien fui yo quien le dijo a Felipe que Pownce es lo mismo que un Gmail con una lista de correo, aún no entiendo el concepto detrás del sitio (y parece que Felipón si lo entendió….). En fin, creo que cuando me acostumbre empezaré a usar la invitación que me dió.

Por ahora tengo 12 invitaciones para quien lo desee, sólo es necesario indicar tu correo electrónico en un comentario. Puedes agregarme a tu lista de contactos ingresando a http://pownce.com/diegocaro.

Lo nuevo en Edgy

En Edgy vienen varios themes Peace, Tropic y Blubuntu. Puedes instalar los tres instalando los paquetes peace-look, tropic-look y blubuntu-look en Syntaptic o con el comando

sudo aptitude install peace-look tropic-look blubuntu-look

Para activarlos tienen que ir a Sistema -> Preferencias -> Tema.

En esta guía se usarán imágenes para complementar el theme Blubuntu, eso no impide que puedas utilizarlo para adornar otros themes .

Cómo cambiar la imagen de GRUB

Grub es el gestor de arranque usado por defecto en Ubuntu. Su aspecto por defecto es de texto (mucho) y nada de colores.

Lo que haremos será añadirle una imagen y cambiar algunos colores.

Lo primero será instalar algunas imágenes que vienen con la distribución, contenidas en el paquete grub-splashimages.

sudo aptitude install grub-splashimages

Luego configurar el GRUB para que muestre tu imagen preferida:

sudo ln -s /boot/grub/splashimages/my_image.xpm.gz /boot/grub/splash.xpm.gz
sudo update-grub

Debes cambiar my_image.xpm.gz por la imagen que quieras, quizás una como esta de abajo!.

Fuente: https://help.ubuntu.com/community/GrubHowto

Cómo cambiar la imagen de Usplash

Usplash es el software que muestra una “barra de carga”, justo despues que se bootea el kernel y empiezan a lanzarse los demonios (servicios).

Por defecto viene una bastante horrible, instalaremos la que se propuso para el theme Blubuntu.

Lo primero es descargar el archivo blubuntuUsplash.tar.bz2 que contiene el .deb con la información del splash.

Luego de descomprimir blubuntuUsplash.tar.bz2, instalamos el archivo usplash-theme-blubuntu_0.1-1_i386.deb haciendo doble click, o con el comando:

sudo dpkg -i  usplash-theme-blubuntu_0.1-1_i386.deb

Posteriormente configuramos nuestro sistema para que use la nueva imagen:

sudo update-alternatives --set usplash-artwork.so /usr/lib/usplash/usplash-theme-blubuntu.so
sudo update-initramfs -u

Fuente: https://help.ubuntu.com/community/USplashCustomizationHowto

Cómo cambiar el splash de GNOME

Con splash de GNOME me refiero a la imagen que aparece cuando está cargando el Desktop. Sí, es esa misma donde aparece que cosa está cargando y que dice Ubuntu (también fea).

Primero instalamos un virtuoso programa llamado Gnome Splash Screen Manager. Lo podemos instalar con:

sudo aptitude install gnome-splashscreen-manager

Luego en el menú Sistema -> Preferencias -> Splash Screen podemos seleccionar la mejorcita o instalar la que nos plazca.

Fuente: http://www.guia-ubuntu.org/index.php/Cambiar_imagen_splash_de_Ubuntu

Más allá…

En gnome-look.org constantemente se publican imágenes o themes para GNOME. Recomiendo esta sección donde pueden encontrar muchas de splash.