网络

CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表

在CSS文件中,我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,并且再上传或者拷贝复制的时候无意间变成了乱码。 为了避免这种状况出现,在CSS文件中使用中文字体时,最好使用中文字体的英文名称,我们常用中文字体的英文名称对照表如下:

Tags: 

去掉Drupal建好的站点中所有链接的下划线

用Drupal建好的网站,所有的链接都带有下划线,看着很不爽,所以想将这个下划线去掉。

可我又是CSS菜鸟,只能求助百度了。在BD上找了很多方法,可怎么也去不掉这碍眼的下划线。

功夫不负有心人,经过不懈的努力,终于找到了正确的CSS代码,非常简单,只有一句,将代码添加到主题中控制全局的样式表文件中,然后在网站后台的配置的性能中清空全部缓存,再打开网站,你会发现讨厌的下划线全没了。

参考代码:

a:link{text-decoration:none;} 

 

Tags: 

推荐30个优秀的CSS代码生成器

 

网页设计和开发不是一件容易的事,所以网页设计师和开发人员可以从任何一种工具得到尽可能多的帮助。这些方便的工具,可以帮助他们减少完成任务所需的时间,提高工作效率 – 通过使用这些网页设计工具开发人员和设计人员可以创建优雅,功能齐全,高度优化的网站。

所以今天我们推荐30个优秀的CSS代码生成器。

 


Typetester

Tags: 

CKeditor4完美实现代码高亮

为了在Drupal7+Ckeditor4实现代码高亮,几天来一直都在不断的努力中。

 

关于Ckeditor代码高亮网上的教程大部分都是针对Ckeditor3的,通过手动添加插件的方式,不用说有多麻烦,光Ckeditor3在Drupal下遇到的问题都让我头疼了(至少我这里是这样,虽然用syntaxhighlight实现了代码高亮,但又出现了如超链接无法用了,上传图片无法用来……)。

所以毅然决定放弃Ckeditor3,采用Ckeditor4。

Ckeditor4发布后,官方提供了一个代码高亮的插件:Code Snippet,很容易配置。Code Snippet是基于highlight.js 的代码高亮插件,在Drupal中需要安装highlight.js模块才能在前台显示出效果。可是,虽然highlight.js实现的代码高亮效果很不错,但没有显示行号的功能,要想实现显示行号,可以用自定义Javascript代码块用CSS控制显示效果的方法。但这样又显得啰哩啰嗦的了。

Tags: 

为Drupal构建一个新主题

主题解释了 Drupal 网站的用户界面 (UI)。虽然主题结构并没有明显的变化,但 Drupal 版本 7 配备了一个新的主题实现方法。本文演示了如何创建一个新的 Drupal 7 主题。

Drupal 主题的目标是将框架的处理逻辑和设计元素分开。为了做到这一点,Drupal 采用了一个复杂的主题系统,其中包括主题、主题引擎和挂钩。主题组件与 Drupal 核心系统和模块设计元素配合,创建具有独特外观的用户界面(单独 Drupal 页面和表单)。由于将 Drupal 的业务逻辑从它的表示逻辑中分离出来,使代码更易于维护,并且您无需重写代码层就可以交换出主题层的实现,反之亦然。图 1 说明了 Drupal 框架结构。

Tags: 

CSS完美实现垂直居中

之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。

首先,要有一个概念:凡是 table 布局可以实现的,CSS 一定可以实现。CSS 可以实现的,table 未必能做到。

现在来几个例子:

一、单行内容的居中
只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 height,并使两值相等,再加上 over-flow: hidden 就可以了

.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}

Tags: 

Drupal常用模块

1、drupal快速上手的commerce distro商城模块
http://drupal.org/project/commerce_kickstart
虽然commerce kickstart是一个好的入门,但仍然要花时间来设定才能用地上。因此今年内会大大更新到2.0,功能大跃进,安装后可比美其他电子商城如magento, oscommerce 等

2、页面标题设定Page Title
http://drupal.org/project/page_title
设定Page Title,依赖于Tokens模块。设置在 Content Management 处。

Tags: 

CKeditor添加中文字体

CKeditor确实非常好,但是编辑时,字体选择里面没有中文字体。可以按如下方法添加:

进入 ./sites/all/modules/ckeditor/ 目录,打开 ckeditor.config.js 在

 

CKEDITOR.editorConfig = function( config ){

    ......

};

 

中添加如下代码:

 

    config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;

 

以后使用的时候就可以用中文字体了。

 

添加后清空浏览器缓存后新的字体就可以显示出来了。

 

(注意:添加字体后可能没有效果,请检查一下C:\Windows\Fonts 电脑是否安装了上述的字体)

Tags: 
订阅 RSS - 网络