Document Actions

• 
• 

Creando un nuevo tema para Plone: un ejemplo del mundo real

Alexander Limi

1. Introducción Introducción al tutorial, el nuevo modo de trabajo usando Plone 2.1 y versiones posteriores
2. Caja de herramientas Breve recorrdio por las diferentes herramientas que tenemos a nuestra disposición para crear e inspeccionar diseños basados en CSS.
3. Caso de uso del mundo real Para nuestros propositos, vamos a mostrar como construir un tema desde un diseño hecho en Photoshop.
4. Un comienzo apropiado Antes de comenzar a agregar nuestros estilos CSS, tenemos que crear los elementos de nuestro tema. Esto es escencialmente un esqueleto en blanco donde agregaremos nuestras imágenes y CSS dentro.
5. Andamiaje Antes de comenzar a escribir CSS, vamos a hacer algunos cambios estructurales y exportar elementos gráficos.
6. Agregando estilos CSS Finalmente ha llegado el momento de editar nuestros estilos en CSS. Cada paso es ilustrado por una imagen mostrando el progreso del tema.
7. Estilo de encabezados Primero que nada, el encabezado del sitio.
8. Estilos básicos Agregando los estilos elementales de body.
9. Estilo de las imágenes de fondo Agregando una imágen de fondo y fijando el ancho del diseño.
10. Estilo de títulos y párrafos Agregando el estilo de los títulos y párrafos.
11. Estilos de listas Haciendo que las listas se muestren en una sola línea y sin puntos.
12. Portlets y estilos de navegación Agregando estilos propios a los portlets y al árbol de navegación.
13. Reubicación de la navegación Reposicionamiento de la navegación. Removiendo márgenes redundantes en los portlets y al árbol de navegación.
14. Estilos de pie de página Elemento final, el pie de la página
15. Recomendaciones para crear tu propio tema para Plone Recomendaciones para crear tus propios temas en Plone. Consejos útiles para hacer diseños y para que funcionen en futuras versiones de Plone.

All content on one page (useful for printing, presentation mode etc.)