Css定制Drupal主题风格
来源:互联网 发布:星光大道网络赛区报名 编辑:程序博客网 时间:2024/04/29 03:28
Css定制Drupal主题风格
“主题”是Drupal站点的基本外貌和感觉。有时一个特定的站点会安装不止一个的主题。如果站点管理员提供了多个主题,你可以为你的帐号选择你喜欢的默认主题。
Drupal的官方站点提供了许多主题风格,具体见:
http://drupal.org/project/Themes
其中,Spreadfirefox是我最喜欢的主题风格,著名的 spreadfirefox.com 使用的就是这款主题。
除Drupal的官方站点外,还有许多其他机构或个人提供Drupal的主题风格,通过Google可以搜索到这些风格。
Drupal 主题风格安装
Drupal 主题风格的安装非常简单:
+ 在 http://drupal.org/project/Themes 下载新的主题风格
+ 阅读主题风格包中的 README 和 INSTALL 文件,看该主题风格包的安装是否需要一些特殊的步骤
+ 检查一下主题风格需要的模板引擎是否已安装
+ 将主题风格上载到Drupal的themes目录中
+ 通过“管理-》主题”启用该主题风格,并将其设置为默认风格
Drupal的主题定制非常灵活,可以定制每个区块定制的风格。如果懂PHP的话,几乎可以做出可以想得到风格来。实际上,在大多时候我们主要是通过图片+CSS来定制,这是一种最简单的定制,也不需要懂得太多的PHP知识。
在themes目录下的每个主题目录中,有一个style.css文件。定制CSS的关键是搞清楚CSS元素控制的对象。但许多人搞不清楚CSS元素控制的对象,在这方面花了不少时间。其实只要选对工具,这实际上是非常容易做的。
这个强大的工具就是Firefox。大多数人只知道Firefox是一个浏览器,实际上Firefox提供了大量网页开发的工具。例如:
+ 选定一部分网页内容,通过右键菜单的View Selection Source功能,可以查看选定部分网页的源码。这是一个杀手级的功能,再也不必为在庞大的HTML源码中找不到相应的目标内容而头痛了。
+ 菜单 Tools-》Page Info 可以看到非常详细的网页内容,包括表单、链接、多媒体等信息
+ 菜单 Tools-》DOM Inspector 可以对网页的HTML、JavaScript、CSS等内容进行很方便的分级浏览
Firefox的功能太多,一时半刻说不完,我们还是回到CSS定制上面来。这需要用到一个Firefox的插件,插件名称是Web Developer,可以在Firefox的网站上下载到这个插件。
安装好Web Developer插件后,就可以用其提供的功能来定位对象的CSS控制元素:
+ 插件的CSS菜单下有一个View Style Information功能非常好用,当你的鼠标电击到网页的某项内容,就能看到该项内容所使用的相关CSS内容。
+ 在Information菜单下有一个Display ID & Class Details功能,能在网页上显示所有的ID和Class信息。
Web Developer插件是专门为网页开发人员提供的一把宝刀,功能太丰富了,你们就慢慢去体会吧。
- Css定制Drupal主题风格
- Android 主题资源风格定制 <1>
- drupal主题
- [Drupal教程] 如何添加CSS和Javascript定制Drupal7表单
- 定制主题
- Drupal首页定制
- Drupal 修改主题详解
- Drupal主题开发
- Drupal主题介绍
- Drupal主题制作流程
- Drupal 主题的表现形式
- drupal的theme主题
- Drupal主题选粹
- 主题风格
- 定制Drupal首页(转)
- drupal conatct_form模块定制表单
- Drupal 定制登录注册页面
- Drupal theme-2 安装主题
- 龟兔赛跑的现实版解读——个人与企业的战略规划
- LD中文使用手册完全版
- Response Time
- window系统查看端口被哪个进程占用了,并将它结束
- 什么是冒烟测试(Smoke test)
- Css定制Drupal主题风格
- 汽车乘客人身意外保险单,不激活等于废纸!
- a的b次方对9907取余,a,b小于2的31次方大于等于0,主要是时限的问题,时限1000ms。
- 雀巢柠檬味C
- 回调机制详解
- Unix 的文件安全与权限
- jar中的manifest文件语法
- 获取天气日报
- 客户端访问域故障(域用户显示sid号不能显示用户名)