el BLOG de manuti

En el blog The Raging Che, del que podéis saber más en su apartado «Sobre mí», hay un espacio muy interesante dedicado a Traducciones al español o castellano, de documentos en inglés. Estos están relacionados con la creación de plantillas para blogs, sobre todo hojas de estilo CSS. Aún no las he leido con detenimiento, pero ésta serie dedicada al Diseño de una plantilla con CSS, partiendo desde los gráficos que son necesarios para decorar el blog, creo que merece la pena.

1. Diseñando una plantilla con CSS - Parte 1


2. Diseñando una plantilla con CSS - Parte 2: Creando el fondo


3. Diseñando una plantilla con CSS - Parte 3


4. Diseñando una plantilla con CSS - Parte 4


5. Diseñando una plantilla con CSS - Parte 5


6. Diseñando una plantilla con CSS- Parte 6


7. Diseñando una plantilla con CSS - parte 7

Fue bonito mientras duró, entre ayer (28-9-2004) y hoy (29-9-2004), este blog estuvo en la portada de ya.com. Las visitas fueron bastantes, y lo más importante, espero que algunos vuelvan, espero que a otros les pique la curiosidad por los blogs e investiguen, y que algunos de ellos se decidan a escribir su propio blog.

No todo el mundo domina los idiomas que se utilizan en internet. Por ese motivo, no está mal, como recomiendan en el blog de trucos, avisar del idioma del enlace. Para hacerlo automático y bonito, aunque yo antes lo hacía artesanalmente, he investigado y he aprendido a hacerlo mejor. Lo explico en dos pasos muy simples pero avanzados:

1. añadir este código a la hoja de estilos, o sea, al CSS:
   

   a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;
}




2. añadir esta propiedad a los enlaces:
   

   
hreflang="en" ó hreflang="fr" o las dos letras que toque poner


   
   donde las dos letras representan el código ISO del idioma en que está la página enlazada.

Para ampliar información recomiendo leer este artículo en mini-d, se trata de Semántica: Parte 2
Y como prueba de como funciona ésto pongo unos enlaces:

• Mandrake


• Mandrake


• Mandrake

Además así aunque en los enlaces se vea la indicación, no se incluye en el código de la página, por lo que los enlaces son más correctos, semánticamnete hablando.
P.S.: Parece que esto no anda en Internet Explorer, pero en Firefox prometo que sí. Lo tengo que investigar.

Uno se acostumbra a lo bueno, y como no es posible corregir la ortografía desde el propio editor del blog, pues comete errores que no estaría mal poder detectar y corregir.
Lo mejor que he encontrado por ahora es Stilus de la empresa Daedalus, pero lo hace bastante bien, genera un informe con las correcciones de ortografía y gramática. Luego solo queda el duro trabajo de editar lo ya publicado para aplicar el «Limpia, fija y da esplendor» de la R.A.E.

Azulica, es el blog de Mai Sabater una ilustradora de Murcia (España) como ella indica en su bonito portafolio. Además se autodefine en uno de sus post: Soy Moderna Soy Divertida Y Tengo Opinión.
Espero algún día ver una tira cómica al estilo de Bilo y Nano para poder enlazarla en el blog.

Como recomendación de mi experiencia fatídica con los cambios en la plantilla, recomendaría poner un

<div>

...
lo que sea que esté añadiendo a la plantilla,
contadores, dibujitos,...
...
</div>

Así por lo menos parece que el si se cuela algún error que «Valida» y todo el muy capullo, el error no se propaga bloqueando el blog de ya.com

No encuentro ninguna fuente que me lo aclare, pero al menos yo tenía entendido que los grillos traían buena suerte.



Esta foto la hice el viernes, estaba en la puerta de la oficina y creí que un buen presagio. Aún no sé como interpretarlo.

El viernes decidí pagar, para aumentar mi espacio, y sobre todo para quitar la publicidad, al menos los pop-ups, que me parecían muy molestos. Si solo fuese el la publicidad del banner de arriba, lo habría perdonado, pero lo otro era un suplicio.
La cuestión es que entre lo que ellos quitaron y todo lo que yo había puesto, el blog se fue a la porra, y lo peor de todo es que el acceso a «Editar Plantilla» no funcionaba. Hoy (27-09-2004) a las 15:30 me han mandado un correo diciendo que había algún que otro símbolo «&» de más y que lo bloqueaba todo. Así que me han abierto la edición de la plantilla, la he dado a «Restablecer» y he metido todos los cambios desde cero.

