Cambio de imagen en Picando Código
4626
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
Suscripción por correo:
Creative Commons Attribution-Share Alike 3.0 Unported License
Los contenidos de éste sitio se encuentran publicados bajo
Eduardo N. Fortes
3:20 am
26 abril. 2010
¡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
10:08 am
26 abril. 2010
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
3:27 am
26 abril. 2010
Uff, lástima que aquí no puedo decir malas palabras; pero sin lugar a dudas, quedó la v****, ¡excelente!
Dark Musician
3:36 am
26 abril. 2010
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
10:24 am
26 abril. 2010
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!
3:40 am
26 abril. 2010
Superb!!!
juan fuenz | One Frag Left!
3:48 am
26 abril. 2010
gran diseño gran!
los engranajes del fondo, son geniales.
un detalle:
al final de la columna de catergorias, se muestra “Sidebar4″
fernando
10:27 am
26 abril. 2010
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
5:41 am
26 abril. 2010
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
10:31 am
26 abril. 2010
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
6:03 am
26 abril. 2010
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
10:34 am
26 abril. 2010
Espero esos detalles, y el blog nuevo
¡Saludos!
Palmax
6:57 am
26 abril. 2010
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
12:05 pm
26 abril. 2010
Me alegro que haya gustado. Tomo nota de los comentarios respecto al color.
¡Saludos y gracias!
SunlightRider
7:00 am
26 abril. 2010
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
12:19 pm
26 abril. 2010
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
8:44 am
26 abril. 2010
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
…arregla eso ¬¬ porque asi no se puede entrar sino u.u
nada del malo sitio
saludos
fernando
12:26 pm
26 abril. 2010
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
10:18 am
26 abril. 2010
Bien encarado el cambio, ahora puedo leer sin quedarme ciego en el proceso
!!!!!
Siga así!!!!
Saludos,
fernando
12:30 pm
26 abril. 2010
¬¬
No es para tanto…
¡Igual gracias por los buenos comentarios!
Saludos
hdrom
11:00 am
26 abril. 2010
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
2:10 pm
26 abril. 2010
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
11:17 am
26 abril. 2010
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
6:04 pm
26 abril. 2010
¡Gracias!
La verdad que quedo super conforme con los comentarios
nacho
11:31 am
26 abril. 2010
Muy bueno!
El logo también me gustó. Simple y efectivo.
Saludo
fernando
6:09 pm
26 abril. 2010
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
5:41 pm
26 abril. 2010
Si, está bueno… parece “De la web 2.0″ pero con un estilo “Retro”.
fernando
6:10 pm
26 abril. 2010
Era exactamente lo que buscaba con este nuevo tema. Me alegro de haberlo conseguido!
Gracias por comentar, ¡saludos!
Eduardo
6:09 pm
26 abril. 2010
Por fin quitaste el fondo negro con letras blancas
mi vista te lo agradece.
fernando
6:17 pm
26 abril. 2010
Jejeje. Costó un tiempo y mucha fuerza para convencerme, pero al fin lo cambié
hugo_dc
2:44 am
27 abril. 2010
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
11:47 pm
27 abril. 2010
¡Gracias! Espero que sigas leyendo. Si bien por algunos períodos hay menos contenido nuevo, trato de mantenerlo actualizado cuando se puede.
Esteban
11:49 am
27 abril. 2010
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
12:52 am
28 abril. 2010
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
10:22 am
28 abril. 2010
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
1:29 pm
28 abril. 2010
¡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
11:22 am
28 abril. 2010
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
1:34 pm
28 abril. 2010
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
2:00 pm
28 abril. 2010
me agrada, me agrada
fernando
3:03 pm
28 abril. 2010
Me alegro
Muchos lectores fieles por acá…
Saludos!
nacho
12:55 pm
30 abril. 2010
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
1:16 pm
30 abril. 2010
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
8:08 pm
30 abril. 2010
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
8:22 pm
30 abril. 2010
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
6:03 pm
2 mayo. 2010
Me gusta! aunque no recuerdo el ultimo diseño
te leo por rss…