如果你希望修改某一页面的外观,推荐的做法是使用一个 stylesheet 文件。相对于对源代码做修改,只跟踪一个 stylesheet 文件要来得简单多了。
当 Zen cart 加载一个页面的时候,它首先会查找和页面名字一致的 stylesheet 文件。
你可以通过查看 url 来获得正在调用页面的名字。url 看起来会是这样的:your_domain/index.php?main_page=index
。main_page 告诉系统将要显示什么页面。这个例子中就是 index
(首页)将要被调用。
注意
你的首页名字是 index_home
。
举例
- 比如你想在你的首页隐藏 breadcrumbs(面包屑导航)
- 在你的模板 CSS 目录内创建一个名为 index_home.css 的 stylesheet 文件
- 为你的首页添加样式。要求隐藏 breadcrumbs 的样式将会是这样的:
#navBreadCrumb {
display: none;
}
- 上传文件
刷新你的浏览器。如果新的样式没有出现,清空你的浏览器的缓存。如果还是没有正确显示,请检查文件是否上传到正确的 CSS 目录(应该是你正在使用的模板目录下的 CSS 目录)。
可以查看 stylesheet 目录中的 readme 文件来获取更多信息。
分享到:
相关推荐
作为一个前端小白,鼓捣了几天前端。。今天突然发现我深信不疑的东西,竟然出现了问题。。就比如我在css目录下面...link rel=stylesheet type=text/css href=css/style.css> 在浏览器一刷新。。哇,kao。竟然没
ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler, 使用<link type="text/css" rel="Stylesheet" href="HttpCombiner.ashx?" />,具体的参数请参考程序中的介绍。
@media它允许您从 CSS 中提取所有规则,并将它们作为单独的文件发出,您可以将这些文件link rel=\\stylesheet\\ media=\\screen and (min-width 1024px)\\ href=\\desktop.css\\作为动态导入加载。 前 例子.css .foo...
最近看一个网站,发现显示器不同的分辨率,样式文件调用的也不一样,今天写了一个例子研究一下, 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>无标题文档...
标记(href属性指定CSS文件路径,rel指定文件与页面的关系,或固定为stylesheet;或style标记添加@import指令引入,可以供多个页面使用) C) 行内:在HTML页面内,通过style属性进行设置,仅供当前标签使用。。。。
Gulp插件,用于将CSS文件转换为React Native StyleSheets。 安装 npm install gulp-react-native-stylesheet-css --save-dev 您可以将其与 基本用法 var gulp = require ( 'gulp' ) , sass = require ( 'gulp-...
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|...link href="css/mobile.css" rel="stylesheet" type="text/css" media="screen" />'); }判断手机端访问调用的css
简单的在页面中加载一个外部CSS文件 document.createStyleSheet(cssFile); 2. 用createElement方法创建CSS的Link标签 varhead=document.getElementsByTagName(‘HEAD’).item(0); varstyle=document.createElement...
引用后CSS文件仍然是独立的,不会受到包括HTML和JavaScript任何方法和函数的影响,如果CSS文件中涉及到文件路径的相对位置,那么也是以CSS文件所在的文件路径位置为准,而非引用它的HTML文件的文件路径位置。...
用于编辑网页样式表的专业软件,英文版,第一次使用WinRar打开运行其中的TSLite.exe时可能报错,关闭后再次打开即可正常使用。
加载CSS 一种异步加载CSS的模式[c] 2020 @ scottjehl,@ zachleat 许可MIT为什么要使用异步CSS加载器? 使用link[rel=stylesheet]或@import引用CSS样式link[rel=stylesheet]会导致浏览器在样式表加载时延迟页面渲染...
StyleSheet、StyleSheet
有时我们可能会需要使用 jQuery 来加载一个外部的 css 文件,如在切换页面布局时。思路是创建一个 link 元素,并将它添加到 标记中即可,下边首先看看怎么使用 jQuery 来实现。 下边是我喜欢的写法: $("<link&...
使用battery historian的时候submit按钮总是不显示,查看发现有很多JS报错,无法拉下这些JS文件,于是就把它这些文件下到本地 historian-optimized.js放在compiled目录下 jquery那几个放在third-party/js目录下...
CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先...
CSS样式表(免分)
今天我们旧事重提,再来谈谈css的加载,及加载顺序。 通常的css加载顺序 一般情况下,我们css样式表是放在头部,同时为了减少请求,我们通常对css进行一个合并压缩。 目前我们css一般是如下加载的: <head> ...
CSS 样式表中文手册,手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Selectors)的介绍。
}它就是用来注册你的CSS文件的,大家都知道在我们的页面代码里面是<link href="StyleSheet.css" rel="stylesheet" type="text/css" />引入外部样式文件。这个方法就是达到这个目的。那么我们现在还没有样式文件。 ...
一款很有创意的CSS3液体形态Loading加载动画特效,这是一个正方形,正方形内液体流动动画效果,背景颜色也会不断变化。 <head> <meta charset="UTF-8"> <title>CSS3液体形态Loading...