Otra de las cosas que por fin se puede hacer después de haber pagado es validar en CSS, ya que los anuncios hacían incompatible la página.

Estos son aparcamientos automatizados y lo demás son tonterias. Atención a las presentaciones en flash de los aparcamientos.



P.S.: Este post estaba guardado como «Artículo borrador», pero a la gente que usa lectores de «feeds», como Bloglines o Feeddemon, les aparece como visible, pueden acceder a él e incluso comentarlo. He comunicado a blogs.ya.com el error, espero que lo solucionen.

... cerrar los ojos y pensar que no tengo un blog, que nadie tiene blogs, así que no tendré que andar leyendo 1000 post, ni comentar los que me interesen, ni contestar a los que comentan en mi blog, ni nada de nada.


La imagen es de morguefile

Para insertar enlaces con imagen en la barra lateral, al estilo de los que usa EConde, lo único que hay que hacer es donde dice «Nombre del enlace» en la configuración de los Enlaces de blogs.ya.com, poner el enlace a la imagen con todo su código, por ejemplo para el enlace a la página personal de EConde, sería:

<img src="http://mx.geocities.com/econde_mx/econde.gif" border="0" alt="Mi página personal" />

se metería así:



y quedaría de esta forma:

... en el blog de manuti.

Buscando soluciones a los parones que produce Re_invigorate, ya que, cuando carga esto se queda super tirado, por eso el viernes al colocarlo al principio de la plantilla fue un desastre.

Bueno al asunto, buscando por lo anterior he encontrado el blog de Witold Reideld, no he podido investigar mucho, pero parece que es artista, pintor, tiene un catálogo de obras y muchos dibujos realizados en una «moleskine». (1) , (2) , (3) y muchos más.



Cuenta con un amplio «catálogo» de imágenes, y hasta un repertorio de enlaces con imagen que ha llamado «souvenirs». Siempre me sorprende a donde lleva el puro azar.
P.S.: Para ver más cosas de la moleskine, visita la web de su fabricante, moleskine.com [ing]

La inmobiliaria Orientur, es de mi suegro y cuñados, está en Almuñecar, en la costa de Granada, por si alguno no lo sabe, Granada (España), tiene costa, además de la Sierra Nevada y la Alhambra. La costa es muy peculiar, el agua baja del deshielo de la sierra casi todo el año, por lo que aunque el clima es caluroso, los rios que desembocan en este tramo de costa, permiten regar durante todo el año. Se consigue así poder plantar cultivos subtropicales como aguacate, mango y sobre todo chirimoyas. Los enlaces a la inmobiliaria fueron para mejorar su posición en las búsquedas, pero como ya aparecen en primera posición, los he quitado, creo que no pintaban mucho. Sin embargo, sin algún día buscan casa en la costa de Granada, en la costa Tropical, Almuñecar, la Herradura, la Punta de la Mona, Cerrogordo, no dudéis en visitar la web de Orientur.

... mucho más rápido conforme pasan los años, parece que hubiese una aceleración, un movimiento uniformemente acelerado. Recuerdo veranos con 10 o 12 años que se hacían interminables, sin embargo este puede que por ahora sea el verano que más rápido se me haya pasado.

Al intentar imprimir algunos de los post interesantes de estos blogs de ya.com, me sale una cantidad de enlaces y cosas que no quiero en la copia en papel, así que partiendo de los consejos de Diego Lafuente en mini-d, en su super artículo «Haciendo hojas de estilo CSS para impresión», he creado una hoja especial para los blogs de ya.com, para usarla solo tenéis que añadir 1 línea y otra cosilla en la plantilla del blog (los cambios están en color rojo):

...
...
<html xmlns:blog="http://blogs.ya.com/">
  <head>
    <blog:meta-title/>
    <link type="text/css" rel="stylesheet" media="screen" href="blog.css"/>
    <linktype="text/css" rel="stylesheet" media="print" href="http://blogs.ya.com/manuti/files/print.css"/>
...
...

Así se enlaza a la hoja de estilos de mí propio blog, aunque lo mejor sería copiar mi archivo print.css en su propio blog y enlazarlo correctamente, sobre todo por si algún día no está el mio por cualquier motivo.
La vista previa para imprimir quedará así:



No funcionará exactamente igual en otros blogs que no sean el mío, pero lo hace casi al 99%. Disfruten de sus post favoritos en papel, a ser posible reciclado.

Las cajas azules que aparecen en este blog se consiguen utilizando la
etiqueta <blockquote></blockquote>.
Luego el estilo lo podemos definir en la hoja de estilos asociada, en
mi caso el trozo de código de la hoja de estilos es:

...
...
blockquote{
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
    border: 1px solid #00008B;
    background-color: #DBEDFF;
}
...
...

Estoy pendiente de añadirle una imagen de fondo con unas comillas grandes, pero como aún me estoy debatiendo entre que comillas usar, aún no lo he puesto.

En los blogs de ya.com, buscamos en «Configuración Avanzada» «Editar HTML Plantilla»
En primer lugar yo recomiendo copiar la plantilla en un documento (de word, del Notepad, o lo que sea) e imprimirla, y con un lápiz ir viendo que es cada cosa, normalmente las secciones empiezan como <div> y acaban como </div>, todas las secciones funcionan como los paréntesis de matemáticas, cuando hay uno dentro de otro el primero que aparezca cerrando, cerrará lo último que se abrió, espero que se entienda esto que he dicho.
Buscamos una sección como esta:

<blog:mislinks>
 <div class="colsection">
   <div class="sectiontitle">
     <h5>Enlaces</h5>
   </div>
     <blog:mislinks-seccion>
      <div class="linksectiontitle">
      
<blog:mislinks-seccion-nombre/>
      </div>
        <div class="linkslist">
         <ul>
         
<blog:links>
           <li>
          
<blog:link-enlazado/>
           </li>
         
</blog:links>
         </ul>
        </div>
     </blog:mislinks-seccion>
( JUSTO AQUÍ HABRÁ QUE METER LOS CAMBIOS )
 </div>
</blog:mislinks>


Ahora creamos nuestra nueva colección de enlaces que deberá ser así:

    <div
class="linksectiontitle">EL
TÍTULO
DE LA SECCIÓN DE ENLACES</div>
      <div class="linkslist">
       <ul>
        <li>
        <a
href="http://www.ENLACE NUEVO 1.com/">ENLACE NUEVO 1</a>
        </li>
    ...
    ...
    ...
        <li>
        <a
href="http://www.ENLACE NUEVO N.com/">ENLACE NUEVO N</a>
        </li>
       </ul>
      </div>


Esta forma es poco práctica, así que podemos usarla para cosas más definitivas, y aprovechar los enlaces que se cambian sin tocar la plantilla para el día a día. El sistema no es sencillo y si falla cualquier cosa en el código, la plantilla no validará. Por precaución, además de copiar la plantilla para imprimirla, no vendría mal guardarla a buen recaudo para poder solucionar cualquier problema, sin perder el trabajo ya realizado. Ante todo mucha suerte.
P.S.: HABÍA UN ERROR EL DÍA QUE SE PUBLICÓ, PERO YA ESTÁ CORREGIDO.

Para incluir una imagen aleatoria el códgo javascript lo he metido en un fichero que he llamado aleat.js, y que he subido con el «Administrador de ficheros», el código de este javascript es el siguiente:

var backgr1='./files/Imagen1.jpg'
var backgr2='./files/Imagen2.jpg'
var backgr3='./files/Imagen3.jpg'
var backgr4='./files/Imagen4.jpg'
var backgr5='./files/Imagen5.jpg'
var cur=Math.round(6*Math.random())
if (cur<=1)
backgr=backgr1
else if (cur<=2)
backgr=backgr2
else if (cur<=3)
backgr=backgr3
else if (cur<=4)
backgr=backgr4
else
backgr=backgr5

document.writeln("<a href='http://blogs.ya.com/manuti/'><img src='"+backgr+"' alt='el blog de manuti' /></a>" );

Luego he subido las 5 imágenes que se van a ir alternando y que he nombrado como Imagen1.jpg a Imagen5.jpg. Finalmente he incluido la siguiente línea de código en la plantilla del blog.

<script language="JavaScript" type="text/javascript"
src="./files/aleat.js"/>


No termina de funcionar con Internet Explorer, pero en Firefox si, yo lo he puesto al final de todo.
Al fin y al cabo es pirotecnia para adornar la página, pero a mí me gusta.
P.S.: He quitado la imagen aleatoria del blog (21-09-2004).

