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?

46 comentarios en «Año nuevo, estilo nuevo»

  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

  2. 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 😕

  3. 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

  4. 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.

  5. 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 😛

  6. 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 😛

  7. 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.

  8. 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

  9. 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.

  10. :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.-

  11. Pingback: SigT

  12. 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! 😉

  13. 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)

  14. 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)

  15. 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)

  16. 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?

  17. 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 😯

  18. 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.

  19. Pingback: Aventuras de un webmaster

  20. 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!

  21. 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.

  22. 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:

  23. 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

  24. 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

  25. 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.

  26. 🙄
    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é!!

  27. 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 a Armonth Cancelar respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.