• Inicio
  • Feed
  • Contacto
  • Twitter
Post al azar
Cargando...
Recomendamos echar un vistazo a todos los posts de esta demo para poder aprovechar al máximo las características de la plantilla.

Características de la plantilla


7 de septiembre de 2009

« 16 comentarios»

BLOGGER OLDBOOK

Plantilla para la plataforma Blogger distribuida con Header desplazado a la izquierda, buscador a la derecha, dos columnas superiores, entradas repartidas en dos columnas a la misma altura y un pie también repartido en dos columnas.


Click para ampliar
Se ha intentado reproducir el formato de un libro por lo que no se dispone de barra lateral. En su lugar se han habilitado para gadgets, las dos secciones tras cabecera y un footer con similar diseño. El marcapáginas puede también incluir hasta 4 enlaces tipo icono de 16x16 px. Tonos principales: salmón, verde, marrón y gris.

Presenta como característica especial que al acceder a una entrada individual (item), los comentarios se muestran en la hoja derecha y no a continuacion de la entrada, como sería lo habitual.

Incluye:
  • Aviso carga de página
  • Optimización títulos de páginas
  • Favicon
  • Navbar escamoteable
  • Menú de iconos configurable
  • Buscador interno/externo integrado configurable
  • Letra capital al principio de cada entrada (salvo en posts con imágenes en primera línea)
  • Enlace a comentarios superior e inferior
  • Navegación por fechas de publicación superior e inferior
  • Muestra la fecha en todas las entradas aunque sean del mismo día
  • Flecha "ir arriba" con efecto suave
  • Librerías Prototype y Scriptaculous
  • Script y botón "Post al azar"
  • Anulado el rótulo "Mostrar entradas..."
  • Anotaciones descriptivas en la plantilla para que podais modificar fácilmente
  • ...y otras pequeñas cosas más.



Estilos disponibles


6 de septiembre de 2009

« 1 comentario»

TEXTO Y ENLACES. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

IMAGENES. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



LISTAS:
  • Elemento 1. (con un enlace)
  • Enlace. Elemento 2
  • Elemento 3
  • Elemento 4



BLOCKQUOTE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.



.PULLQUOTE
Sumario en el interior de una entrada
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.


.RESALTADO
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.



Ajustes previos


4 de septiembre de 2009

« 2 comentarios»

ENTRADAS POR PAGINA
Fijar el número de entradas por página a dos:
Configuración > Formato > Mostrar > 2 Entradas

Realmente funciona bien con cualquier número par de páginas, pero si los posts que soleis hacer son de longitud muy variable, podría darse el caso de que en una columna coincidieran dos entradas muy largas y en la otra dos muy cortas, por lo que el resultado final quedaría peor.

Si usais un número de entradas mayor de dos, quizás os convenga implantar el sistema de sumarios ("Post en forma de sumarios (leer más) en dos pasos"), ya que con él, todos los posts ocuparán el mismo alto.

COMENTARIOS
En Configuración > Comentarios > Ubicación del formulario de comentarios, seleccionar "Entrada incrustada a continuación"

FECHA ENTRADAS
Desde el Panel de Control, acceder a Configuración >Formato >Formato de cabecera de fecha. Seleccionar el formato "4 de Septiembre de 2009" o "jueves, 4 de Septiembre de 2009".

BUSCADOR
En un principio es suficiente con entrar en Elementos de Página > Añadir un gadget y escoger el de "Cuadro de búsqueda".

En plantillas modificadas es posible que no funcione dicho cuadro. La solución sería eliminar el anterior cuadro de búsqueda y en su lugar añadir un gadget tipo HTML/JavaScript con el siguiente código:

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" style="background:#333333 ;color:#cccccc;width:120px;" name="q" type="text"/> <input id="search-btn" style="border: 0px; font-size: 12px; text-align: center; height: 25px; background-color: transparent;color:#333333; font-weight:bold;cursor:pointer;" value="Buscar" type="submit"/></form>

FAVICON
Localizar líneas que generan el <!-- FAVICON -->. Sustituir las dos URL's de la imagen por la propia.

MENU ICONOS
Localizar líneas que generan el
<!-- Menú iconos -->. Sustituir las direcciones de enlace por las propias y/o cambiar las imágenes de los iconos. En este lugar, se pueden colocar 4 enlaces con iconos de 16x16px. Para más enlaces, habría que modificar los selectores ul#icon-nav y utilizar iconos más pequeños.

CREDITOS
Si os molesta el cartelito con borde verde que sale al final de esta página, teneis que localizar los comentarios <!-- LICENCIA --> y borrar todo lo que está entre ambos. Se agradecería respetar el resto de créditos.



Imagenes


2 de septiembre de 2009

« sin comentarios»

Estas son las imágenes que utiliza esta plantilla. Están alojadas en Blogger (Picasa), pero sería conveniente que fueran realojadas en vuestros propios almacenes de imágenes y luego se sustituyeran las direcciones en la plantilla para que no tengais que depender de fuentes externas a vuestro control. Pinchando en ellas accedes al tamaño original.

La imagen principal es una creación de Arsenica.

FONDO PRINCIPAL (body)


FONDO PARTE SUPERIOR (#wrap2)


FONDO PARTE CENTRAL (#outer-wrapper)


FONDO PARTE INFERIOR (#fondofooter)


AVISO DE CARGA (aviso)


MENU ICONOS (#marcapaginas)


ICONOS MENU (icon-nav)



BUSCADOR (#search)


BOTON POST AL AZAR (aleatoria)


FONDO TITULOS ENTRADAS (.post h3)


FONDO LETRA CAPITAL (p:first-letter)


LISTAS / ENLACE RSS (ul / .feed-links)


FONDO PULLQUOTE / RESALTADO (.post-body .pullquote / .resaltado)


ICONO MAIL (post-icons)


IR ARRIBA (flecha.gif)





Cambiar el fondo


« 3 comentarios»

Para cambiar el fondo en esta plantilla, no es suficiente con cambiar la imagen de fondo del body. Por la propia estructura que tiene que no permite transparencias en la parte inferior y superior, así como por no utilizar gif que son más pesados), se optó por poner un jpg que en su alrededor reproducía el fondo original. De esta manera, si eliminais o sustituis el BACKGROUND del BODY, vereis que se mantiene parte del fondo original en el cuerpo principal.

Para ponerlo más fácil, aquí teneis estas tres imágenes con un fondo de color plano, que con cualquier editor de imágenes podreis fácilmente cambiar por el que prefirais. Una vez editadas a vuestro antojo, sólo hay que alojarlas y cambiar las direcciones por las originales.

Si por casualidad las quereis dejar tal cual, bastará con quitar la imagen del susodicho BACKGROUND y poner de fondo sólo color. Por cierto, el de estas es el #6C6446.





Pruebas


1 de septiembre de 2009

« sin comentarios»

No disponemos de todas las versiones de navegadores existentes, pero esta plantilla ha sido probada sin encontrar problemas en:

  • Firefox 3.0.13
  • Internet Explorer 8.0
  • Google Chrome 2.0
  • Safari 3.2.1


Cualquier cosa que observeis, dejad aquí mismo un comentario con el problema y la versión de vuestro navegador.


Ir Arriba
Creative Commons LicenseOldbook by Oloman is licensed under a Creative Commons License.
Based on a work at Minima Black de Douglas Bowman para Blogger.