分类目录归档:网页设计

SyntaxHighlighter Evolved支持哪些高亮语言

CSS,网页设计 - SyntaxHighlighter Evolved支持哪些高亮语言

SyntaxHighlighter Evolved这个插件很好用,但是就是有时候不知道自己的代码它支不支持,百度和官网都找不到具体的说明,不过在后台插件编辑中看到这些代码,那我就放心使用了!


$this->brushes = (array) apply_filters( 'syntaxhighlighter_brushes', array(
'as3' => 'as3',
'actionscript3' => 'as3',
'bash' => 'bash',
'shell' => 'bash',
'coldfusion' => 'coldfusion',
'cf' => 'coldfusion',
'clojure' => 'clojure',
'clj' => 'clojure',
'cpp' => 'cpp',
'c' => 'cpp',
'c-sharp' => 'csharp',
'csharp' => 'csharp',
'css' => 'css',
'delphi' => 'delphi',
'pas' => 'delphi',
'pascal' => 'delphi',
'diff' => 'diff',
'patch' => 'diff',
'erl' => 'erlang',
'erlang' => 'erlang',
'fsharp' => 'fsharp',
'groovy' => 'groovy',
'java' => 'java',
'jfx' => 'javafx',
'javafx' => 'javafx',
'js' => 'jscript',
'jscript' => 'jscript',
'javascript' => 'jscript',
'latex' => 'latex', // Not used as a shortcode
'tex' => 'latex',
'matlab' => 'matlabkey',
'objc' => 'objc',
'obj-c' => 'objc',
'perl' => 'perl',
'pl' => 'perl',
'php' => 'php',
'plain' => 'plain',
'text' => 'plain',
'ps' => 'powershell',
'powershell' => 'powershell',
'py' => 'python',
'python' => 'python',
'r' => 'r', // Not used as a shortcode
'splus' => 'r',
'rails' => 'ruby',
'rb' => 'ruby',
'ror' => 'ruby',
'ruby' => 'ruby',
'scala' => 'scala',
'sql' => 'sql',
'vb' => 'vb',
'vbnet' => 'vb',
'xml' => 'xml',
'xhtml' => 'xml',
'xslt' => 'xml',
'html' => 'xml',
) );

测试

这里写你的代码
CSS 改变边框方法

CSS - CSS 改变边框方法

.category-picture img{
 background-color: hsl(0, 0%, 100%);
 border: 1px solid hsl(0, 0%, 66%);
 display: block;
 margin: 4px 0 4px 4px;
 padding: 4px;
 position: relative;
 height: auto;
 width: 120px;
 }

 

.category-picture img:hover{
background-color:#FF9797;
}

利用padding使图片区域留出空格,然后通过background-color改变颜色
案例地址:http://qulehe.com/picture/beauty-t036.html

中文域名在线转码

网页设计 - 中文域名在线转码

昨天用自己的名字买了一个中文的.com顶级域名,虽然知道中文域名有诸多的缺点,但自己这大众的名字还能注册到,还是很高兴的。当然,这样的名字也只能在国内注册了,可是在注册过后对其进行解析的时候,国外的空间却不让绑定”中文.com“域名,再询问了空间的客服后才知道,原来中文名字需要转码后才能在主机上绑定!

然后再看看注册域名的时候中文域名后更的一串难懂的域名终于知道他的用处了!

张松.com

当然你也可以使用“中文域名在线转码”对自己的中文域名进行转码!下面我就说说什么是中文域名和中文域名转码的两种形式

中文域名

1、一类是域名后缀为英文字母的国际中文域名和别国中文域名,比如:中文.com,中文.net,中文.biz,中文.cc,中文.hk,中文.tm,中文.tv,中文.tw;
2、一类是域名后缀为中文的纯中文国内中文域名,比如:中文域名.中国,中文域名.公司,中文域名.网络;
中文域名在解析的时候,需要先转换为 xn--fiq228c.com或xn--fiq228c.cn形式的ASCII码,这种编码称为PunyCode。纯中文域名不被标准的解析服务器支 持,要实现对这种纯中文域名的正确访问,ISP需要做相应的修改,以便能够正确解析中文域名。同时CNNIC也提供了专用服务器,用户只要将浏览器的 DNS设置指向这台服务器,它同样可以完成对纯中文域名的正确解析。另外,考虑到现在有些ISP还没有做修改,而有些用户又不方便将DNS设置指向 CNNIC提供的服务器,纯中文域名会被加上.cn后缀,即对每一个纯中文域名同时有两种形式:纯中文域名和纯中文域名.CN, 如:”中文域名.网络”和”中文域名.网络.CN”。这样即使ISP还没有做相应的修改,用户也可以正确使用中文域名。

中文域名的两种转码形式

1、PunyCode编码

英文域名在IIS或Apache中的虚拟主机设置,可以直接使用英文域名,如webmasterhome.cn。
中文域名在IIS或Apache中应如何设置主机头呢?如”中国站长之家.com”,
答案是:在进行设置之前要先把中文域名转化成为PunyCode编码,然后在主机头设置里面填上中文域名所对应的PunyCode编码(xn--fiqsC146Ah4ex80Cro7A.com)便可。
新的国际化域名的标准在网域名称编码上,为了保留向下兼容性及不影响现有的应用程序协议,因此将多国语言域名转成ASCII编码,而这种编码称为『punycode』。
因为经过 Nameprep处理过的国际化域名是以 Unicode 序列的形式表示的。但现有的 DNS系统只支持用 ASCII字符表示的域名,所以要对 Unicode 序列进行 ACE (ASCII-compatible encoding) 编码,把 Unicode序列表示的域名转换成 ASCII 字符串表示的ACE 域名。
PunyCode是一种专为国际化域名而设计的高效ACE 编码方式。它可以在Unicode序列和ASCII 字符串之间进行唯一的和可逆的转换。转换的过程中,Unicode 序列中的ASCII字符保持不变,国际化字符则用字母和数字来表示。它的实质是一种用数量有限的基本字符(字母和数字)来唯一地表示大字符集 (Unicode)中的字符的通用算法。域名中的字符,包括 ASCII 码和 Unicode 码,都是作为整数进行处理。
PunyCode则是将一个经过Nameprep处理过的IDN,从一个8位的编码的形式转换为7位编码的形式。目前Internet DNS一向是7位ASCII编码的环境,经过这个PunyCode转码程序,便将IDN从一个8 位的IDN转换为与现有DNS环境兼容的编码。
在DNS服务器方面,需要将IDN以PunyCode的编码形式来设定。因为PunyCode本身就是一种7位的编码,与ASCII编码完全兼容,所以可 适用设定于目前所有可用的DNS版本, 也就是说可以不需要为了设定PunyCode而重新安装BIND新版本。但是若是需要使用DNAME指令来设定资源记录(Resource Record),则需先提升为BIND9的版本。

2、Nameprep编码

Nameprep 是“A Stringprep Profile for Internationalized Domain Names (IDN)”,它描述了如何准备一个多语种域名,包括对一个域名字段进行映射、正规化以及禁止性过滤等等操作。

以百分比设置图片宽度(高度)

CSS - 以百分比设置图片宽度(高度)

1、使用目的

现在很多朋友都使用手机等手持设备访问网站,那么对网站在各种分辨率下的显示效果就有了比较高的要求,本博客使用的主题是大前端的D7 主题,其对手持客户端的支持是非常好的。只是我在发表一些文章并插图的时候,其图片固定了宽度(高度)后在这些设备上的显示就比较难看了。

2、实现方法(代码)

当然,爱折腾的我就开始寻找解决方法!我的做法就是将图片的宽度(高度)以百分比来进行设置,这样就可以很好的支持各分辨率的浏览器了!这里是代码的DEMO

 

      美女套图-美臀欣赏
块元素&内联元素

CSS - 块元素&内联元素

块对象默认宽度是100%(继承自父元素),如果没有采用“float:left/right;”样式,相邻的两个块对象就会分排在不同的两行上。

内联对象的宽度取决于其内部元素的宽度与padding样式值之和,不可直接指定其宽度与高度(“display:block;”、“float:left/right;”强行转换后可以定义),相邻的两个内联对象会排在同一行上。

网页标签显示网站LOGO

网页设计 - 网页标签显示网站LOGO

第一步,设计:设计自己网站的图标LOGO

第二步,制作:通过在线制作工具制作favicon.ico,你可以直接在百度上搜索“ICO 图标 在线制作”。

第三部,上传:只需要将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。因为我使用的是WordPress,所以我将我的网站的图标LOGO上传到了我的主题下面。

上传到网站根目录:

link rel="shortcut icon "href="http://www.net/myicon.ico"

WordPress上传到主题中:

注意:该图标的路径一定要使用绝对路径。