TH#a.0.6 King

Dicen que hay dos tipos de informáticos: los que llaman a sus cosas con nombres molones como Dauderan Pi o Mögorth y ese tipo de palabras raras y los prácticos que prefieren: Sobremesa1, Portatil2 o El equipo de María. Yo soy de los segundos, no sabía cómo llamar al nuevo theme y opté por Theme Alpha (por ser el primero que hago) y su versión (que no ha seguido ningún orden fijo), es decir, TH#a0.6. Y me quedo tan contento, oigan.

¿Quién es ese? Pues debe ser un rey. ¿Por qué? Porque viene muy limpito.

Esta frase de los Monty Python es la que da apellido al invento. Aquello sí era humor, sketches y cine en condiciones.

Themes utilizados

¿Era necesario cambiar el aspecto visual del blog?

No, la verdad es que CityScoop me parecía adecuado.

¿Entonces, gañán?

Simplemente me quedaron espinitas clavadas por no implementar (implementar, esa palabra tan nuestra) ciertas funcionalidades (funcionalidad, otra que tal baila) y me resultaba más fácil empezar uno de cero que amoldar el existente. Así pues me puse a tirar líneas basándome en la fachada vigente. De hecho por fuera no cambia tanto.

¿Y las famosas funcionalidades, tío listo?

Ya voy, ya voy…
Nunca terminé de aclararme con el tagline así que ahora tengo varios que se escogen aleatoriamente. Pero como cobarde y vago que soy he preferido no dejar a la gente que los escriba, más que nada porque con revisar el SPAM ya tengo suficiente, no quiero tener que leer cada una de vuestras ocurrencias, y peor, como nos conocemos todos, no quiero tener que borrar alguna de un colega cercano y liarla por haberme cargado su frase, represión, represión. No, señor, así me quito líos, el único y último responsable soy yo así que no doy cuentas a nadie.

La cabecera se va la cabecera se viene. Simplemente cambia, aleatoriedad al poder.

¿Ves esa barrita? Te vas a hartar. Una de las mayores quejas era que no había forma de estar al tanto de los últimos comentarios sin recurrir a la portada. Pues venga, ahí está el último coronando vuestra navegación, siempre.

Desplegable por aquí, desplegable por allá. Esta es una de las cosas que no supe agregar bien al theme anterior y es que obligaba a recargar la página si clicabas en él (cosa que poca gente hacía), de esta forma no, y queda bastante elegante. Además de introducir otros cambios menores como resaltar el resultado de una búsqueda.

Captura TH#a0.6

Vale sí, ¿algo más de aspecto visual?

Sí, una cosa, todo está enfocado a que el visitante permanezca más tiempo en la página incrementando así que vea más anuncios y termine suscribiéndose. Hay que echarle morro al asunto, ¿eh?

One more thing, el plug-in que se quedó en vaporware, BOOM!

Una de las ideas era crear un plug-in que mostrase los enlaces relacionados (o no) tanto del propio blog como de otros añadidos por el administrador. Lo fui dejando, lo fui dejando… y ni lo he empezado. Tengo un mero esbozo que no es más que una copia de otro que se limita a buscar y comparar con los de una base de datos, por defecto la instalada para el blog de WordPress, pero nada más. Si alguien quiere la idea que la coja y lo desarrollé, si tiene ideas para aportar que las aporté, si no tiene nada que decir que diga mico.

Resumiendo, me apetecía diseñar y desarrollar (otras dos palabras para el bote) mi propio theme de WordPress y es lo que he hecho en estas últimas semanas (lo hubiese lanzado antes pero Semana Santa me da un bajón de lectores considerable). Falta decir que no es definitivo y que hay cosas en pruebas, si algo no os gusta o creéis que estaría mejor de otra forma decidlo con suma elegancia y me platearé cambiarlo. Es el primero que hago así que no seáis tan malos, yo espero que guste.

Visto en: Un lagarto abuhardillado.

Comentarios

