曹勇

博客加强版代码

曹勇 — Tue, 6 Mar 2007 09:41:26 +0800

一.图片链接与文字链接代码

居中代碼:

任何東東代碼

图片链接：

如果你没有图片地址的话我推荐一个上传图片能生成图片地址的网站。

地址：http://www1.freep.cn/

如果你要对你上传的图片进行处理后再上传，可以进这个网站 IE图象处理器。

地址：http://www.iephotoshop.com/default.asp

文字链接：

1.要链接的文字

2.要链接的文字

二.图片特效

1. 柔化效果 <1-4>

或

代码说明：
opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明

2. 翻转效果 <5-6>

左右翻转格式：

或

上下翻转格式：

或

3. 变调效果 <7-9>

灰调格式:

或

X光效果:

或

色彩对换:

或

4. 边框效果 <以下我就不一一试了，有兴趣自己做>

发光效果：

代码说明：
发光:(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10)

5,投影效果：

代码说明：
投影:(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)
滤镜高=图高40)

6.阴影效果：

代码说明：
阴影:(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)

7.模糊效果：

代码说明：
模糊:(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,滤镜高=图高+30)

8.波形效果：

代码说明：
波形:(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10)

align=center //居中对齐是center,居左是left,右是right style=' color是指滚动框中文字的颜色。background-color是滚动文本框的背景颜色，scrollbar-face-color是指滚动条的颜色。scrollbar-shadow-color,scrollbar-highlight-color,scrollbar-3dlight-color,scrollbar-darkshadow-color这几个属性全是关于滚动条的颜色设置，不太好描述大家自己试一下吧。scrollbar-track-color是滚动条轨道的颜色，scrollbar-arrow-color是滚动条顶端那个三角箭头的颜色。文本框的高宽可以在设计模式中用鼠标拖动调整大小。最后把文本框添加的内容替换掉“日志文字”四个字就可以。另外这个文本框也可以添加图片，FLASH，添加时同样是用代码替换掉“日志文字”四个字。

三.边框效果

日志文字

大家更改上面代码中紫色属性的值就可以了，其实主要就是改颜色以便更适合自己博的风格，先给大家一个查询颜色代码的工具：点击我使用。

color是指滚动框中文字的颜色。background-color是滚动文本框的背景颜色，scrollbar-face-color是指滚动条的颜色。scrollbar-shadow-color,scrollbar-highlight-color,scrollbar-3dlight-color,scrollbar-darkshadow-color这几个属性全是关于滚动条的颜色设置，不太好描述大家自己试一下吧。scrollbar-track-color是滚动条轨道的颜色，scrollbar-arrow-color是滚动条顶端那个三角箭头的颜色。文本框的高宽可以在设计模式中用鼠标拖动调整大小。最后把文本框添加的内容替换掉“日志文字”四个字就可以。另外这个文本框也可以添加图片，FLASH，添加时同样是用代码替换掉“日志文字”四个字。

添加的时候一定要把所有颜色都更改好之后在复制预览效果，否则搜狐博客会自动把这段代码转化成一种更复杂的形式，更改起来很麻烦。

几种分割线的代码

曹勇 — Tue, 6 Mar 2007 09:45:36 +0800

　　用简单的“hr”语句就能实现多样化的分割效果：

　　最基本的：

　　其中 width 规定线条的长度，还可以是百分比；color 表示颜色，size 表示厚度；
align 规定线条位置，有left、right、center；noshade 表示是否有立体效果。

　　两头渐变透明：

　　右边渐变透明：

　　画虚线：

　　画双线：

　　立体效果：

　　纺棰形：

　　钢针效果：

颜色选择器http://www.baidu.com/search/hi/hi_css.html

几种图表自动生成

曹勇 — Tue, 6 Mar 2007 09:46:27 +0800

感谢博友恋蓝絮风提供本技巧

1、邮箱图标自动生成，如图：

地址： http://www.eoool.com/Sevice.aspx?TypeID=1

2、聊天工具的自动生成，如图：

地址：http://www.eoool.com/Sevice.aspx?TypeID=2

3、网络标签的自动生成，如图：

地址：http://www.eoool.com/Sevice.aspx?TypeID=5

以上几个是我认为经常能用到的，在http://www.eoool.com网站，还有其他的功能，比如各种QQ，MSN和论坛头像的生成，按纽的生成，……你可以按自己的需要使用。

使用方法很简单，你打开就知道了。

或者去这个http://pic.sdodo.com/tool/mailpic/（还可以改变你所需要的颜色）

或者http://services.nexodyne.com/email/index.php

二。QQ图表代码生成：http://cy.winzheng.com/cha/QQcode.php

三。印章生成，几种风格，有http://www.makepic.com/print.php （还有其他功能，包括条形码，选择使用）

或者可乐8这个http://home.kele8.com/smallgame/signetImg/default.aspx

四。关于图片文字自动生成，下面我做几个事例：（注意下面这些图片中的英文哦，嘿嘿，你也可以制作你想说的话哦。强烈推荐）

1，爱因斯坦Einstein的粉笔字：（蓝是学物理的，所以他老人家是我的偶像，嘿嘿）

地址：http://www.hetemeel.com/einsteinform.php（改变粉笔字，英文输入）

2、Uncle Sam的话

地址：http://www.hetemeel.com/unclesamform.php（改变思考话语，英文输入）

3、Dictionary

地址：http://www.hetemeel.com/dictionaryform.php（改变文献文字，英文输入）

4、newscaster

地址：http://www.imagegenerator.net/create/newscaster/（改变新闻内容，英文输入）

还有几个式样，你可以进http://www.imagegenerator.net自己去选择。

好玩吧？来试一下吧，呵呵，几秒钟就让他们说你想说的话。

教你搞字体特效

曹勇 — Tue, 6 Mar 2007 09:47:17 +0800

一.文字特效
参数汇总解析：
#xxxxxx表示颜色代码，替换改变相应颜色
颜色选择器http://www.baidu.com/search/hi/hi_css.html

strength表示强度（如发光效果等）

direction投影等角度（必须添45的倍数）

使用方法：
发表文章时点“显示源代码”，然后输入下列代码就可以了。

代码范例：
红色边框

红色边框

左右翻转效果

左右翻转效果

上下翻转效果

发光文字效果

(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果

投射阴影文字效果

阴影文字效果

雕刻文字效果

扭曲文字效果

二.版面特效
文字竖排

文字竖排

刪除线

制作彩字和闪字

地址

http://www.igogo8.com/

效果：

有趣的武士劈字

地址：

http://tools.fodey.com/generators/animated/ninjatext.asp

效果

注：生成的代码用第一个！！

制作英文闪字

地址：http://glitter.hotfreelayouts.com/

效果：

简繁字体在线翻译

地址：

http://www.hhmz.net/news/31/2005-6-2_19152636697.html

http://www.ip138.com/gb.htm

注：复制使用！

渐变字

需转换成HTML代码才可以用啊！

效果：

本博客的域名是 caoyong5

模糊文字

还是很简单，direction指的是模糊阴影的角度，更改颜色可以在设计视图选中文字然后更改，然后就是复制粘贴了，下面是代码：

direction=150); WIDTH: 480px; HEIGHT: 140px">添加文字内容

效果：

After a hundred years

After a hundred years
Nobody knows the place,--
Agony that enacted there,
Motionless as peace.
Weeds triumphant ranged,
Strangers strolled and spelled
At the lone orthography
Of the elder dead.
Winds of summer fields
Recollect the way,--
Instinct picking up the key
Dropped by memory.

波浪文字

其实这个跟发光文字区别不大一样是用了滤镜效果，大家看了那篇文章再来修改这个就好，strength和lightstrengh改不改其实区别不大，直接粘贴复制就行。下面就只给出代码：

strength=5,lightstrengh=5); WIDTH: 480px; HEIGHT: 140px">添加文字内容

效果：

Sonnet XVIII (Shall I compare thee to a summer's day)
　 Shall I compare thee to a summer's day?
Thou art more lovely and more temperate:
Rough winds do shake the darling buds of May,
And summer's lease hath all too short a date:
Sometime too hot the eye of heaven shines,
And often is his gold complexion dimm'd;
And every fair from fair sometime declines,
By chance or nature's changing course untrimm'd;
But thy eternal summer shall not fade
Nor lose possession of that fair thou owest;
Nor shall Death brag thou wander'st in his shade,
When in eternal lines to time thou growest:
So long as men can breathe or eyes can see,
So long lives this and this gives life to thee.