Esta plantilla esta basada en “Pizza Parlor” de Free CSS Templates, adaptada para Blogger por BlogandWeb y esta bajo una licencia Creative Commons Attribution. Puedes utilizarla para fines personales o comerciales con la única condición de que respetes los créditos, regresando un link a Blog and Web y Free CSS Templates.
Características
- Definición de colores en el panel.
- 3 columnas.
- Menú personalizable.
Descarga
Instalación
Para instalarla consulta el videotutorial hecho por Patricia Pilar y nuestra miniguía de instalación. Además puedes leer nuestras preguntas frecuentes y enterarte de los problemas más comunes y su solución.
Configuración
Esta plantilla tiene un menú para personalizar a tu gusto, para cambiarlo entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML”.
Y busca el siguiente código:
<ul>
<li class='active'><a href='#' id='page1'>Blog</a></li>
<li><a href='#' id='page2'>Fotos</a></li>
<li><a href='#' id='page3'>Perfil</a></li>
<li><a href='http://blogyweb.blogspot.com' id='page4'>Soporte</a></li>
</ul>
En ese código, cambia los signos # por tus links y guarda.
JmpaSrgc octubre 29, 2007 a las 5:20 am
Con tu permiso, voy a aplicarla a mi blog de cocina eCulinariae, haciendo algunos cambios estéticos, como por ejemplo la imagen de cabecera, el ancho de las columnas, iconos, etc, pero respetando la idea original y, por supuesto, los créditos.
Un saludo y felicidades por tu grandísimo trabajo.
ResponderJmpaSrgc octubre 29, 2007 a las 6:32 am
Tengo un problema con la plantilla y es que, cuando incrusto un widget en las barras laterales y estos incluyen un script, el fondo de color verde y los bordes desaparecen. ¿Habría alguna forma de evitarlo?
Muchas gracias y un saludo.
ResponderFrancisco octubre 29, 2007 a las 11:11 pm
Hola JmpaSrgc,
Esto puede corregirse buscando en el código css de la plantilla:
#Feed1, #Feed2, #NewsBar1, #NewsBar2, ….. #Label1, #Label2 {
y agregando al principio:
.widget,
Saludos y gracias por el comentario!
ResponderJmpaSrgc octubre 31, 2007 a las 8:39 pm
Bueno, ya lo arreglé… a mi modo, jeje.
No aparecen los bordes pero tampoco creo que hagan mucha falta (conformista… 😛 )
Ahora tengo otro problema y es que en el apartado “Fuentes y colores” no me aparee la opción para aumentar de tamaño algunas fuentes, como por ejemplo el contenido de la entrada y el pie de la entrada (post-footer creo que se llama), cada uno independiente del otro y no se como hacerlo desde “Edición HTML”.
Un saludo y gracias.
ResponderFrancisco noviembre 5, 2007 a las 3:29 am
Hola JmpaSrgc!
Ya corregí ese detalle en la plantilla ;). Sobre el tamaño de las fuentes, desgraciadamente es un proceso bastante laborioso icluir esa variables y por el momento tiene que hacerse de forma manual. Como bien dices en “edición html”, para modificar esas propiedades puedes usar las clases: .post-body y .post-footer.
Saludos!
ResponderJmpaSrgc noviembre 5, 2007 a las 9:08 am
Francisco, si es que soy muy torpe. ¿No podrías hacerme el favor de decirme que código y donde ponerlo para que las fuentes tengan el mismo tamaño que en mi blog ¿Y qué digo hoy?, tanto en el body como en el footer?
Si crees que soy muy pesado puedes mandarme a freír espárragos, que eso si se hacerlo muy bien ya que soy cocinero 😛
Un saludo
ResponderFrancisco noviembre 8, 2007 a las 3:05 am
Hola
El código puedes poner justo antes de la etiqueta:
]]></b:skin>
de esta forma:
.post-footer {
font-size:tamaño-funte px;
}
.post-body {
font-size:tamaño-funte px;
}
Y en tamaño-fuente los sustituyes con el número del tamaño, ve probando con varios números hasta que tengas el tamaño que deseas ;). Y bueno, y ya con esto me gane algún plantillo? jejeje
Un saludo!
ResponderJmpaSrgc noviembre 9, 2007 a las 4:03 am
¡Te has ganado el cielo, amigo! Jaja.
Lo probaré en cuanto tenga un rato libre (que últimamente no tengo mucho). Ya te contaré.
Un saludo y mil gracias.
Respondermarce noviembre 21, 2007 a las 3:11 pm
cómo hago para sacar la foto de la pizza???
Respondergracias
Francisco noviembre 23, 2007 a las 1:56 am
marce, puedes ver el proceso general en “La forma más sencilla de modificar una plantilla” y el nombre de la imagen a sustituir es img2.jpg
Saludos!
ResponderPet Health Care Tips marzo 1, 2008 a las 3:27 pm
Thanka alot for these templates.
Responder