主题和布局(Theme and Layout)-----Theme
2013-05-04 10:37
453 查看
在使用PHP类的建站工具的时候,经常看到模板这个词。一套模板实际上包含了Theme和LayOut。二者并不是一回事。【下面的文字可能有翻译官方文档的嫌疑,不好意思啊】
一:Theme
Theme是定义网页的外观的,保证网站整体观感的一致性, 一般包含一些图片,CSS文件,或其他文件。
Theme放在网站目录的目录之内。NopCommerce的Theme都在Themes目录下。如图1.
图1.
使用一个Theme一般有这么几个步骤:
安装一个Theme。你可以下载一个或自己制作一个Theme,放到Themes目录内。如图2
图2
安装完了,在管理端进行设置。在菜单:configuration=》Settings=》General And Miscellaneous settings 中,选择新的Theme,应用。如图3.
图3
(2) 编写一个Theme
我们可以从系统内置的Theme里一窥Theme如何编写。
1.复制默认的Theme "DefaultClean",把它命名为“MyFirst Theme“
2:打开“MyFirst Theme”下的theme.config 把“DefaultClean”改成“MyFirstTheme”,图4
图4
3. 现在到 "MyFirstTheme" > View > Shared > 打开"Head.chtml" 进行修改。如图5
图5
这样一来 ,系统就知道你的theme的css文件在哪里了。
然后你就可以按照你的思路去修改styles.css去定义网站的外观啦。
一:Theme
Theme是定义网页的外观的,保证网站整体观感的一致性, 一般包含一些图片,CSS文件,或其他文件。
Theme放在网站目录的目录之内。NopCommerce的Theme都在Themes目录下。如图1.
图1.
使用一个Theme一般有这么几个步骤:
安装一个Theme。你可以下载一个或自己制作一个Theme,放到Themes目录内。如图2
图2
安装完了,在管理端进行设置。在菜单:configuration=》Settings=》General And Miscellaneous settings 中,选择新的Theme,应用。如图3.
图3
(2) 编写一个Theme
我们可以从系统内置的Theme里一窥Theme如何编写。
1.复制默认的Theme "DefaultClean",把它命名为“MyFirst Theme“
2:打开“MyFirst Theme”下的theme.config 把“DefaultClean”改成“MyFirstTheme”,图4
图4
3. 现在到 "MyFirstTheme" > View > Shared > 打开"Head.chtml" 进行修改。如图5
图5
这样一来 ,系统就知道你的theme的css文件在哪里了。
然后你就可以按照你的思路去修改styles.css去定义网站的外观啦。
相关文章推荐
- 主题和布局(Theme and Layout)-----Layout
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- [转]android 中系统自带的主题与样式(theme and style)
- android 中系统自带的主题与样式(theme and style)
- android 中系统自带的主题与样式(theme and style)
- Android主题样式与风格(Theme and style)
- Error applying site theme: A theme with the name "Jet 1011" and version already exists on the server.
- android系统自带的主题与样式(theme and style)
- android系统自带的主题与样式(theme and style)
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- 【Android】系统自带的主题与样式(theme and style)
- 系统自带的主题与样式(theme and style)
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- android系统自带的主题与样式(theme and style)
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- android系统自带的主题与样式(theme and style)
- Android风格与主题( style and theme )
- Android Theme and Menu 主题菜单相关
- android系统自带的主题与样式(theme and style)