Juegos con algo más

Juegos que son más que juegos, parodias y crítica social.

Tetris-Perón una variante del conocido Tetris, donde el sonido es una mezcla de propagandas y discursos de los años '40 y '50.

Metapet: (temporalmente fuera de servicio) es una combinación de biotecnología con explotación laboral. El jugador-empresario adopta una mascota trabajadora, conseguida a partir de un humano al que se le ha implantado el gen de la obediencia de un perro adiestrado.

Bordergames es un proyecto desarrollado por chicos magrebíes del barrio de Lavapiés de Madrid, realizado con herramientas de software libre. Los chicos deciden cuales serán las denuncias, historias y aspectos de su vida que van a ser vividos por los futuros jugadores (la versión disponible sólo funciona en Windows XP y pesa unos 100 MB)

They rule: es un juego online: "USA ha sido atacada. Los extranjeros son sospechosos. Y nosotros vamos a responder a la agresión"

Velvet-Strike: patch pacifista del Counter-Strike, concebido como respuesta a la guerra de Bush contra el terrorismo. La situación tiene lugar en el escenario del juego comercial donde el jugador forma parte de una unidad de ataque que combate a un grupo terrorista, sin embargo no son armas lo que esgrime contra ellos, sino sprays para realizar graffitis pacifistas.

Voyeur Tecno es una de las páginas del blog que más gente visita. siempre pensé que entraban engañados por el título pero, como muchos de ellos siguen el vínculo a Infobae o marcan la página, tengo que pensar que hay un cierto interés por estas pavada semi-bizarras. Aquí van algunas más.

Top 10 de desnudos en Google Earth es una nota aparecida en 20minutos.es que hace referencia a un artículo original de Google Sightseeing. Se necesita bastante imaginación para ver lo que no se ve pero, si alguien quiere más, internet ofrece porno a diestra y siniestra.

Con la ayuda de sus lectores, 20minutos.es ha creado una galería de curiosidades halladas en los mapas de Google y otra con fotos llamativas.

Un par de sitios para navegar un rato cuando no se tienen ganas de hacer nada.

"Tanto tú como yo no somos piratas, ejercemos nuestros derechos duela a quien duela"

¿Eres realmente un pirata? Una encuesta de una página alternativa.

"No es extraño:
Internet es un peligro para cualquier dictadura"

Carlos Sánchez Almeida y Kriptopolis
www.kriptopolis.com

Google, el principal buscador de internet, tiene un mirror. Literalmente hablando.

Hay muchas formas de personalizar el HEADER (cabecera) de Blogger Beta, tanto con textos como con imágenes. Lo más importante, es la imaginación, las técnicas son muy simples.

Para empezar debemos comprender qué el HEADER, como cualquier elemento de la plantilla, está formado por bloques DIV, áreas rectangulares definidas en las declaraciones de estilo que poseen ciertas propiedades (ancho, alto, márgenes, color de fondo) y que están uno dentro del otro, separados por una cierta distancia (padding):

el DIV externo:
300 x 90 : padding 20 pixeles
el DIV interno
260 x 50 : padding 20 pixeles

En el caso del Header, al DIV externo se lo identifica (atributo ID) como #header-wrapper y al interno #header. Dentro de este último se insertan el texto del título (generalmente dentro de un tag H1) y el texto de la descripción.

El #header-wrapper tiene, por defecto un ancho definido (width:...px) y, dependiendo de la plantilla, un borde (border:...), un color de fondo (background: #...) o una imagen (background: url(...)). Cualquiera de estos datos puede ser personalizado.

Si lo que queremos es agregar o cambiar la imagen existente, podemos utilizar una imagen completa que abarque todo su ancho lo que significa que deberíamos saber cuál es el tamaño necesario (ancho y alto en pixeles) y luego, agregar o modificar la declaración correspondiente:

#header-wrapper {
.......
background: url(URL_imagen) no-repeat;
.......}

También podemos utilizar un imagen en mosaico (tile), repitiéndola en sentido horizontal, vertical o en ambos sentidos:

repeat-x	repeat-y	repeat

background: url(URL_imagen) repeat-x;
background: url(URL_imagen) repeat-y;
background: url(URL_imagen) repeat;

Mediante rutinas JavaScript es posible cambiar, aspectos de la página, modificando el estilo de los elementos. Si queremos utilizar diferentes imágenes que cambien aleatoriamente, deberemos modificar la propiedad background. Para esto, antes que nada, deberíamos tener subidas las imágenes a ser utilizadas y luego, agregar el siguiente codigo justo antes del tag </head>:

<script type="text/javascript">

var imagen=new Array();