El sábado aparte de comprar el portátil de mi amigo, nos quedamos bastante impresionados con la tienda de lencería que hay en el centro comercial de La Cañada en Marbella.
Solo tenéis que echar un vistazo a su web: Madame V y a su tienda online Madame V Store.

Nunca podré olvidar el tiempo que pasé jugando a Monkey Island 1 y 2, y a Indiana Jones y el destino de Atlantis, después he jugado a otras aventuras gráficas, pero ninguna como estas, mejoró mucho los gráficos, el audio, mil cosas, pero como la primera vez no hay nada.
Buscando información para ver si saliá algo nuevo, he encontrado este artículo en Vandal Online, se titula Tocata y Fuga de la Aventura Gráfica, y no deja lugar a ninguna esperanza, la aventura gráfica tal como la conocíamos ha muerto.

Para no olvidar Monkey Island, podeís vistar World of Monkey Island, que está en inglés pero merece la pena ver una página tan completísima.

En «WIRED» hay un artículo sobre las 40 empresas más innovadoras, tecnológicas y con una visión estratégica, o sea que parten la pana. Pues la única empresa española que aparece es Inditex, en el puesto 38, por los pelos, pero está ahí y hay que darles la enhorabuena.
Por cierto, el sitio de Inditex, valida en CSS y en XHTML, eso si que deberían aprenderlo otras empresas.

Hubo un momento en que no sabía donde meter las fotos, pero ahora conozco más de los que necesito, uno muy bueno es flickr, tiene conexión directa con Blogger, y aunque está en inglés es más o menos fácil de usar y darse de alta y todo eso.
He subido las fotos de siempre (soy un pesao), manuti en flickr.

Uno de los inconvenientes es que está en inglés, incluyo aquí los enlace a dos guías de uso en español o castellano, que te lo cuentan todo paso a paso:

• Guia para comenzar a usar Flickr - Primera Parte en AtinaChile


• Guía para comenzar a usar Flickr - Segunda Parte en AtinaChile


• Tutorial de Flickr en español en pop-page.com

Ya está aquí la nueva serie de Tele 5, se llama «Los 80», así sin complicarse mucho la vida. Lo mejor de todo ha sido ver a un antiguo compañero de teatro, no se si el se acordará de mí. Hacíamos teatro allá por el año 92 en Melilla en el grupo Concord. Se llama Diego Molero y hace el papel de mariquita loca Leo el bajista del grupo Los Replicantes, muy al estilo Almodovar, espero que su personaje tenga éxito, me alegro de que la gente llegue a donde se propone.

Para incluir imágenes en los post tenemos 3 opciones principales:

Opción 1: Empiezas a escribir, pones la imagen

y sigues escribiendo.


Opción 2: Pones el código de la imagen y añades align="left" en el interior de la etiqueta, luego escribes y la imagen queda a la izquierda aunque el texto lo empieces a escribir después, el solo se irá ordenando al lado de la imagen.

El código fuente para esa imagen sería este:


<img alt="haiku izquierda" src="http://blogs.ya.com/manuti/files/haiku_logo.gif" align="left" border="1" />

Opción 3: Pones el código de la imagen y añades align="right" en el interior de la etiqueta, luego continúas escribiendo texto y la imagen queda a la derecha aunque el texto lo empieces a escribir después, el solo se irá ordenando al lado de la imagen.

El código fuente para esa imagen sería este:


<img alt="haiku derecha" src="http://blogs.ya.com/manuti/files/haiku_logo.gif" align="right" border="1" />

Opción 4: Pones el código de la imagen y añades align="middle" en el interior de la etiqueta, luego empiezas una nueva línea (no se puede escribir seguido) y la imagen queda centrada.

El código fuente para esa imagen sería este:


<img alt="haiku centro" src="http://blogs.ya.com/manuti/files/haiku_logo.gif" align="middle" border="1" />

Sin embargo esto no funciona, al menos en los blogs de ya.com, pero aún podemos usar una etiqueta que no es muy estándar, pero que si funciona, se trata de la etiqueta center


Opción 5: Pones la etiqueta center y luego el código de la imagen, luego cierras la etiqueta center y la imagen queda centrada, después sigues escribiendo el texto.

El código fuente para esa imagen sería este:


<center> <img alt="haiku centro" src="http://blogs.ya.com/manuti/files/haiku_logo.gif" border="1" /> </center>

