为 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

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

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

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

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

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

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

时间： 2024-10-23 00:33:10

为 Drupal 7 网站添加自定义CSS的相关文章

【项目总结】扯一扯电商网站前端css的整体架构设计（1）

最近半忙不忙的写了一个外包网站,网站主要功能是艺术品竞拍和艺术衍生品的销售.工程已经完成了80%左右,现在前后端代码量已经50W行左右,我主要负责的是前端设计和前端布局.下面就先放一个网站的设计图吧,因为涉及到甲方的"商业机密",所以打一下马赛克: 这篇文章主要算是我对于这个项目的总结或者说是对于这阶段自己看的一些前端书或者经验的一个总结吧,所以设计图就不贴那么多了.整个项目的设计图由最开始的ui定了个首页稿基调,剩下的界面大部分都是我在首页稿基础上做出来的,以后有机会再唠.PS:不过

HTML&CSS设计与构建网站笔记CSS

1.CSS规则如果两个选择器完全相同,后出现的为准越具体的选择器,为准 2.letter-spacing word-spacing 字母间距,单词间距 3.:first-letter :first-line p:first-letter 该p段落的第一个字母 4.[] [attribute] 用于选取带有指定属性的元素. [attribute=value] 用于选取带有指定属性和值的元素. [attribute~=value] 用于选取属性值中包含指定词汇的元素. [attr

CSS框架分析与网站的CSS架构

框架(framework)是一个基本概念上的结构,用于去解决或者处理复杂的问题,是一种可复用的构架. 我们对CSS框架这个词比较陌生,但对于JavaScript框架就比较熟悉了,比如jQuery 但为什么js框架大红大紫而CSS框架确始终没有流行起来呢?甚至有人说“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”CSS框架没有被大众接受的一个重要原因是: js框架是基于逻辑的,js框架简化了逻辑中的繁琐细节,封装了存在兼容性的函数,提供了丰富的选择器.函数和插件,给开发者带来方便

网站注册(css)

<! DOCTYPE HTML><html><head><meta charset="utf-8"><title>作业2</title></head><body><h1>欢迎注册本网站</h1><br>请输入您的名字:<input type="text" name="文本框"/>这是文本框<br&g

知名网站按钮 css 实现（含源码）

本文收集了国内一些知名网站的按钮风格,并用按钮css生成器网站:http://buttoncssgenerator.com 对这些按钮做了实现,文中附上这些按钮的css源代码,希望对大家的工作和学习有所帮助. 1. <a href='#' class='className'>百度一下</a> .className{ line-height:39px; height:39px; width:102px; color:#ffffff; background-color:#3388ff;

安装drupal练习网站遇到的问题

1 Skip #conjunction key in __clone() method of core/includes/database/query.inc 解决方案:https://www.drupal.org/node/1414412 在D:\program\wamp\www\d7szen\includes\database/query.inc 1895行 2 进入drupal网站后点击任何链接都跳转到首页: 重新安装一个服务器就解决了这个问题.

Nancy之给我们的网站添加自定义图标

当我们在做一个网站时,可能经常会有这样一个需求,要给我们做的网站添加一个自定义的图标. 在Nancy中,默认是的下面这样一个妹子的头像,其实也是挺好看的!! 那么当我们想要替换这个默认的,应该要怎么做呢? 下面就来看看具体的实现首先,准备一张名为 favicon.ico或 favicon.png 图片这里有两种实现方法提供参考方法一:替换默认的图标(IRootPathProvider的实现) 如果我们是使用默认的IRootPathProvider的实现,这个时候,我们直接添加图片在我们的

关于在Apache部署的Django网站admin css缺失问题

初学Django,在Apache上部署时,发现admin的css丢失,不能正常显示.google,百度了无数解决方案无效,还是在stackowerflow 上的得到灵感,通过查看httpd的log,经过一上午终于解决. 部署安装mod_wsgi模块,打开httpd.conf,添加如下 LoadModule wsgi_module modules/mod_wsgi.so WSGIScriptAlias / D:/django-app/mysite/mysite/wsgi.py WSGIPytho