// lista de imágenes a utilizar
imagen[0]="URL_imagen0";
imagen[1]="URL_imagen1";
imagen[2]="URL_imagen2";
// ....... todas las que se quieran
imagen[7]="URL_imagen7";
// numeradas a partir del cero y en forma consecutiva

var alea=Math.round(Math.random()*CANTIDAD);


// donde CANTIDAD = último número de orden (en este caso, 7)

document.write("<style>");
document.write("#header-wrapper {background:url("+imagen[alea]+") no-repeat;}");
document.write("</style>");
</script>

NOTA: si usamos imágenes es mosaico, debemos cambiar no-repeat por repeat-x si se quiere repetir horizontalmente, repeat-y si se quiere repetir verticalmente, o repeat si se quiere reptir en ambas direcciones.

Esta variante de la rutina anterior, cambiará la imagen dependiendo de la hora en que se abre la página web:

<script type="text/javascript">
var imagen=new Array();

// lista de imágenes a utilizar
imagen[0]="URL_imagen0";
imagen[1]="URL_imagen1";
imagen[2]="URL_imagen2";
imagen[3]="URL_imagen3";
imagen[4]="URL_imagen4";
imagen[5]="URL_imagen5";
// la cantidad depende de como dividamos las 24 horas

var now = new Date();
var hours = now.getHours();
var alea=0

// ... en este caso, hay 6 divisiones
if (hours>0) {alea=0;} // de 0 a 4
if (hours>4) {alea=1;} // de 4 a 8
if (hours>8) {alea=2;} // de 8 a 12
if (hours>12) {alea=3;} // de 12 a 16
if (hours>16) {alea=4;} // de 16 a 20
if (hours>20) {alea=5;} // de 20 a 24

document.write("<style>");
document.write("#header-wrapper {background:url("+imagen[alea]+") no-repeat;}");
document.write("</style>");
</script>

POST-EDICION: si alguien quiere ver un buen ejemplo en acción, Migoz de Los orientales, tiene una página donde implementó el script (fuera de Blogger) y se tomó el trabajo de dividir el día en 24 horas.

1. Para quitar la barra superior en Blogger Beta basta copiar y pegar el siguiente código inmediatamente antes del tag </head>;:

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

2. Para agregar un vínculo en cada post que permita ir al inicio de la página, buscar en la plantilla la siguiente entrada y agregar el código resaltado.

<b:includable id='post' var='post'>
.......
<a href='javascript:scroll(0,0)' title='INICIO'>Ir al inicio</a>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
.......
</b:includable>

3. Esta es una buena idea de purplemoggy Quisiera agregar otro widget Archivo. Quiero tener uno de tipo desplegable (HIERARCHY) y otro de tipo DROP-MENU o FLAT. Blogger no me lo permite. Cuando queremos agregar un elemento a la página, la opción está deshabilitada. La solución es muy sencilla.

Ir a la parte de Diseño Edición HTML de la plantilla y, para trabajar con más comodidad, dejar desmarcada la opción Expandir Widgets. Buscar la siguiente línea:

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

seleccionarla, copiarla y pegarla donde se quiera (aconsejo ponerla ahí mismo, luego podremos reubicarla).

Cambiar el ID por cualquier otro (lo obvio es BlogArchive2) y el título (para poder localizarla rápidamente). Quedaría algo así:

<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='COPIA'/>

Una vez guardada la plantilla, vamos a la parte de Diseño Agregar y quitar elementos y allí estará, podremos arrastarla y ponerla donde se nos ocurra y luego, editarla para seleccionar de qué tipo será, etc.

Este truco, permite duplicar cualquier widget que tenga características de único (Header, Profile, etc). En todos los casos, basta copiar el existente, pegarlo en cualquier parte y cambiar el ID.

Lo vi hoy en Mocosoft y en Nit's, ambos recomiendan una web para descargar desde Rapidshare al instante, sin esperas, sin usuario y sin contraseña. Además, dicen que permite descargas simultáneas. La página es RapidRip.

Yo no logré nada pero me parece que es un problema personal, no les gustará mi cara, mi PC tendrá alguna enfermedad infecciosas, que sé yo. Jamás en la vida logré bajar un bit, ni un uno ni un cero, NADA.

Por las dudas, si a alguien le sirve, ahí está. Sin embargo, no puedo dejar de preguntarme por qué tanta gente usa esos servicios. Un misterio. Sería mejor que confiaran en la vieja mulita, un animal noble que jamás los va a dejar de a pié.

POST-EDICION (diciembre 3): una aclaración de Bruja me obliga agregar un par de direcciones más, ya que, aparentemente, la original no funciona:
MIRROR 1: el recomendado.
MIRROR2: una alternativa.
Otra vez, gracias, Bruja.