2012-12-19 183 views
6

我知道这与编码问题无关,但在开始处理场景之前,我想获得一些指导。更改网页的主题

该方案是给出选项来更改页面的主题。我已经决定的,给出了多种元素共同类像

  • h1标签的页面
  • 类图像配所有主要标题的页面
  • 类的所有图片对于p标签的页面
  • 等内容....

所以我将用不同颜色的这些类名创建多个样式表。

但困难与每个元素的定位。我希望为每个元素提供内联样式来定义相关职位。例如

.image {border:grey solid 1px /*this border color will be different in each stylesheet*/} 

<div class="image" style="float:right; margin:6px"><img src="" /> </div> 

所以像这样所有其他元素将有内联的css的对齐目的。

您认为这是实现主题场景的最佳方式吗?

PS - 用户可以自定义主题。 (我们正在编辑面板)。这实际上不是网页,它是一个产品模块(就像我们如何改变Powepont图表和图表的颜色一样)。

+0

Prodeuct模块!这是一个HTML,CSS网站或PHP,ASP.Net等 –

+0

@ syedmohsin它不是关于哪种语言被使用。我正在尝试实现一个想法。当然这主要是基于css的实现。考虑类似powerpoint的强制要求 – Sowmya

回答

3

不是真的...我想你应该会载入默认的基本样式和款式一般“空白”的主题。不是取决于用户选择什么样的主题,在这个主题您指定的主题加载其他样式表特异性风格(就像从你的例子边框颜色)。

+0

用户可以访问自定义主题。所以只要他改变颜色,它应该附加预定义的颜色。就像PowerPoint元素一样 – Sowmya

0

您可以使用LESS SaSS

LESS作品都在服务器端和客户端