Sábado, 22/11/08. Actualizado hace 6 dias
... con mi proximo proyecto ... 3 days ago

Estrenando nuevo diseño: Oingk 1.1

Por: rogeliorabbit @ 28 Abril 08 → Tags:

Y esta vez espero que sea hasta dentro de mucho tiempo! Por fin lo he acabado y aqui lo teneis. Espero que el resultado sea casi-definitivo para una temporada, aunque nunca se sabe.

Para crear este theme cogi como base el theme Minyx2Lite de Spiga y Storelicious. Este fue el primer theme que utilice para este blog, pero acabe cambiandolo porque no tenia posibilidad de implementarle widgets y tenia que hacerlo todo toqueteando el codigo. Ahora, despues de unos meses de practicas y algo aprendido, volvi a elegir este theme por su estilo minimalista, pero muy bien acabado (por lo menos para mi). Ahora prefiero crear yo mismo  el sidebar y poner todo lo que quiero a mano que con los widgets (que encima con la version de wp2.5 me lio muchisimo).

Logo, header y twitter

El fondo del header lo saque de eboy que, aunque la idea de ponerlo como fondo lo saque de viciao2k3, ya lo conocia desde hace algun tiempo. Sus dibujos pixelados son una pasada, podeis verlos en su pagina, y si quereis ver el que yo utilizo es este.

El logo es el mismo de siempre, solo que cambie la cabeza de lado junto con la mano y las letras. No es muy original, pero de momento es el que mas me ha gustado de los que hice.

¡Por fin consegui meter las entradas de Twitter dentro de un bocadillo! Lo intente unas cuantas veces pero nunca lo consegui y cuando estaba ultimando el diseño, ¡puff!, me salio.

Sidebar

Para el sidebar utilice los CSS que creara para la anterior version que tuve que cambiar por problemas con las resoluciones de pantalla. Acabe quitando el plugin de Mis Recompensas ya que me estaba dando problemas por culpa de los cambios de servidores de mi hosting.

El sidebar sera el mismo para el index (la pagina principal) y las paginas (contacto, cucu, plugins, etc), mostrando mis imagenes en flickr, las ultimas noticias, los comentarios mas recientes, el tagcloud, los miniposts, categorias, blogroll y archivos mensuales. Pero al visionar una entrada solamente, mostrara los marcadores sociales para compartirla si te gusto la entrada, las ultimas entradas con la posibilidad de pasar entre las paginas para ver las que mas te interesan mas rapidamente y el tagcloud.

Para poner el logo (que se encuentra en el sidebar) encima de la imagen del header pues…me salio de casualidad. Borre los enlaces a las paginas que venian en el header original (no me gustaban, ocupaban mucho y queria poner las imagenes al lado de cada pagina) y ¡zas!, se me subio el logo. Me gusto como quedaba y toqueteando un poco en el style.css quedo asi. Si intentase hacerlo para un theme creado por mi no sabria, jeje.

Mis Plugins

Aunque esto no es parte del diseño, he modificado la seccion de Mis Plugins, que antes la hacia a mano y ahora muestro los plugins que utilizo gracias a WP-PluginsUsed. Gracias a este plugin puedo mostrar todos los que tengo activos o mostrar los activos e inactivos o solo los inactivos.

Tambien estoy peleandome con CformsII, un plugin para crear formularios de contacto para mejorar mi seccion de Contacto.

Publicidad

Como veis, todavia no meti nada de publicidad en la web, pero estoy pensando en poner un anuncio debajo del primer post, como tenia antes. En sustitucion del plugin Mis Recompensas, estoy esperando a que saquen un plugin para agradecer a los comentaristas con enlaces a su blog. Estos enlaces estaran hechos con imagenes y seran aleatorias: cuanto mas comentarios dejes, mas posibilidades de aparecer tienes.

Footer

Esta es la unica parte del blog que casi no modifique. Cambie un poco la imagen añadiendole unas tiras de celo (para que “pegase” un poco con el header y logo) y cambie los colores de la paginacion para ponerlos de un color marron-anaranjado a tono con el resto. Todavia no tengo ninguna idea buena para el, ¡pero se aceptan sugerencias!

Para crear el diseño necesite:

  • Theme Minyx2Lite
  • Header eboy (cogi la idea de Viciao2k3.net)
  • Iconos Fam3
  • Photoshop CS3
  • Tutoriales de Photoshop CS3 =D
  • Dreamweaver CS3
  • Paciencia
  • Alguna que otra sustancia alucinogena
  • Y, repito, mucha paciencia con tanto codigo.

Articulos que visite para el diseño:

  • Tutorial para doblar papel (utilizado en la imagen del header)
  • Manual de instalacion de Google Ajax Search ( via ayudawordpress.com)
  • Manual de instalacion de WP-PluginsUsed (via )

Quiero darle las gracias a mi niña, que estos dias se a portado genial cuando yo casi no le hacia ni caso. Un 10 es lo que eres.

Solo me queda preguntarios si os gusto o no. Se aceptan comentarios!!!

¿Te gusta el nuevo diseño del blog?

View Results

Loading ... Loading ...

Noticias Relacionadas

Esta entrada no tiene comentarios... pero tu puedes ser el primero.

Agregar comentario

Chuck Norris es la unica persona que gana a una pared jugando al fronton.¡Deje tu huella! - Ten en cuenta que el comentarío debe de estar relacionado con la entrada actual, no usar insultos ni descalificaciones hacia el autor o otros visitantes, sino Chuck Norris te seguira y nadie puede escapar de Chuck Norris.

Si quieres hacer una pregunta fuera de este tema al administrador, ve a la seccion de contacto. Recuerda que si quieres usar un avatar debes registrarte en Gravatar. Tambien lo puedes hacer marcando la casilla que esta debajo del campo del mensaje.

XHTML:Puedes usar estos tags en el comentario: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>