Año nuevo, estilo nuevo

Primera entrada del nuevo año. Normalmente la gente suele comenzar con algo del tipo “Feliz año nuevo”, “Próspero año” o similares, pero este no es el caso. La primera entrada del año en esta bitácora sirve para indicar a los despistados, que siempre habrá alguien que no se de cuenta, que se ha cambiado el diseño de la bitácora.

El nuevo estilo es menos recargado, en el sentido de que no hay tanto azul por todas partes. Es un estilo más sencillo, pero a la vez, al menos en mi opinión, más atractivo.

Aún quedan algunos detalles por pulir, como hacer que todo funcione correctamente con el maldito Internet Explorer (Best Viewed with Mozilla Firefox) a base de parches y similares y cambiar alguna que otra cosa, pero se podría decir que está un 90% terminado.

En fin, ¿Comentarios? ¿Sugerencias?

Comentarios
  1. Enhorabuena 🙂 mucho más relajado de leer que el anterior.
    Has probado a espaciar más la infinidad de links del apartado “Últimos comentarios”? Un poquito de aire le vendria bien creo

    Responder

  2. 😮 :OO Me encanta el nuevo diseño, muy muy cuidado y con bastantes toques profesionales… Mágico!!! Feliz Anyo 2oo5

    Responder

  3. Oh! :OO

    Me gusta! Gris y azul es una combinacion que siempre se ve bien 😀 Felicitaciones, y feliz a#o nuevo!

    Responder

  4. Coño Zoo, cómo mola :OO
    Con lo que te has hecho de rogar bien podía ser así de chulo, eh?? Que si no te ibas a enterar 😛

    Nada, muy wapo.
    A mí también me gusta mucho la mezcla de azulitos y grises, y sobre todo las webs claritas.

    Eso sí, a ver si a un rato no explikas el porqué del header, porque no lo acabo de pillar 😯
    Jajajaja

    Salu2!!^^

    P.D.: estoy viendo que la vista previa no funciona 😕

    Responder

  5. Muy elegante, pero antetodo, al tener un fondo blanco, facilita la lectura muchísimo.

    Buena mejora.

    Responder

  6. cyberfrancis

    Molaaaa 😀

    Responder

  7. pues na, me alegro que os guste ^^

    lo del bote con ¿harina? ¿cocaína? no tiene ningún significado oculto. simplemente buscaba alguna imagen que pudiera usar sin violar ningún copyright y las que tenían algo relacionado con la informática no me gustaba ninguna 😛 el bote me gustó, asi que al header

    Responder

  8. A mi me encanta!
    Aunque coincido con are en lo de los últimos comentarios, si me permites una sugerencia, te recomendaría que indentaras un poco los nombres de los que comentan, no sé si utilizas un dl pero creo que así quedaría más claro.

    Y también me pica la curiosidad por el header jejeje.

    Responder

  9. solucionado lo de la vista previa. gracias por el aviso emper. había borrado el script sin querer :uch:

    chavalina, siento decepcionarte pero no tiene ningún significado oculto. aunque habrá que pensar en uno para el próximo que lo pregunte 😛

    Responder

  10. Muy guapa, solo un una cosa, no te parece excesivo tanto % deancho para el menu, aparte de que no sale bien del todo:

    El menu donde escribo esto se me mete dentro de la zona gris y dejo de ver parte de lo que escribo.

    Uso 1024×768 pero con la pantalla redimensionada a 800×600, parece que si paso mi navegador a 1024×768 tu diseño se ve perfecto… eso lo veo como un pequeño error: El diseño depende de el % de la pantalla y no del % dle navegador (vamos, es un diseño liquido basado en resolucion y no en tamaño de ventana)…

    El diseño esta muy guapo, solo te recomendaria corregir esas dos cosas.

    PD: ¿Como haces lo de la vista previa?, ya lo he visto en otros sitios como r0sk y me apeteceria poder usarlo 😛

    Responder

  11. Oops… se me olvidaba:

    El bote de cocaina/harina me recuerda a mis batidos de proteinas (toda rima)…

    Responder

  12. Me parece genial, lo único que le añadiría sería un buen logo…^^

    Responder

  13. Ups, no ví el bol de harina… queda un poco raro.

    Por cierto, en firefox, al ver esta entrada, la capa rap o content se extiende hasta el infinito (vamos, que se extiene en exceso).
    Luego, en últimos comentarios dejaría solo el título del post y el número de comentarios.
    Y bajaría un poco los números de los comentarios.

    Enhorabuena por el diseño.

    Responder

  14. I love it!!

    Yo quiero uno igual! (mi diseño ya me cansa…)

    Responder

  15. Je, a mi me parecia un bol de palomitas… esta resaca… ains ains xD

    Responder

  16. Realmente divino…

    Feliz 2004++!

    Responder

  17. Feliz año nuevo!!!

    La verdad es que te vengo visitando desde hace poco y todavía no me había cansado del diseño antiguo, pero el nuevo está también muy bien.

    Por cierto, con significado o no, la foto del bote mola :OO

    Responder

  18. Litbea

    Yo también soy un reciente lector y me gusta el diseño nuevo; bueno, ahora que lo veo acabado, porque hace unas horas entré y no me parecía que hubiera cambiado casi nada 😕 (por ejemplo no estaba el cubo…).

    Supongo que no será accidental pero, ocasionalmente, cuando me desplazo con la ruleta del ratón en vez de moverse el frame principal lo hace el del último comentario que he tocado o sobre el que estoy. ¿Me puedes confirmar este punto? Es que me sorprende, porque si el frame está dimensionado para dar cabida completamente al comentario… ¿para que poder desplazarse por él?

    Feliz año a todos.

    Responder

  19. Bueno, ya postee a destiempo asi que sabes mi opinion 😛

    Saludos y feliz anio

    Responder

  20. Corsair

    :OO :OO :OO :OO :OO :OO :OO :OO :OO:OO :OO :OO :OO :OO :OO :OO

    Sencillamente elegante, elegante por su look & feel y por su
    simpleza, como se dice por ahí, “las cosas buenas y simples, por lo simples, doblemente buenas.”

    Felicitaciones Zoo, y espero que este año sea “simple” para todos, o sea, “doblemente bueno”. 😀

    Saludos,
    Corsair.-

    Responder

  21. Vista previa para los comentarios
    Gracias a Zootropo he activado un javascript bastante útil, el cual genera una «vista previa» de lo que vas escribiendo en el comentario, implementarlo es muy rápido….

    Responder

  22. muy bonito, el Header me parece excesivamente grande, pero me gusta! en pantalla grande se ve de perlas y se lee mucho mejor!! 🙂

    Yo he tenido un poltergeist, una cosa rara 😀 He hecho click en el nombre de uno de los “ultimos comentarios” y una vez en el comentario, al querer leer más moviendo la rueda de mi mouse, el div del comentario ha hecho scroll en lugar de la página entera… Solo ocurre mientras en el nombre tiene el “focus”… no sé si me explico bien…

    En firefox 1.0, WinXP SP2

    Felicidades, por el año nuevo y por el diseño nuevo! 😉

    Responder

  23. feliz año!!! 8)

    este nuevo diseño me gusta mucho más, aunque el scroll se me ralentiza bastante (supongo que será culpa del desplazamiento “suave” de firefox)

    Responder

  24. micmic

    Mola.

    Con Firefox se ve genial, pero con IE 😕 (claro, que a mi no me importa, y ademas supongo que tus estadísticas de IE serán bajas)

    Muy clarito, legible, sencillo… me gusta, si señor. Lo de la cabecera, coincido en que es un pelín alto, se come mucho espacio.

    Enhorabuena por tu nuevo estilo (por cierto que podías dejar el antiguo como estilo alternativo para los románticos nostálgicos, Chavalina lo tiene habilitado con su nuevo look)

    Responder

  25. tengo un porcentaje alto de firefox y mozilla (57% + 3%) pero al tener bastantes visitas vía google ie sigue teniendo una buena parte del pastel (37%) :uch:

    pero las visitas de google no me importan demasiado porque el 90% suelen ser newbies mamones que confunden esto con un foro y lo que buscan es porno, warez o tocar los huevos

    de todas formas cuando tenga tiempo pasaré los png a gif ya que el estúpido ie no soporta transparencias en png y arreglaré lo de los numeritos en los comentarios. las imagenes que pongo con :before casi que se quedan sin ellas… que usen un navegador de verdad, cohone ¬¬

    sobre lo de poner el estilo antiguo también… pues quería hacerlo, pero sin que tenga que tener firefox el usuario para verlo, sino con un javascript. y poner también la opción de ver la letra más pequeña o más grande,… ese tipo de chorradas. cuando tenga tiempo y me aburra un poco ya lo haré 8)

    Responder

  26. Sobre lo de usar GIF en vez de PNG… para mi gusto las transparencias de PNG son mejores… quiza un simple php que si el navegador es ie, cambiar todos los PNG por GIF …

    PD: Te lo escribi en el articulo que te ha hecho Trackback, pero no se si lo leiste justo al final:

    “Antes de que se me olvide: Zootropo, te recomendaría separar en archivos aparte tus funciones de javascript para que al validar no de problemas. Un saludo y gracias por la ayuda.”

    Pues eso, gracias por el tip 😉

    PD: ¿Sueles usar el Jabber?

    Responder

  27. Ahora lo veo perfecto, Zootropo.

    Responder

  28. Perfecto!

    Me encanta, felicidades. Se vé de maravilla con Safari 🙂

    Y me gusta la imágen de cabecera :OO

    Saludos

    Responder

  29. Me gusta mucho. La foto del bol se sale 🙄 Ah, y esto de la vista previa al vuelo también es una pasada. No lo había visto en ningún sitio.

    Por criticar negativamente un poco, yo cambiaría el tipo de letra en el que está escrito en la cabecera “zootropo / diario del mundo geek”: me parece aburrida, vamos que está muy vista y le falta personalidad, desde mi prescindible punto de vista 😯

    Responder

  30. pues no suelo, porque casi todos los contactos usan messenger menos cuatro geeks que usan ambos

    Depende, mi lista es 10 personas en jabber y personas en 4 msn 🙂

    Yo es que uso Kopete (multiprotocolo) y voy añadiendo a la gente sean MSN, Jabber, ICQ o cualquier otro.

    Responder

  31. Llega el 2005
    Las festividades estan concluyendo y tomamos un respiro para iniciar este nuevo año. Supongo que aún escribiré la fecha con el 04 un par de veces antes de asimilarlo. Mientras tanto me apresuro a recordar que hay nuevos propósitos en…

    Responder

  32. El header de Zootropo quedará para la posteridad xD 🙄
    jajajaja

    Pues yo también te voy a copiar lo de la vista previa, ea; una vez lo intenté pero no sé de qué manera cogí el javascript que tenía que obtener el elemento como document.all[id] o document.layers[id] o algo así (tutoriales baratos…) y no me comía un rosco, vamos, pero esta solución tuya me parece cojonud… eeeerrr, genial!

    Responder

  33. No no no, no lo decía por eso, tiene personalidad y a mi me gusta mucho la combinación de colores, digo que quedará para la posteridad por su misterioso significado 🙄

    Por cierto, en firefox la caja del comentario se sale un poquito por la derecha.

    Responder

  34. A mí también me gusta mucho, que quede claro 🙂

    Responder

  35. cosas de la resolución chavalina. es que tengo puesto el ancho con medidas absolutas

    Responder

  36. micmic

    Perfecto, sigue con los png que dan mas chicha que los gif, además veo que tienes perfectamente claro los navegadores de verdad que usamos los que caemos por aqui regularmente 😛 Que len al IE.

    Te adjunto un javascript para cambiar de estilo (de regalo deja una galletita para que la próxima vez que entre el usuario recuerdo el estilo):

    function setActiveStyleSheet(title) {
    var i, a, main;
    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
    a.disabled = true;
    if(a.getAttribute("title") == title) a.disabled = false;
    }
    }
    }

    function getActiveStyleSheet() {
    var i, a;
    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
    }
    return null;
    }

    function getPreferredStyleSheet() {
    var i, a;
    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
    && a.getAttribute("rel").indexOf("alt") == -1
    && a.getAttribute("title")
    ) return a.getAttribute("title");
    }
    return null;
    }

    function createCookie(name,value,days) {
    if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
    }
    else expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
    }

    function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } window.onload = function(e) { var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); } window.onunload = function(e) { var title = getActiveStyleSheet(); createCookie("style", title, 365); } var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title);

    Lo único que necesitas es poner en las declaraciones de los CSS el parámetro del título para que te lo coja el script

    Lo del cambio de tamaño... lo he visto en algún sitio... buscaré:roll:

    Responder

  37. mira los puntos que hay en el footer al lado de las estadísticas de nedstat, micmic 🙄

    o en su defecto, este javascript 😛

    Responder

  38. Muy guapo, sobre todo me gusta por el orden y los efectos “hover” siempre me han llamado la atención 🙂

    Felicidades 😉

    Responder

  39. La única pega es que la imagen de fondo me ralentiza mucho el scroll pero como he dicho antes, me mola el diseño 🙂

    Responder

  40. micmic

    😉 rayos, muy bueno, me ha gustado 😛

    Responder

  41. Muy bueno el diseño, solo un fallo: como han comentado antes, la imagen de fondo relentiza todo una barbaridad… yo tenia algo parecido pero al final lo tuve que descartar pq la cosa parecia q iba a pedales (bueno, de echo es uno de los estilos alternativos).
    Supongo que será por la cantidad de divs o algo asi, pq en la web donde explican el efecto no se aprecia ninguna relentización: Complexspiral Demo

    Responder

  42. pues a mi esa web me va exactamente igual que esta, rick :huh:

    Responder

  43. javipas

    Hola, 😀

    Sólo quería felicitarte el año y cómo no, felicitarte por el nuevo diseño. Mucho más claro, y con detalles realmente curiosos, como los números de fondo de cada comentario… aunque queden cortados por la parte de arriba. Supongo que será cosa del diseño :-). Te leo desde hace tiempo y la verdad es que de los blogs de tecnología en castellano que visito, es uno de mis preferidos. Hace poco tuve que hacerme un temita para la revista donde escribo (PC Actual) y encontré un poco de casualidad tu blog. Estoy seguro de que irá a más. Un saludo y hasta pronto,

    javipas

    Responder

  44. muchas gracias javipas :OO

    btw, lo de los números es cosa de mi retorcido sentido de la estética. vamos, que se ve como se supone que debería verse, no es ningún error el que se corten.

    Responder

  45. 🙄
    Instale el Opera Browser y desenvolva suya pagina abrindo en el… Se usted abrir suya pagina en el e observala correctamiente entonces aun el maldito IE abrirá suya pagina sin defectos… El Opera tiene uno bueno validador que apuenta todos los defectos!!!

    Mucho bueno… rapido!!! gratuito (con uno banner)!!! Inté!!

    Responder

  46. Mozilla Firefox, que es el navegador que he utilizado para probar el nuevo diseño y que utilizo siempre para navegar, tiene mejor soporte a los estándares que Opera, Thadeu. y no solo es gratuito, sino que es software libre

    Responder

Deja un comentario