2008-09-21 18 views
6

Actualmente estoy trabajando en un proyecto en el que un programador que se creía un diseñador gráfico intentó ponerle mano a los temas de ASP.Net. El CSS es bastante malo, pero esa es otra pregunta en total.¿Cómo debo organizar mis temas ASP.Net y archivos CSS comunes?

Lo que realmente necesito ayuda es la mejor manera de organizar ASP.Net Themes y el CSS que se encuentra dentro de ellos. Imagine que hay una estructura de directorios que se ve algo como esto:

  • Temas
    • Tema A
      • StyleA.css
      • Common.css
    • temático B
      • StyleB.css
      • Common.css
    • Tema C
      • StyleC.css
      • Common.css

Cada tema tiene una hoja de estilo común. Desafortunadamente, el autor de esas hojas de estilo logró cambiar solo algunas cosas aquí y allá en cada copia de Common.css. Eventualmente evaluaré si esos cambios son necesarios o no, pero primero es necesario realizar una limpieza importante. Por ahora solo asuma que los cambios, aún tan pequeños, son necesarios para que las cosas se vean bien con cada tema.

Me gustaría saber cuáles son las mejores prácticas para usar temas al tiempo que también necesitan algunos estilos comunes en toda la aplicación. Quiero minimizar el número de AppTurns en la carga de la página, pero realmente quiero consolidar estilos comunes en un solo lugar de una manera que mantenga la facilidad de los temas.

Respuesta

8

Solo debe incluir el CSS estándar/común en el sitio web e incluirlo en el encabezado de la página maestra en lugar de colocarlo en los temas.

2

Sí, simplemente haga referencia directamente al archivo CSS común en lugar de ponerlo en las carpetas de temas.

+0

Esto es lo que hago. Tengo un common.css fuera de App_Themes, con todos los estilos de dimensionamiento/posicionamiento/sin marca, y este CSS está enlazado normalmente desde la página maestra.Entonces mis temas tienen el color y la marca (incluso imágenes) específicos para ese tema. – goldenratio

0

Pero, ¿qué sucede si tiene una página web en una subcarpeta que utiliza la página maestra? ¿No será la página del archivo css incorrecta entonces?

+2

Utilice el operador raíz (~ /) para hacer referencia al tema (por ejemplo, "~/styles/common.css"). No lo recuerdo, pero puede que necesite agregar runat = "server" a la etiqueta para que esto funcione. – Jerph

Cuestiones relacionadas