`
drupal社团
  • 浏览: 2753 次
社区版块
存档分类
最新评论

为 Drupal 7 网站添加自定义CSS

阅读更多

  当我们在逛聊天室或者论坛时,经常会碰到有人提问怎么向 Drupal 网站中添加自定义CSS —— 通常来讲,通过 Drupal 主题来进行添加最好。不过在某些情况下,因为环境限制或网站管理员没有访问主题文件的权限,而不得不考虑其它办法。

  今天本文就来介绍一下,如何使用CSS Injector模块来为 Drupal 7 网站中添加自定义CSS。

  (译注:不论是 CSS Injector 还是 CSS Editor,都可作为临时性的CSS添加和调整手段,但最终都还是应该通过主题CSS文件来进行添加)

 

第一步:安装并启用CSS Injector 模块

从 CSS Injector 项目页面下载此模块

下载 CSS Injector 模块

访问模块管理页面,找到 CSS Injector 模块,点击复项框选中

启用 CSS Injector 模块

 将页面下拉到最下方,点击保存即可启用 CSS Injector

启用 CSS Injector 模块

 

第二步:添加自定义CSS

  启用 CSS Injector 模块后,进入“配置 > CSS Injector”页面开始使用 CSS Injector。点击 Create a new rule 链接开始添加新的CSS规则。

使用 CSS Injector 模块添加CSS规则

填写好 CSS规则的标题和CSS代码后,通过 Themes to show on 部分的设置指定使用这些CSS的主题

使用 CSS Injector 模块添加CSS样式

默认情况下,添加的CSS会对所有页面生效,也可根据需要选择CSS生效的页面

CSS Injector 模块设置

所有内容填写完成之后点击“保存”即可。

原文标题:为 Drupal 7 网站添加自定义CSS

原文地址:http://drupalct.org/drupal-theming/use-css-injector-add-custom-css-styles.html

分享到:
评论

相关推荐

    Drupal v7.52

    更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal...

    Drupal v7.9 多国语言版.zip

    更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的...

    Drupal v7.4 PHP内容管理框架.gz

    定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展 感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal 7站点会...

    Drupal 内容管理系统 v8.4.0 RC1.zip

    更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的...

    Drupal 7.32 简体中文版.zip

    更加灵活 定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal专用模块来扩展你的站点 更加扩展 感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal站点...

    Drupal 7.32 繁体中文版.zip

    更加灵活 定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal专用模块来扩展你的站点 更加扩展 感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal站点...

    BootstrapBlocks:基于 BootstrapHTML5 样板的 Drupal 7.x 入门主题

    ##The Module 允许您添加自定义的 Bootstrap 化元素,例如可配置的 Bootstrap 菜单块、来自内容类型的导航栏(包括一个不错的管理导航栏)轮播等等。 这几乎是使用这个主题的主要内容。 安装 很简单的东西: 获取...

    Drupal内容管理系统-PHP

    </p><p>更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。</p><p>更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多...

    Drupal 内容管理系统 v9.0.8

    更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal...

    Drupal内容管理系统最新官方版

    更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的...

    LAD:Drupal 8多站点项目

    一些额外的补丁添加到composer.json 。 定制安装配置文件 出于多种目的,使用了安装配置文件的功能,该功能是在Acquia Lightning子配置文件功能的基础上构建的,该功能作为核心的补丁实现。 每个子配置文件都有自己...

    php-docs:一个简单的网络工具,可从结构化的markdown文件在git下创建html docs。 包含可用于Drupal项目的模板

    具有CSS变量的自定义CSS 要求 作曲家 PHP 7.1以上 使用的图书馆 结构 通常,您只应在这些文件夹中添加/编辑文件。 // styling & helper images css // md files and images that generate pages data 跑 cp ...

    d7-clf-Accordion:一个自定义的drupal字段格式化程序,可将文本字段输出到手风琴标记中

    一个定制的字段格式化程序,将字段内容输出为手风琴(标记和行为)。 您将需要提供自己CSS来设置此手风琴的样式。 关联的类有: .accordion用于外部包含div .accordion-tab用于激活标签 内容div的.accordion-...

    rotator-js:JavaScript制作的简单旋转器(积云,标签云)

    rotator每个CSS获得什么大小字体大小和可在CSS中自定义的任何特殊设计可在任何背景下使用任何字符集(因为它只是HTML) 任何数量的元素都适合去做: 测试,测试在一个网站上使用多个旋转器成为可能改善触摸屏/移动...

    presentation_docker_fr:在Drupal North 2015上关于Docker的演讲

    deck.js足够灵活,可以让高级CSS和JavaScript作者制作高度自定义的卡片组,还为HTML新手提供了模板和主题,以构建标准幻灯片。 快速开始 该存储库以boilerplate.html作为起点,包括所有扩展名。 只需,打开...

Global site tag (gtag.js) - Google Analytics