Css定制Drupal主题风格
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主题风格相关推荐
- 【源码共享】我花2小时写了微信官网的响应式布局HTML+CSS 换成旅行主题风格更炫酷了
微信官网仿写效果 ↑ 移动端响应式效果 ↑ 微信官网首页,简约干净,能学习写好这个首页,就能掌 握HTML网页设计前端盒子的布局.嵌套,及css效果的 使用... 微信官网首页主要有以下几个需要关注的 ...
- Android系统开发 默认壁纸的定制 主题风格的开发及定制 DDMS 常用adb 命令 抓取Log
Android系统开发 Android系统本身的功能在增加和完善过程中.在系统开发中如果涉及系统API的改动,则一定要慎重,系统的API的改动可能涉及Android应用程序的不 ...
- 第8章 Drupal 主题系统( Drupal theme)(2) 安装主题
译者:老葛 安装主题 为了使在Drupal管理界面能够呈现一个新的主题,你需要把它放到sites/sitename/themes下面.如果你想在一个多站点Drupal系统中使所有的站点都可以使用它,那 ...
- drupal主题开发_Drupal开发人员,关于如何使您的网站更易于访问
drupal主题开发 对于OpenConcept Consulting Inc.的创始人兼总裁开放源代码开发人员Mike Gifford ,在他的名字后面提到Drupal可访问性是多余的. 他花了十年 ...
- Python数据可视化-Pyecharts不同的主题风格
本文介绍 PyEcharts主题风格配置 内容,通过内置提供了 10+ 种不同的风格,另外也提供了便捷的定制主题的方法. Echarts 是一个由百度开源的数据可视化,凭借着良好的交互性,精巧的图表设 ...
- 制作数据可视化大屏时,可以不再使用千遍一律的主题风格
"马上年底了,项目快验收了是吧"同事小陈说道. 我激动的说:"是啊,这次验收了,能为公司带来很大的现金流,项目团队也能得到很大一笔分成!就是不知道能不能顺利完成.&quo ...
- Drupal 主题系统( Drupal theme)(1)
译者:老葛 修改Drupal生成的HTML或者其他标识字体,你需要深入的了解主题系统的各个组成部分.主题系统是个优雅的架构,它可使你绕过核心代码,但是它有一个很长的学习曲线,特别是在你想使你的站点于其 ...
- Drupal主题开发指南(5.x)
这本指南适用于Drupal 5以及更早的版本,对于drupal,有一个新的主题开发指南已经可用.我们手册的这一部分,主要是关于主题系统的各个方面,希望这对广大的drupal主题开发者能够有所帮助. 强 ...
- 第8章 Drupal 主题系统( Drupal theme)(4) 高级特性--1,覆写主题函数
Drupal主题高级特性 译者:老葛 在前面的部分,你学到了Drupal使用的各种不同模板文件,当Drupal要将你的主题合并到一起时就会查找这些模板.你学到了如何创建页面模板文件,如何创建特定节点 ...
最新文章
- Linux SWAP分区占用率高,刷新SWAP分区方法
- leetcode算法题--队列的最大值
- oracle imp 错误604,oracle imp导入出错
- 火星人乘坐核动力飞船回故乡
- leetcode--53. 最大子序和
- 放大缩小保证div对齐_NFS Write IO 不对齐深度分析
- HTML基础知识点(2)——常用标签
- 《C++ Primer Plus》读书笔记之十—类和动态内存分配
- 测试工程师的核心竞争力----打卡第九天
- k3 xp服务器系统,如何在英文XP环境下安装k3系统.doc
- java public就是可选吗_java 中的public
- js手机号码正则验证
- 2021年百度账号批量取消绑定手机号教程
- DiMP:Learning Discriminative Model Prediction for Tracking
- 如何提升码代码能力方法论漫谈
- 免费的虚拟主机 000webhost
- 量子科技商业化寻路,资本造势但技术落地成难|科股宝
- 工程项目提成标准方案_工程绩效提成奖金方案
- unity3d英语单词拼写小游戏Pics Quiz Maker With Categories 3.0
- 电脑CPU占用率高是什么原因造成的? 与解决方法
热门文章
- Peganza.Pascal.Expert 9.9.8
- centos7下mysql卸载的方法分享
- 吊打 “微信” ,直接锤爆!
- 操作符优先级(详细说明+表格+问题表达式)
- android 变量onchange,Android内容查看器-onChange方法检查上一个呼...
- 2021年度中国民营物流企业50强排行榜:上海上榜企业最多,顺丰再度蝉联榜首(附年榜TOP50详单)
- 基因分子生物学~遗传信息传递与遗传密码关键
- Java面向对象 --- 吃货联盟订餐系统(完整版)
- 工作区域(或内部表)“LT_RKWA“不是扁平的,或者包含参考或内部表作为组件
- tomcat9配置允许跨域访问