English Português

plantilla-blogy-eclipse.jpg

Esta plantilla esta basada en “Eclipse” de Free CSS Templates, adaptada para Blogger por Blog and Web 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.
  • Dos 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:

<div id='menu'>
 <ul>
  <li><a href='#' title=''>Inicio</a></li>
  <li><a href='#' title=''>Acerca de mi</a></li>
  <li><a href='http://blogyweb.blogspot.com' title=''>Soporte</a></li>
  <li><a href='#' title=''>Contacto</a></li>
 </ul>
</div>

En ese código, cambia los signos # por tus links y guarda.

La plantilla tiene definidas varias variables para cambiar los colores desde el panel.

Escrito por Francisco Oliveros

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. Eduardo Perezchica / Hace 10 años /

      OMG! me leyeron la mente….

      qué bien!

      Responder a Eduardo Perezchica →
    2. Arturo / Hace 9 años /

      Muy buenas las plantillas, tengo una pregunta, quiero usar una de las pestañas para poner varios post, algo asi como destacados (o el contenido de una etiqueta) es posible hacerlo.
      Mil felicidades por el trabajo

      Arturo
      La Paz – Bolivia

      Responder a Arturo →
    3. Francisco / Hace 9 años /

      Que tal?

      Arturo, sólo crea el artículo que quieras vincular ahí, copia su dirección y colocalo en lugar de los signos # de las instrucciones de arriba y después cambias el texto de ese enlace, por ejemplo “Contacto” por el que tu desees. Para una etiqueta es lo mismo pero con la dirección de esta.

      Gracias por sus comentarios, saludos!

      Responder a Francisco →
    4. Paul / Hace 9 años /

      Hola, me gustaria saber como cambio el tamaño del la letra del titulo x que es demasiado grande y mi Tirulo es Largo, gracias

      Responder a Paul →
    5. Francisco / Hace 9 años /

      Hola Paul!

      Busca en el código de tu plantilla:

      #header-wrapper h1 {

      font-size: 72px;

      }

      Y cambia ese valor por uno más pequeño, saludos!

      Responder a Francisco →
    6. Xavier / Hace 9 años /

      La plantilla eclipse funciona muy bien con Mozilla Firefox, pero en explorer se deforma, que puede ser?, otra cosa, como modifico el ancho de las columans para incluir fotografias en la columna de la izquierda, gracias por la plantilla, esta muy buena esta pagina tb,

      Chau

      Responder a Xavier →
    7. Matiss / Hace 9 años /

      Es verdad, no me habia dado cuenta que con el Explorer viejo se deforma, pero con el nuevo y el Firefox se ve muy bien, tendre que poner una nota de ese tipo.

      En fin, muchas gracias, me encanto la plantilla y ya la estoy usando en mi blog personal 😀

      Responder a Matiss →
    8. Francisco / Hace 9 años /

      Que tal! No me había percado de eso, ya esta resulto, sólo hay que agregar lo siguiente:

      <link href='http://plantillasblogyweb.googlepages.com/estilos-generales.css&#039; rel='stylesheet' type='text/css'/>

      Justo sobre la etiqueta de cierre:

      </head>

      Matiss, quedo muy chida (bonita) tu plantilla!

      Saludos!

      Responder a Francisco →
    9. Matiss / Hace 9 años /

      ñ.ñ gracias (soy de méxico si entiendo lo de chida xD)

      Oye, el codigo es para el problema de que se baja una columna en el explorer viejo?… porque si es así no hizo efecto =( pero como te digo, en el firefox y explorer 7 se ve muy bien. ñ.ñ

      Me encanta su página.

      Responder a Matiss →
    10. Francisco / Hace 9 años /

      Hola Matiss, lo probe con IE6 y me arreglo el problema, con cual probaste?

      Responder a Francisco →
    11. NIRLAM / Hace 9 años /

      HOLA FRANCISCO, ME HE ENCONTRADO CON ÉSTE SITIO QU EN VERDAD ES EXCELENTE.

      TENGO UNA DUDA, ALGO PARECIDO A LO DE ARTURO.

      ——-¿COMO PUEDO CREAR LOS LINKS PARA QUE AL CLICKEAR MIS PESTAÑAS ME DIRIJAN A ESA PARTE DE MI BLOG? ¿Y COMO PUEDO PUBLICAR ENTRADAS EN ESA OTRA PARTE QUE SERÍA EL MISMO?

      POR EJEMPLO, TENGO UNA PESTAÑA LLAMADA “POESÍA” ENTONCES DESEO QUE AL DARLE CLICK A DICHA PESTAÑA ME ABRA MIS ESCRITOS. Y ASÍ OTRAS PESTAÑAS.
      NO SÉ COMO HACERLO, HE PROBADO MUCHAS COSAS Y NADA.

      ESPERO RESPUESTA.

      MUCHAS GRACIAS…

      SALUDOS…

      Responder a NIRLAM →
    12. **Mari** / Hace 9 años /

      Hola no me deja poner la plantilla me dice que “asegurese de que todos los elementos XML se han cerrado correctamente”
      y no lo entiendo alguien me pued ayudar plisss???

      Responder a **Mari** →
    13. Centinela / Hace 9 años /

      Francisco, como siempre, que buenas plantillas brother.

      Tu página es lo mejor que he encontrado en ésto de plantillas para blog´s.

      Ya me decidí por usar ésta plantilla, te agradezco el trabajo que has realizado.

      Ah, por el momento le he puesto un linck directo (Soporte), pero en el futuro dicho boton va ha llevar a una página completa con info y fotos de las mejores plantillas de tu página y con los links a las respectivas plantillas.

      Es lo menos que puedo hacer para devolverte el favor por la plantilla.

      Saludos.

      Responder a Centinela →
    14. Centinela / Hace 9 años /

      Saludos Mari, supongo que has copiado y pegado en formato XML y tal vez algún código anterior se quedó sin borrar, prueba descargando al versión zip, descomprímela y luego súbela a tu blog, no olvides crear una copia de seguridad de la plantilla que estás usando actualmente y de guardar todos los artilugios que estás usando pues la plantilla nueva puede pedirte borrar algunos de ellos para poder instalarse.

      Responder a Centinela →
    15. Daniel / Hace 9 años /

      Hola!! bueno esta chida esta..pero no encuentro en la edicion html esto:

      Inicio
      Acerca de mi
      Soporte
      Contacto

      Por lo que no puedo cmabiar los links de arriba espero puedan ayudarme SALUDOS!!!

      Responder a Daniel →
    16. Centinela / Hace 9 años /

      Saludos Daniel, están casi al final de los códigos, lleva la barra lateral hasta el final y buscalos, están con el título de “CEBECERA”.

      Aqui un ejemplo de lo que debes buscar:

      ( CABECERA )

      >>

      Inicio
      Acerca de mi
      Soporte
      Contacto

      >>

      (COLUMNA PRINCIPAL. POST Y COMENTARIOS)

      >>

      (PIE DE PAGINA)

      >>

      RECUERDA QUE ESTA PLANTILLA ES GRATUITA, POR FAVOR NO REMUEVAS LOS CREDITOS

      >>

      Obvio que no puse todos los códigos, pero si los títulos para que puedas guiarte en la busqueda.

      Responder a Centinela →
    17. Daniel / Hace 9 años /

      Hola!!! ahh mcuhas gracias…en verdad me ayudaron mucho…jejej estoy medio menso para esto amo esta pagina gracias de nuevo SALUDOS!!!

      Responder a Daniel →
    18. **Mari** / Hace 9 años /

      Muchas gracias!!!Saludos

      Responder a **Mari** →
    19. Xavier / Hace 9 años /

      Hola, como puedo ampliar el ancho de las dos colimnas de la plantilla eclipse, por favor, es muy angosta la de la izquierda y me gustaria usarla para noticias, muchas gracias.

      Responder a Xavier →
    20. Centinela / Hace 9 años /

      Hola Xavier, busca el siguiente código:

      //////////////////////////////////////////////////////////////

      — (Lateral) —

      #HTML1 , #HTML2, #HTML3, #Text1, #Text2, #Text3, #LinkList1, #LinkList2, #LinkList3, #TextList1, #TextList2, #TextList3
      margin-bottom: 20px;

      #sidebar-wrapper h2
      padding: 5px 0;
      background: url no-repeat right center;
      text-transform: uppercase;
      font-size: 100%;

      .widget-content
      padding: 3px 20px 20px 20px;

      /////////////////////////////////////////////////////////////

      Y en “.widget-content” debes cambiar el segundo valor de “padding” (20px) ése valor de 20 se lo he puesto yo a mi plantilla y me ha quedado bien, trata de buscarle el valor que se acomode a tu gusto y preferencia.

      Saludos

      Responder a Centinela →
    21. PITUFYNA69 / Hace 9 años /

      HOLA, NOC COMO CAMBIAR LA PLANTILLA =(
      Y REALMENTE M GUSTA ESTA DL ECLIPSE, YA K LAS K PROPORCIONAN EN L PANEL D DISEÑO SON MAS FEAS, ALGUIEN M PODRIA AYUDAR POR FAVOR
      GRACIAS.

      Responder a PITUFYNA69 →
    22. AleW / Hace 9 años /

      Hola!
      Quise instalar la plantilla Plantilla Blogy – Eclipse, pero cuando guardo los cambios y pido una vista previa me muestra el siguiente mensaje.

      “Lo sentimos, pero no hemos podido llevar a cabo tu petición.

      Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:

      * Describe lo que estabas haciendo cuando recibiste este error.
      * Proporciona el siguiente código de error e información adicional.

      bX-ot4j3e
      Información adicional
      blogID: 8897656035263756861
      host: http://www.blogger.com
      uri: /html

      Esta información nos ayudará a detectar tu problema específico y solucionarlo. Disculpa las molestias”.

      ¿Saben que puede ser?

      Gracias

      Responder a AleW →
    23. Francisco / Hace 9 años /

      Hola AleW!

      Es probable que halla caracteres extraños al momento de copiar el código, te recomiendo uses el método de subir el archivo xml.

      Un saludo y espero no tengas problemas!

      Responder a Francisco →
    24. Eva / Hace 9 años /

      Gracias, quedó bello mi blogger =)

      Responder a Eva →
    25. angelica / Hace 9 años /

      hola, necesito urgente poder bajar la plantilla de eclipse para un blog en que tengo creado solo el título, precisamente para insertar la plantilla sin tener que poner la info de nuevo, pero al querer ver el código o descargarla, me aparece un mensaje naranjo en inglés,,, y no puedo… por fa ayuda plis…
      gracias

      Responder a angelica →
    26. Rakro / Hace 9 años /

      Hola, que tal…

      Yo quiero bajar esta plantilla pero cada ve que lo intento me aparece:
      “The bandwidth or page view limit for this site has been exceeded and the page cannot be viewed at this time. Once the site is below the limit, it will once again begin serving as normal.”

      Llevo como tres días intentando bajarla, pero nada…
      Sólo quiero saber si eso es común o qué pasa…

      Gracias!!

      Responder a Rakro →
    27. Leg / Hace 9 años /

      Hola, está preciosa esta plantilla, pero necesitaría hacer un cambio y no sé cómo: quisiera poder modificar el espacio entre un comentario y otro, porque salen pegados y es muy lioso de leer. Si además pudiese poner cada uno dentro de un recuadro, como se hace aquí por ejemplo, sería genial.

      Gracias (y buen trabajo)

      Responder a Leg →
    28. Francisco / Hace 9 años /

      Hola!

      Eva, es una linda plantilla. 🙂

      angelica, Rakro, esta fallando el ancho de banda de las plantillas, tal vez intentan en horas del día con mucha demanda, igualmente en estos días las cambio al servidor de blogandweb.

      Leg, ambas cosas las tienes que hacer con css, con un padding-bottom en la clase .comment-footer y modificando todo en el selector #comments para conseguir las cajas.

      Saludos!

      Responder a Francisco →
    29. Leg / Hace 9 años /

      No sé hacerlo, Francisco. He podido modificar alguna cosilla inventándomelo no sé ni como, pero muy poco porque soy un poco muñón en esto, así que si me lo puedes explicar como para tontos te lo agradecería…

      Gracias 😉

      Responder a Leg →
    30. Francisco / Hace 9 años /

      Hola!

      Leg, lo que pasa es tema de un tutorial, te recomiendo veas uno como el de desarrolloweb y veras que no es complejo.

      Saludos!

      Responder a Francisco →
    31. Leg / Hace 9 años /

      Gracias, Francisco, pero antes de tener tiempo para ponerme a leer manuales de los que seguro que aprenderé mucho, sólo pediría que me dijérais exactamente qué tengo que poner y dónde.

      En el código HTML no veo ningún sitio donde ponga “comment” ni “comment-footer”.

      Ya te digo, si es posible y si no es mucha molestia.
      Si no, pues ya veré cuando tengo tiempo para leer manuales y aprender algo sobre el tema, pero ahora buscaba una solución más rápida para solucionar el problema de los comentarios en mi blog.

      Responder a Leg →
    32. Francisco / Hace 9 años /

      Leg,

      El código puedes poner justo antes de la etiqueta:

      ]]>

      de esta forma:

      #comments {
      /* atributos css aqui */
      }

      .comment-footer {
      /* atributos css aqui */
      }

      Puedes usar esta herramienta para generar los atributos que deseas.

      Un saludo!

      Responder a Francisco →
    33. FER / Hace 9 años /

      no puedo poner esta plantilla eclipse, me sale este error:

      Lo sentimos, pero no hemos podido llevar a cabo tu petición.

      Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:

      Describe lo que estabas haciendo cuando recibiste este error.
      Proporciona el siguiente código de error e información adicional.
      bX-bl6ew0
      Información adicional
      blogID: 33822350
      host: http://www.blogger.com
      uri: /html

      Esta información nos ayudará a detectar tu problema específico y solucionarlo. Disculpa las molestias.
      POR FAVOR SI ALGUIEN ME AYUDA SE LO AGRADECERE

      Responder a FER →
    34. Luis / Hace 9 años /

      Muy buena plantilla Fco.
      Cree un post acerca de esta plantilla en mi Blog…

      Saludos

      Responder a Luis →
    35. Leg / Hace 9 años /

      Gracias Francisco.
      Lo estoy intentando.

      Responder a Leg →
    36. Francisco / Hace 9 años /

      Fer, ese error a veces es porque esta muy ocupado el servidor de blogger, te sugiero lo vuelvas a intentar siguiendo el videotutorial que se enlaza arriba.

      Luis, se agradece toda la ayuda 😉

      Leg, suerte!

      Un saludo!

      Responder a Francisco →
    37. Patricia / Hace 9 años /

      Oi não consegui mudar meu templates

      Responder a Patricia →
    38. chio / Hace 9 años /

      Hola!! esta genial ya la puse en mi blog solo quisiera saber si es posible ligar a las pestañas con una lista?
      gracias por esta hermosa plantilla

      Responder a chio →
    39. robert / Hace 9 años /

      por favor quisiera sabe como montar esta plantilla en mi nueva pagina gracias

      Responder a robert →
    40. Maxy / Hace 9 años /

      buenisima la plantilla

      Responder a Maxy →
    41. Emrahca / Hace 9 años /

      Thank you very much.

      Responder a Emrahca →
    42. La_Dulce_Pena / Hace 9 años /

      Esta muy bien la plantilla, me gusta mucho, la he instalado en un blog de prueba y no me da ningún problema, va todo correcto, sé modificarla… todo genial.

      Pero, hay un pequeño detalle, ¿cómo puedo agregar el NAVBAR de Blogger, o un enlace que me funcione como tal? Porqué la verdad, es que yo lo utilizo mucho, y me gustaría que saliera en el blog, pero con esta plantilla no sé hacerlo.

      Gracias

      Responder a La_Dulce_Pena →
    43. quenosoytuamigo / Hace 9 años /

      Hola… Soy malo para el html… Kisiera saber como cambiar los tipos de texto tanto como de titulo, descripcion y el texto en las entradas antiguas…. muchas gracias de antemano por tu ayuda…

      Responder a quenosoytuamigo →
    44. hugo / Hace 9 años /

      Muy buena la pagina,queria saber ya que se puede subir una plantilla por dos metodos donde encuentro los codigos para copiarlos y pegarlos,disculpen pero soy nuevo en esto.

      Responder a hugo →
    45. Kaede / Hace 9 años /

      Hola!
      Exelente página, felicitaciones…
      Me descarge la plantilla pero me sale este error:
      “No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
      Mensaje de error de XML: The document type declaration for root element type “html” must end with ‘>’.”

      Mmmm alguien me puede ayudar por favor?

      Responder a Kaede →
    46. Diablillo / Hace 9 años /

      Hola, estoy utilizando esta plantilla y todo OK.
      Tengo una duda respeto a como modificar el tipo de letra del titulo.

      Me gustaría poner el formato que yo elija.
      Otra opción es ocultar texto del titulo y añadir una imagen con el titulo, pero la imagen se acopla a la izquierda de la plantilla, no quedando centrada.

      Si puede ser agradecería enormemente que me informen de como editar a mi gusto ambas opciones, gracias…

      Responder a Diablillo →
    47. vale / Hace 9 años /

      Puse la plantilla, se ve perfecto, pero no tengo idea de donde sacar las direcciones de los post y de las etiquetas para ponerlas en las pestañas… ¿alguien me puede ayudar?
      gracias.

      Responder a vale →
    48. mauricio / Hace 9 años /

      DISCULPA LA MOLESTIA, INSTALE ESTA PLANTILLA Y AHORA NO PUEDO MODIFICAR LAS ENTRADAS, NO PUEDO INICIAR SESSION TAMPOCO , NO ESTAN LOS LINK Y NO PUEDO ENTRAR PARA CAMBIAR LA PLANTILLA TAMPOCO.

      Responder a mauricio →
    49. Daniel / Hace 9 años /

      hola.. muy buena la plantilla….
      pero tengo un problema …….

      cuando subo algo por ejemplo cuando agrego elmentos a la pagina…
      una foto o algo…
      la entrada baja y esta cada vez mas baja… he agregado una foto y un chat.. y la entrada bajo..

      oajal m pueda ayudar..

      de ante mano gracias

      Responder a Daniel →
    50. Don Cesar / Hace 9 años /

      Muy interesante este post, una inquietud, como se puede poner las ancho los margenes ?? O sea que la pagina se vea un poco mas ancha no tan centralizada ???

      Responder a Don Cesar →
    51. Don Cesar / Hace 9 años /

      Otra cosa despues de cargarla que le di a guardar me sale este error :

      We’re sorry, but we were unable to complete your request.

      When reporting this error to Blogger Support or on the Blogger Help Group, please:

      * Describe what you were doing when you got this error.
      * Provide the following error code and additional information.

      bX-4smx9i
      Additional information
      blogID: 31074440
      host: http://www.blogger.com
      uri: /html

      Responder a Don Cesar →
    52. Edworld / Hace 9 años /

      Como puedo hacer que el panel de “elementos agregados” este a la derecha ????????

      Responder a Edworld →
    53. Xavier / Hace 9 años /

      Hola, Alguien puede decirme como agregar una columna a esta plantilla?, busque en internet pero parece que solo esta la forma de agregarla en plantillas standard y esta es diferente,
      Muchas Gracias.

      Responder a Xavier →
    54. Sarasa / Hace 9 años /

      Cuando se añaden elementos en la sidebar, no hay un fix del tamaño y ocupan parte de main. Esto no es problema de un navegador porque lo probé con IE, FF y Opera (últimas versiones de todos). Adaptaron mal el temlate de Free CSS Templates.

      Responder a Sarasa →
    55. Alvaro Bulnes / Hace 8 años /

      deseria saber si esta plantilla puede usado por el word press

      Responder a Alvaro Bulnes →
    56. Anna Favela / Hace 8 años /

      umm Por que cuando pongo este template, mi perfil y otros “artilugios” se van abajo, en ves de aparecer en la izquierda como en la imagen?

      Gracias!

      Responder a Anna Favela →
    57. Carlos / Hace 8 años /

      Tengo una gran pregunta que ojala pudieras contestar.

      En mi antigua plantilla aparecian mis entradas antiguas acomodadas por mes, o por año. Pero en esta veo que esa opción no aparece, la unica forma de verlas es apretando abajo donde dice Entradas anteriores, pero me gustaría volver a tener la opción donde me aparecian acomodadas a la izquierda por mes o por año. Es esto posible? Saludos y gracias de antemano.

      Responder a Carlos →

    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. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad