Cambio de imagen en Picando Código
Publicado el 26 de abril de 2010
Hola soy Fernando el pseudo diseñador gráfico / programador:
Después de más de dos años con el mismo tema de WordPress, decidí renovar un poco el blog. Este tema fue comenzado desde cero, sin basarme en otros temas de WordPress, como había hecho anteriormente. Empecé con un directorio vacío, y fui agregando archivos y escribiéndolos en el editor de texto Kate: style.css, index.php, etc.
El CSS, XHTML y los colores fueron decididos a medias con Rosina, también responsable del diseño del nuevo logo 😀
El resto del arte fue diseñado con GIMP con una onda “Pixel art” que traté de imitar 😛
Debo agregar que todo el código del tema validaba como XHTML 1.0 Transitional y CSS 2.1, pero al subirlo se rompió la validación debido a algunos plugins que agregan su propio CSS y XHTML inválido. Voy a ir corrigiendo esto, así como otros detalles que fueron surgiendo al tenerlo “en producción”.
Dos sitios que me fueron de mucha ayuda durante el proceso:
W3c Schools – Referencia de CSS, donde todavía tengo poca práctica, pero aprendí varias cosas al haber hecho el tema de cero.
WordPress Template Tags – Las funciones PHP de WordPress que fui usando.
Espero comentarios de todos, si les gusta, si no, si le cambiarían algo. Como siempre, el tema está sujeto a modificaciones que iré haciendo en el camino. Se puede decir que todavía no está completo, pero la nueva imagen de Picando Código ya está definida 🙂
Espero comentarios de todos, si les gusta, si no, si le cambiarían algo. Como siempre, el tema está sujeto a modificaciones que iré haciendo en el camino. Se puede decir que todavía no está completo, pero la nueva imagen de Picando Código ya está definida 🙂
46 comentarios en este post
Feed de comentarios-
Abrir archivos PSD CMYK con GIMP | Picando Código |
13 mayo. 2010 - 07:03
[…] me he estado involucrando un poco en el mundo del diseño gráfico. Tanto en el cambio de imagen de Picando Código como en algunos trabajos por mi […]
![Adaptar el theme para Wordpress 2.6: [Caption]](https://picandocodigo.net/wp-content/uploads/2008/07/caption-wordpress.jpg "Adaptar el theme para Wordpress 2.6: [Caption]")
Eduardo N. Fortes 26 abril. 2010 - 03:20
¡Enhorabuena por el cambio!
Me gusta mucho como quedó todo, aunque le habia tomado cierto aprecio al theme anterior 🙂
Un excelente trabajo para acompañar la calidad de los posts!
fernando 26 abril. 2010 - 10:08
El theme anterior será liberado para quien quiera usarlo 😛
Ni que alguien quisiera poner eso en su blog, jeje.
¡Gracias por los buenos comentarios!
Dark Musician 26 abril. 2010 - 03:27
Uff, lástima que aquí no puedo decir malas palabras; pero sin lugar a dudas, quedó la v****, ¡excelente!
Dark Musician 26 abril. 2010 - 03:36
Aún no tienes favicon ni página de error 404, y si validas el CSS o XHTML da algunos errorcillos :S pero como te digo, va muy bien.
fernando 26 abril. 2010 - 10:24
Todavía faltan varios detalles. Ya agregué página 404, y todavía tengo que trabajar en el CSS y XHTML para que quede 100% válido.
Irá mejorando, gracias por comentar!
Saludos
juan fuenz | One Frag Left! 26 abril. 2010 - 03:40
Superb!!!
juan fuenz | One Frag Left! 26 abril. 2010 - 03:48
gran diseño gran!
los engranajes del fondo, son geniales.
un detalle:
al final de la columna de catergorias, se muestra “Sidebar4”
fernando 26 abril. 2010 - 10:27
El fondo sufrió varios cambios durante el proceso, eligiendo al final el que me resultó más simple 🙂
El sidebar es de lo que menos he personalizado por el momento, pero ya saqué ese texto de sobra.
Gracias por comentar, saludos!
David 26 abril. 2010 - 05:41
Buenas,
La verdad es que no recuerdo como era antes, es lo que tienen los RSSs 🙂
El nuevo tema está muy chulo, quizás, lo único que podría objetar es el color de los hipervínculos en el cuerpo de los post, ese verde es muy tenue y cuesta un poco leer. También estoy viendo una especie de preview del comentario mientras lo escribo con texto blanco sobre fondo crudo y no se ve nada.
Lo mejor, sin duda, el contenido del blog. Sigue así! 🙂
fernando 26 abril. 2010 - 10:31
Debí haber puesto una foto de como estaba antes… De todas formas el tema anterior sigue archivado, a lo mejor lo pongo para descargar por si a alguien le interesa.
Ya quité el preview de los comentarios, hasta que le cambie el estilo para hacer juego con el resto del sitio. En cuanto a los colores, tomo en cuenta el comentario.
¡Saludos y gracias!
Mente Beta 26 abril. 2010 - 06:03
mucho más prolijo que el tema anterior !, mis felicidades a ambos por el diseño, luego te paso a comentar los detalles, saludos vecino!.
fernando 26 abril. 2010 - 10:34
Espero esos detalles, y el blog nuevo 😛
¡Saludos!
Palmax 26 abril. 2010 - 06:57
Me parece muy chulo el nuevo diseño.
Lo que no sé es si pega mucho el verde con el blanco: No se lee mucho el mensaje que viene en la caja de “Dejar un comentario”.
Quizás si cambiaras el color de las letras verdes por un color que contrastase con el blanco y con el negro…
fernando 26 abril. 2010 - 12:05
Me alegro que haya gustado. Tomo nota de los comentarios respecto al color.
¡Saludos y gracias!
SunlightRider 26 abril. 2010 - 07:00
Man, era hora, ya olía mal el tema anterior, parece que te pegaste una ducha y además te pusiste perfume.
Felicitaciones!(a los dos) que laburo hacerlo de 0, yo puteo cuando tengo que cambiar un minimo de código, aprendiendo CSS me voleria putazo.
Saludos, y mirate mi post titulado
Información capturada por extraterretres
a ver si anda html
fernando 26 abril. 2010 - 12:19
Jeje, ya estaba viejo sí el otro.
Me costó más intentar adaptar un tema hecho a lo que quería que hacerlo de cero. Llevó un tiempo, pero mas o menos quedó bien 🙂
CSS al principio es medio frustrante, pero hay que agarrarle la mano.
Ahí voy por tu blog…
juanpex 26 abril. 2010 - 08:44
Juas, soy de los que siempre le encuentran la 5ta pata al gato, el pelo al huevo y cualquier cosa para criticar.
Soy casi que un “troll con argumento” (?)
En fin, este no es el caso, me encanto el nuevo estilo y
me alegra que lo hicieras de cero 🙂
Igual, como troll veterano Oo no me voy con las manos vacias. La verdad quedo desconforme con no poder decir
nada del malo sitio 🙁 …arregla eso ¬¬ porque asi no se puede entrar sino u.u
saludos 🙂
fernando 26 abril. 2010 - 12:26
Jaja. No sé qué responder a este comentario.
Me alegro mucho que haya gustado. Costó un tiempo llegar a algo así, pero parece que a todos les ha gustado bastante el cambio.
Gracias por comentar, a ver si agrego algunos defectos más 😛
Francisco Villegas 26 abril. 2010 - 10:18
Bien encarado el cambio, ahora puedo leer sin quedarme ciego en el proceso :P!!!!!
Siga así!!!!
Saludos,
fernando 26 abril. 2010 - 12:30
¬¬
No es para tanto… 😛
¡Igual gracias por los buenos comentarios!
Saludos
hdrom 26 abril. 2010 - 11:00
Muy bueno!!!..la cabecera anterior con las el tipo de letra quedaba ilegible un poco. Esta bueno porque lo desarrollaste vos y de esa manera es mas original.
fernando 26 abril. 2010 - 14:10
Jeje, la cabecera anterior me parece un desastre ahora.
La idea fue esa, empezar en papel, y plasmarlo desde cero en XHTML y CSS. Así que el resultado final, aunque hay cosas que se ven siempre en los blogs, es un diseño original 🙂
maxxximo 26 abril. 2010 - 11:17
muy buena la nueva inetrfaz, amigable y sobretodo màs fàcil de leer que la anterior, me gusta el logo, y la combinación de colores, mis felicitaciones a Rosina y a vos Fernando por el tema hecho de cero. un saludo grande.
fernando 26 abril. 2010 - 18:04
¡Gracias! 😀
La verdad que quedo super conforme con los comentarios 🙂
nacho 26 abril. 2010 - 11:31
Muy bueno!
El logo también me gustó. Simple y efectivo.
Saludo
fernando 26 abril. 2010 - 18:09
El logo es trabajo de Rosina, y creo que encierra bastante bien el concepto del blog de manera simple.
Gracias por el comentario!
Saludos
Gastón 26 abril. 2010 - 17:41
Si, está bueno… parece “De la web 2.0” pero con un estilo “Retro”.
fernando 26 abril. 2010 - 18:10
Era exactamente lo que buscaba con este nuevo tema. Me alegro de haberlo conseguido!
Gracias por comentar, ¡saludos!
Eduardo 26 abril. 2010 - 18:09
Por fin quitaste el fondo negro con letras blancas 😀 mi vista te lo agradece.
fernando 26 abril. 2010 - 18:17
Jejeje. Costó un tiempo y mucha fuerza para convencerme, pero al fin lo cambié 😛
hugo_dc 27 abril. 2010 - 02:44
Pues a mi no me gustó el nuevo Tema 🙁
Claro que me gustó, pero no quise comenzar el comment como todos los demás… xD..
Muy buen Tema, y muy buenos temas los que se comentan en tu blog.
Saludos.
fernando 27 abril. 2010 - 23:47
¡Gracias! Espero que sigas leyendo. Si bien por algunos períodos hay menos contenido nuevo, trato de mantenerlo actualizado cuando se puede.
Esteban 27 abril. 2010 - 11:49
Excelente Fernando! También la inclusión de adsense a efectos de ganar algún mango es la mejor que pudiste poner en los single posts =)
Saludos,
Esteban.-
fernando 28 abril. 2010 - 00:52
Gracias! Resultado final: El cambio de diseño fue un éxito 😀
Gracias por el tip de adsense, vamos a ver si generamos alguna ganancia 🙂
Saludos!
martintab 28 abril. 2010 - 10:22
Felicitaciones a ambos por el nuevo diseño! Quedó muy amigable a la vista. Muy bueno el logo también!
Me copó también el muñequito fernando picando código, me recordó al Nintendo World Cup, jaja.
fernando 28 abril. 2010 - 13:29
¡Gracias!
Lo del Fernando picando código era tal cual, lo dibujé inspirado por los personajes de Kunio Kun, jeje.
Voy a meter más dibujos de esos seguramente…
Saludos!
nicoman 28 abril. 2010 - 11:22
Muy… pero muy bueno el cambio :), quedo excelente, auque soy mas de leer por RSS, no esta nada mal pasar de vez en cuando a ver algo agradable a la vista.
Lograste lo que aun a mi me da pereza… crear tu propio theme desde 0 😀
fernando 28 abril. 2010 - 13:34
Jeje, yo tampoco me entero si alguien cambia el diseño, todo RSS. Igual está bueno ver qué hace cada uno en los diseños.
Fue todo una hazaña ponerme a hacer de 0 el tema, ¡pero pude!
Gracias por pasar a mirar!
Saludos
sharysce 28 abril. 2010 - 14:00
me agrada, me agrada 😀
fernando 28 abril. 2010 - 15:03
Me alegro 🙂
Muchos lectores fieles por acá…
Saludos!
nacho 30 abril. 2010 - 12:55
Te tiro una recomendación, me di cuenta cuando entré para ver un post y navegué un poquito.
Linkeá la imágen del header al home. No es una gran mejora, pero es como una costumbre ya para el usuario, creo, que el logo del sitio redirija al inicio.
Agregalo al largo TODO si querés! 😀
fernando 30 abril. 2010 - 13:16
Es buena la recomendación. Si bien está el botón de “Inicio”, la gente está acostumbrada a hacer clic en el logo para ir a la página inicial. Lo cambio en cualquier momento…
Dark Musician 30 abril. 2010 - 20:08
Fernando, en monitores con resolución 1024 * 768 no se ve la ‘pestañita’ de la fecha de cada post, hasta ahora me doy cuenta porque estoy visualizando la web en una pantalla pequeña.
fernando 30 abril. 2010 - 20:22
Es cierto, me lo habían señalado mientras iba diseñando el tema. Todavía no le he encontrado una solución, vamos a ver cómo lo arreglo.
Gracias por el aviso!
gabyrico83 2 mayo. 2010 - 18:03
Me gusta! aunque no recuerdo el ultimo diseño 😛 te leo por rss…
😀