[drupal7主题]从简单的开始,创建一个子模板
2013-03-21 21:31
585 查看
创建模板的第一件事就是先创建info文件,这个是drupal模板所必须有的描述文件。
sub.info
1:模板名
2:简介
3:对应drupal版本
5:基于bartik模板的子模板
完事,第一个子模板好了。
(烂番薯臭鸟蛋一筐一筐的。。。)
打开来drupal,把这个模板启用并设为默认。应该可以看到,和默认的bartik主题是完全一致的,因为没有覆写任何内容。
接下来对css做一点改动。
但在这之前得先在info中说明下,加入一行。
sub.info
在模板文件夹里新建assets/css/custom.css这个文件,随便改写点东西。
保存,回去drupal,刷新缓存,页面头部变红了。
(我是看lynda的视频教程学的,暂时这些文章也一点没有借鉴的意思,而是完全照搬。嘿嘿)
sub.info
name = sub description = A sub theme core = 7.x base theme = bartik
1:模板名
2:简介
3:对应drupal版本
5:基于bartik模板的子模板
完事,第一个子模板好了。
(烂番薯臭鸟蛋一筐一筐的。。。)
打开来drupal,把这个模板启用并设为默认。应该可以看到,和默认的bartik主题是完全一致的,因为没有覆写任何内容。
接下来对css做一点改动。
但在这之前得先在info中说明下,加入一行。
sub.info
stylesheets[all][] = assets/css/custom.css
在模板文件夹里新建assets/css/custom.css这个文件,随便改写点东西。
#header { background-color: #CF3535; background-image: -moz-linear-gradient(center top , #CD2D2D 0%, #CF3535 100%); background-image: -moz-linear-gradient(top, #CD2D2D 0%, #CF3535 100%); background-image: -ms-linear-gradient(top, #CD2D2D 0%, #CF3535 100%); background-image: -o-linear-gradient(top, #CD2D2D 0%, #CF3535 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CD2D2D), color-stop(1, #CF3535)); background-image: -webkit-linear-gradient(top, #CD2D2D 0%, #CF3535 100%); background-image: linear-gradient(top, #CD2D2D 0%, #CF3535 100%); }
保存,回去drupal,刷新缓存,页面头部变红了。
(我是看lynda的视频教程学的,暂时这些文章也一点没有借鉴的意思,而是完全照搬。嘿嘿)
相关文章推荐
- 基于 Zen 创建一个 Drupal 7 的主题(模板) ,一份简单的Drupal模板教程
- 基于 Zen 创建一个 Drupal 7 的主题(模板)
- OpenCms JSP 模板开发——创建一个简单的JSP模板
- (译)创建自定义WP7主题-简单的主题实现
- JavaEE Spring 学习(快速的用myeclipse来创建Spring config.xml),从简单开始(一)
- OpenCms JSP 模板开发——创建一个简单的JSP模板
- 开始使用虚幻4并创建一个简单的c++类
- 基于 Zen 创建一个 Drupal 7 的主题
- ROS笔记——创建简单的主题发布节点和主题订阅节点
- Drupal创建Omega 4.x 子主题layout笔记
- 用drupal创建多个子域名网站
- 创建Drupal自适应主题样式
- Drupal Joomla Magento WordPress Ecshop CMS教程大全 模板 主题 教程(转)
- Drupal 7模板(主题钩子)的建议
- 如何创建OpenCart主题/模板
- OpenCms JSP 模板开发——创建一个简单的JSP模板
- ROS笔记——创建简单的主题发布节点和主题订阅节点
- drupal6教程:创建模块——(1)开始
- 如何创建OpenCart主题/模板
- 如何创建OpenCart主题/模板