当我们在逛聊天室或者论坛时,经常会碰到有人提问怎么向 Drupal 网站中添加自定义CSS —— 通常来讲,通过 Drupal 主题来进行添加最好。不过在某些情况下,因为环境限制或网站管理员没有访问主题文件的权限,而不得不考虑其它办法。
今天本文就来介绍一下,如何使用CSS Injector模块来为 Drupal 7 网站中添加自定义CSS。
(译注:不论是 CSS Injector 还是 CSS Editor,都可作为临时性的CSS添加和调整手段,但最终都还是应该通过主题CSS文件来进行添加)
第一步:安装并启用CSS Injector 模块
从 CSS Injector 项目页面下载此模块
访问模块管理页面,找到 CSS Injector 模块,点击复项框选中
将页面下拉到最下方,点击保存即可启用 CSS Injector
第二步:添加自定义CSS
启用 CSS Injector 模块后,进入“配置 > CSS Injector”页面开始使用 CSS Injector。点击 Create a new rule 链接开始添加新的CSS规则。
填写好 CSS规则的标题和CSS代码后,通过 Themes to show on 部分的设置指定使用这些CSS的主题
默认情况下,添加的CSS会对所有页面生效,也可根据需要选择CSS生效的页面
所有内容填写完成之后点击“保存”即可。
原文地址:http://drupalct.org/drupal-theming/use-css-injector-add-custom-css-styles.html
相关推荐
更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal...
更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的...
定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展 感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal 7站点会...
更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的...
更加灵活 定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal专用模块来扩展你的站点 更加扩展 感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal站点...
更加灵活 定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal专用模块来扩展你的站点 更加扩展 感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal站点...
##The Module 允许您添加自定义的 Bootstrap 化元素,例如可配置的 Bootstrap 菜单块、来自内容类型的导航栏(包括一个不错的管理导航栏)轮播等等。 这几乎是使用这个主题的主要内容。 安装 很简单的东西: 获取...
</p><p>更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。</p><p>更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多...
更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal...
更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的...
一些额外的补丁添加到composer.json 。 定制安装配置文件 出于多种目的,使用了安装配置文件的功能,该功能是在Acquia Lightning子配置文件功能的基础上构建的,该功能作为核心的补丁实现。 每个子配置文件都有自己...
具有CSS变量的自定义CSS 要求 作曲家 PHP 7.1以上 使用的图书馆 结构 通常,您只应在这些文件夹中添加/编辑文件。 // styling & helper images css // md files and images that generate pages data 跑 cp ...
一个定制的字段格式化程序,将字段内容输出为手风琴(标记和行为)。 您将需要提供自己CSS来设置此手风琴的样式。 关联的类有: .accordion用于外部包含div .accordion-tab用于激活标签 内容div的.accordion-...
rotator每个CSS获得什么大小字体大小和可在CSS中自定义的任何特殊设计可在任何背景下使用任何字符集(因为它只是HTML) 任何数量的元素都适合去做: 测试,测试在一个网站上使用多个旋转器成为可能改善触摸屏/移动...
deck.js足够灵活,可以让高级CSS和JavaScript作者制作高度自定义的卡片组,还为HTML新手提供了模板和主题,以构建标准幻灯片。 快速开始 该存储库以boilerplate.html作为起点,包括所有扩展名。 只需,打开...