Para obtener el código fuente necesario para insertar una imagen desde nuestro «Administrador de ficheros» del blog de ya.com, solo tenemos que subir la imagen, volver a la página principal del «Administrador de ficheros» y pinchar (hacer click, con el ratón) sobre la imagen que vemos en pequeño, nos aparecerá una ventana con el código listo para copiar y pegar en el post.

La imagen utilizada corresponde al logotipo del sistema operativo Haiku OS, que es el nuevo nombre de OpenBeOS.

A la pregunta de ¿qúe portátil me compro?, yo suelo responder depende de para qué lo uses.

Para navegar y escribir cositas en un blog, algo de procesador de textos, ver una peli, escuchar MP3, retocar una foto normalita de la cámara digital, ... para eso vale casi cualquier portátil, con un procesador Celeron®, Pentium 4® o cualquiera de AMD (no he probado ningún portatil con C3™ de VIA ni con Crusoe™ de Transmeta, pero creo que se quedan cortos para casi cualquier cosa). Lo malo es que cuando un portátil es de gama baja y tiene poco procesador, lo es todo el conjunto, y suelen tener una tarjeta de video muy cortita, con lo cual a poco que queramos usar cualquier jueguecito no funcionará.

Si queremos jugar a juegos 3D y cosas así, hay muy pocos portátiles que merezcan la pena, y si son suficientemente potentes, la relación calidad precio no será muy buena (normalmente serán muy muy caros).

Si queremos hacer edición de video y cosas de ese estilo, siempre han dicho que lo mejor es un apple®, pero yo no he probado ninguno (aunque pueda parecer lo contrario), de tipo PC suelen ir bien los SONY VAIO® y los Toshiba.

Ante todo recomiendo dos cosas, mucha memoria RAM (512 Mb) mejor que más velocidad (MHz) de procesador, y si quieres ahorrar dinero no recomiendo los equipos con Centrino®, son buenos, pero su principal ventaja es el ahorro de energía, y si vas a usar el equipo enchufado a la red estas pagando un precio extra por algo que no vas a aprovechar.

Para todos aquellos que buscan comprar los productos de Alienware, este es el enlace para Alienware - España. Ya está disponible la compra de estos maravillosos equipos para España, pero hay que tener en cuenta que los gastos de envió más los impuestos pueden suponer un extra a tener muy en cuenta.



El motivo de este post, es dirigir correctamente las visitas que llegan buscando información de Alienware para España.

Arcadi Espasa, es un periodista de verdad, escribe en El País, y ahora colabora en la tertulia del progama matinal de Carlos Herrera en Onda Cero, y tiene su propio blog, blog de Arcadi Espasa. Como periodista comenta la actualidad, y los temas candentes como el secuestro en Osetia por terroristas chechenos, sin embargo la diferencia de un blog con otros medios de prensa, es que se pueden comentar, en concreto ese artículo tenía a día de hoy (6-septiembre-2004), 216 comentarios. Creo que los blogs están cambiando aunque sea un poquito el mundo.

A través de otro blog más he llegado a Mosaic, donde hay un Manual de fotografía digital. El manual está realizado por Antoni Martín Amatller. Esta en PDF listo para descargar gratis, está muy actualizado y el nivel parece muy bueno, solo le he echado un vistazo por encima, pero promete mucho.

Creo que después de este post titulado Reyes del IMPERIO AUSTROHUNGARO, el Camarada Bakunin no tiene nada que hacer.

Larga vida al Rey del Imperio Austrohúngaro.

Con lo fácil que es ir a wikipedia, y empezar a buscar en un sitio fiable, la gente insiste en el buscador.

Al igual que Microsiervos, el mes de agosto ha sido el primero completo de estadísticas de RE_INVIGORATE. Solo voy a comentarlas por encima.
Lo que más me ha llamado la atención, es el alto numero de ususarios de Mozilla (de paso recomiendo que visitéis la web que la han renovado).



Segundo, que haya mucha gente usando resolución 800x600



Y los privilegiados con un apple



De las visitas prefiero no hablar mucho, pero bueno o para malo.
Si aún no lo has probado echale un vistazo a la web de Re_invigorate

No escric en català, però a l'utilitzar el sistema de ping manual de Noctambul, m'he adonat que feia ping a bitàcoles, un lloc de bitacoras en català. Així que per a postear una mica en català he recorregut a aquesta web, interNOSTRUM.