39 respuestas a «TH#a.0.6 King»

  1. Avatar de Hugo

    En líneas generales me parece adecuado, mola especialmente la tipografía de los títulos de post.

    Quitaría la transparencia de la barra flotandera, creo que entorpece la lectura.

  2. Avatar de ElGekoNegro

    A Hugo, daremos más tiempo a ver qué dice la gente. De momento lo he probado poco y siempre en Firefox, doy por hecho que en IE6 me hace aguas por todos lados, sobre todo por utilizar CSS 3, pero bueno.
    Apunto lo de la barra en posibles cambios.

  3. Avatar de Hugo

    Jugado un poco con Firebug te avanzo que si a #flotante le pones un opacity: 0.8; (o superior) la cosa gana mucho y mantiene la idea que quieres dar de que se note que está ahí siempre. Pero eso, espera a ver que opina el personal que yo con estas cosas soy muy mío.

    Más detallitos que veo, creo que le irían bien ajustes en algunos márgenes que dan la sensación de dejar todo un poco pegado, se nota especialmente en el margen entre posts cuando haces una búsqueda.

    Pero insisto, si lo has hecho desde cero es un muy buen punto de partida, ahora lo que tienes que hacer es seguir una mentalidad kaizen y corregir cada cosita que encuentres que no te termine de molar, probar pequeños ajustes y demás.

  4. Avatar de Andrea
    Andrea

    Me parece genial, realmente te ha quedado muy bonito. Sólo le quitaría la barra de transparente de arriba, que me parece que está de más que nos siga a todos lados, aparte de que entorpece mucho la lectura.
    Todo lo demás perfecto.

  5. Avatar de zetxek

    Mola! Y para lo que dice Hugo de la barra, quizás podrías probar con ella abajo en vez de encima, así no entorpecería tanto… Y además picado por ti mismo mola x100 más ;)

  6. Avatar de zetxek

    Ah, y en IE7 se ve tal que así:

  7. Avatar de Bea
    Bea

    De hecho por fuera no cambia tanto.

    Acabo de levantarme y lo primero que he pensado es: se me ha olvidado escribir y me he ido a otra página.

    Ahora que ya estoy un poco más ubicada, me gusta el nuevo estilo. Mucho. No me gusta que la barra de arriba sea tan transparente porque me gusta la barra en si pero me cuesta leerla en plena entrada. Y he dado cuatro veces al botoncito de + para abrir y cerrar…

    Lo que no sé si me convence es el cambio de color de la televisión pero es más falta de costumbre que otra cosa (unas cuantas televisiones después, me cae mejor).

  8. Avatar de Alexliam

    No está nada mal para ser el primero.

  9. Avatar de El Tabernero

    ¡Y con más anuncios! ¡Santo Dios, hoy es mi día de suerte! ;)

  10. Avatar de ElGekoNegro

    A Hugo, he subido a 0.85 y me convence. Gracias por apuntarlo. Me anoto lo de el espacio interpostil (que imagino que es una palabra que te gusta mucho).
    A Andrea, la barra es muy útil, al principio costará acostumbrarse pero es la manera más rápida de realizar una búsqueda en el archivo del blog. Yo llevo dos o tres semanas con ella ahí (con las diferentes versiones que ha tenido) y me parece impresincible.
    A zetxek, Internet Explorer me lo rompe por varios puntos, no sé si es por la versión del CSS que no entiende, por la incompatibilidad de JS o por todo eso junto, pero bueno, casi todos llegáis con el dúo Firefox/Safari. Dejaré IE para los googlers.
    A Bea, yo también estuve jugando un rato cuando lo terminé, tienes más debajo de los comentarios :P
    A Alexliam, gracias :)
    A El Tabernero, la verdad es que no, sólo están cambiados de sitios. Bajo los comentarios ahora están dos desplegables más. Es más, el moremoney no lo tengo puesto (creo).

    Me he fijado que no hace caso si intentas ir al enlace de un comentario, otra cosa a arreglar, qué fiasco.

    Gracias a todos, lo iré cambiando poco a poco. Seguid soltando errores y mejoras.

  11. Avatar de Malkav

    Ya te lo han dicho, más espacio entre posts mangurrián.

  12. Avatar de Aloisius

    Nos gusta mucho a todos, es muy bonito y molón. Pero hemos venido a dar por saco y a sacar punta a todo. Así que la saco.

    – Primero, he de decir que en IE6 no está tan roto como podría estar (hasta funciona el desplegable de arriba!). Por suerte, he logrado tener firefox en el trabajo, así que ya me da igual.
    – El archivo no funciona, http://www.elgekonegro.com/web/%E2%99%A0/ es una url de lo más molona (con su pica y todo), pero 404.
    – En la barra de arriba, me pregunto por qué no son todos los rectangulitos igual de altos. El campo de busqueda ocupa toda la barra, pero al campo del último comentario le falta un poquito, y a los RSS un poquito más. Aunque veo en tu screenshot que para ti el campo del último comentario es igual de alto que los de los de los RSS, y más largo que el mio. Esto es en Firefox 3.0.7 en Windows XP. Pero yo quiero que sean todos igual de altos que el campo de busqueda, para que queden centraditos en la barra. Y lo quiero ya.

    Me encanta quejarme. Pero en serio, la verdad es que son algunos hilachos sueltos que quedan despues de cualquier remodelación. El resultado de la remodelación es más que satisfactorio, y creo que cumple con tus objetivos. Visualmente es similar, algo más colorido que antes, más alegre y menos emo, pero similar. Y las funcionalidades nuevas creo que aportan usabilidad (un palabro que te has dejado). Así que te felicitamos. Nos, la cátedra.

  13. Avatar de Bea
    Bea

    A ElGekoNegro, te parecerá bonito… tengo que hacer una maleta por aquí, y ahora estoy más preocupada por mostrar y esconder cosas e ir saltando de un sitio a otro. Sobretodo que he descubierto la forma de abrirlos y cerrarlos que da la impresión de que alargas la página eternamente.

    No, ahora en serio (es decir, como si no hubiera perdido cinco minutos comprobando lo anterior), la barra de arriba mejora mucho ahora que está más oscura y lo de ver desde la propia entrada los comentarios recientes y otras lecturas me encanta. Me gusta mucho saltar de una entrada a otra así que eso me facilita la vida (y sigue estando el dado, que es muy majo).

    Gracias a Aloisius no puedo dejar de mirar los cuadraditos de la barra de arriba.

  14. Avatar de El Duque

    Enhorabuena por el resultado. Me gusta porque conserva la paz que me transmitía el anterior y añade cosas nuevas.

    Eso sí, por la barra flotante quiero matarte. Supongo que será cuestión de tiempo acostumbrarse.

  15. Avatar de WhisKiTo

    Me gusta, me gusta mucho. Lo que más me jode es la barrita de arriba, creo que quedaría mejor abajo… (ya que siempre leemos de arriba hacia abajo, y abajo estorbaría menos).

    Sobre la barra, también decirte que en la barra, de los 4 cuadrados que hay existen 3 tamaños diferentes. Por un lado los botones de los feeds, pequeñajos, luego lo del comentario, mediano, y luego el de la búsqueda, que es bastante más gordote. ¿No quedarían mejor si todos tuviesen el mismo alto? Es una sugerencia ;-)

    Por lo demás… otra pequeña sugerencia: la frase que sale dentro de la tele sale pegada arriba. ¿No estaría mejor si fuese centrada?.

    Ya te digo, me gusta, y para ser el primero me gusta más aún.

    PD: tal vez te sea útil esto, aunque claro, te quitaría algún visitante :-/

  16. Avatar de WhisKiTo

    Por cierto, se me olvidó. Lo de la barra en FF 3.0.8 bajo Mac OS X lo veo tal que así.

  17. Avatar de Malkav

    Los links a los comentarios no funcionan.

  18. Avatar de rehtse

    ains, ¿qué os da a los informáticos con andar toquiñando todos los códigos? Sep, yo debo de ser astronauta, si algo funciona ¿pa’ke tocarlo? XD

    Mola la barra con los comments ^^

  19. Avatar de Harad

    Tranquilo Aloisius, ya vengo yo a quitarte el muerto de caer mal al señor Geko.

    Creo que en general el theme ha quedado bastante tosco. Los iconcitos que has ido desperdigando por ahí no encajan bien con el texto al que acompañan ni con el estilo del blog, tamaños desproporcionados por todos lados, da una sensación extraña de apretujamiento con pocos márgenes (entre posts, entre comentarios, entre párrafos, entre sidebar y cuerpo) y letras grandes.

    De forma más subjetiva no me mola la cabecera (¿tele? ¿ein?) ni la barra de arriba ni el desplegable enorme ese. Además me parece que el sidebar está bastante desaprovechado, poner el desplegable y el sidebar a la vez queda redundante.

    Pero vamos, no me hagas caso que yo de diseño no tengo ni idea (como bien se puede comprobar en mi blog).

  20. Avatar de Ponzonha

    Me sumo al bukkake y lo valido en Firefox 4 Linux.
    Me falta la barra lateral en las entradas individuales para que me mole completamente…

  21. Avatar de ElGekoNegro

    A Harad, con esas palabras se comprende perfectamente por qué tu blog lleva la palabra sutileza en el título, madre mía.
    Luego me pongo a arreglar historias que ahora ando justo de tiempo, te contesto lo de la tele, que es cierto que no he dicho nada.
    Al principio fue un garabato con forma de casa (más bien choza) con una buhardilla sobre la cual se proyectaban las frases, me molaba, pero a la semana me pareció un puticlub con neones y lo descarté. Pensé en que quedaría bien un monitor negro de fósforo verde, pero no, luego puse esa tele y me convenció, se mantiene la letra Courier y el color por ese motivo.
    Lo del sidebar es tema a parte, no me gusta, me lo cepillaría pero prefiero mantenerlo por lo que pueda pasar.
    Miraré lo de sensación de apretujamiento y corregiré los iconos, gracias por apuntarlo. Lo que no entiendo es lo de letras grandes, creo que están bastante bienen títulos y headings. Esto ya debe ser a gustos.

    Esta noche le doy un repaso a todo. ¿Más ideas, sugerencias, insultos, cabezas de caballo degolladas?

  22. Avatar de Aloisius

    A ElGekoNegro, bueno, ya que pides insultos, yo te voy a llamar hijo de puta, que hay que decirlo más.

  23. Avatar de Harad

    A ElGekoNegro, respecto a lo de las letras grandes lo que quiero decir es que entre el poco margen y las letras grandes se ve todo apretujado, pero la solución no pasaría por disminuir la letra (que así de grande está bien) sino por aumentar un poco los márgenes.

  24. Avatar de Nacho
    Nacho

    Puedo decir orgulloso que vi la versión prebetadesarollo jajaj y me encanto, ya te dije.
    Y la verdad es que es más limpio y a mi se me hace más agradable a la hora de leer.
    De código no sé mucho, asi que poco te puedo ayudar. Pero a mi me MOLA.

  25. Avatar de ElGekoNegro

    Bien, creo que está todo. Si notáis algo extraño o cualquier cosa sigue pareciéndoos fea y pensáis que se puede mejorar lo comentáis y veré si me convenve o no. Gracias.

  26. Avatar de Fran

    Partiendo del hecho de que a mí no me gusta el nuevo tema, prefiero el anterior, voy a escribir algunos puntos que podrías mejorar (bajo mi punto de vista):

    – La barra permanente (o la gekobarra), yo quitaría los cuadros blancos y la pondría toda del mismo color cambiando el color de la tipografía.

    – La fecha en los comentarios está a una altura diferente (más baja) que el autor, no sé si lo hiciste así aposta, pero queda raro, además de que queda muy cerca del texto del comentario.

    – Los menús desplegables del final del post, tienen un subrayado gris que cuando pulsas y se despliega el menú sigue ahí y no concuerda con el color del cuadro desplegado, que además al tener bordes redondeados hace que el subrayado aparezca por encima de dicho cuadro.

    – También el margen derecho de dicho cuadro es inexistente, haciendo que se pegue el texto al lado derecho.

    Y bueno ya te han dicho antes muchas cosas con las que estoy de acuerdo, como el menú desplegable del inicio cuyos iconos enormes no me van mucho, el icono del dado es tan pequeño que casi ni se distingue (ya que es blanco) si le pusieras un texto al lado quizá estaría mejor, y no sé me ocurre nada más para destrozarte tu primer theme from scratch.

  27. Avatar de Fran

    ¡Ah! Y me acabo de dar cuenta ahora mismo, que el Flash (p. ej. vídeos de youtube) se posiciona encima de tu barra, por lo menos en Firefox 3.0.7 (Linux).

  28. Avatar de El Tabernero

    Me gustaba más cuando era La hora Chanante…

  29. Avatar de raulbgluck

    Con tanto leer por rss casi ni me entero y cada vez me fijo más en lo que pone y no cómo, pero mola y además le pega aunque respecto a anteriores haya supuesto bastante cambio. Por decir algo diría que el icono de más se me hace algo raro pq me pegaría más uno tipo pegatina u origamis o como se llamen los de rss, pero vamos, enhorabuena por el cambio, que está de lujo,.

  30. Avatar de ElGekoNegro

    A Fran, jo, la verdad es que todo lo que comentas estaba ya contemplado, incluyendo lo de archivos en Flash, pero frente a eso no puedo hacer nada (creo). El dado es exactamente el mismo que el anterior. Lo del borde en los desplegables de aquí abajo es así también, lo único que miraré será el margen derecho, que de eso no me había percatado, gracias.
    Ya echaba de menos alguien que dijese eso de: me gustaba más el anterior.
    A raulbgluck, si encuentro alguno que me guste lo pensaré, y no te preocupes hombre, sólo es que me hacía ilusión tener uno hecho por mí.

  31. Avatar de Hugo

    En Mac el Flash no se superpone, tanto en Safari como Firefox.

    Pero claro, en Mac también suenan los vídeos de YouTube.

  32. Avatar de ElGekoNegro

    A Hugo, eso me pasa por hacer las pruebas en un sistema tercer mundista. Gracias por apuntarlo, quiero confiar en que tampoco ocurre en Windows y se debe al apaño que hay que hacer en Linux para que rule Flash debido a la negativa de Adobe a sacar algo decente para 64 bits.

  33. Avatar de Fran

    A Hugo, ya que te gastas la pasta que vale el MacBook por lo menos que oigas los vídeos de youtube, ¿no?

  34. Avatar de ElGekoNegro

    A Fran, hombre, tampoco es que tu Dell te entrase en un huevo Kinder, ¿no? :P
    La verdad, y tenemos que reconocerla, es que el Flash en Linux va mal.

  35. Avatar de Fran

    Era coña, obviamente, sé perfectamente lo bien que va el Flash en 64 bits, lo que no sé es si el firefox de OS X está compilado en 64 bits.

  36. Avatar de Hugo

    A Fran, por mí como si está compilado con pis de rata, el caso es que en Mac funciona, sin más.

    Pero la conclusión de todo esto es clara, Linux odia elgekonegro.com por el post del otro día sobre lo pajilleros que os ponéis con la libertad de modificación de código que a la gente normal se la suda. Linus y Richy leyeron eso y ordenaron joderle el theme a través del privativo Flash.

  37. […] es el que menos comprendo pues antes iba bien. Cuando cambié el aspecto visual Aloisius se percató de que el archivo no funcionaba. La dirección a esa página era una pica, â™  y al menos antes […]

  38. Avatar de pao²

    se me hace raro un blog sin bara lateral, pero esta mu chulo, jeje

  39. […] que os haré tragar sobre el nombre, me adelanto a explicar la nomenclatura del tema. Como en la ocasión anterior, el título le viene de una escena de mi película favorita de mis cómicos favoritos y como a […]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *