English Português

plantilla-blogy-pizza.jpg

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.

Escrito por Francisco

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

Comentarios

  1. JmpaSrgc / Hace 1039 días /

    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.

    Responder a JmpaSrgc →
  2. JmpaSrgc / Hace 1039 días /

    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.

    Responder a JmpaSrgc →
  3. Francisco / Hace 1039 días /

    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!

    Responder a Francisco →
  4. JmpaSrgc / Hace 1037 días /

    Bueno, ya lo arreglé… a mi modo, jeje.
    No aparecen los bordes pero tampoco creo que hagan mucha falta (conformista… :P )

    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.

    Responder a JmpaSrgc →
  5. Francisco / Hace 1032 días /

    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!

    Responder a Francisco →
  6. JmpaSrgc / Hace 1032 días /

    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 :P

    Un saludo

    Responder a JmpaSrgc →
  7. Francisco / Hace 1029 días /

    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!

    Responder a Francisco →
  8. JmpaSrgc / Hace 1028 días /

    ¡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.

    Responder a JmpaSrgc →
  9. marce / Hace 1016 días /

    cómo hago para sacar la foto de la pizza???
    gracias

    Responder a marce →
  10. Francisco / Hace 1014 días /

    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!

    Responder a Francisco →
  11. Pet Health Care Tips / Hace 915 días /

    Thanka alot for these templates.

    Responder a Pet Health Care Tips →

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad