博客制作基本代码

博客教学 2007-05-19 20:31:16 阅读1257 评论38   字号：大中小 订阅

大家好,首先欢迎你的到来,这一篇是为大家讲解并总结一下博客制作的基本代码,供新手参考

本篇代码来源于多个博友,本人仅收集归纳,整理,并加以说明而已

在首页模块HTML中如何使用代码:博客在编辑状态下,选择"排版设置","内容模块","自定义添加HTML",这时你的博客最下面出现一个空白模块,那现在就把你要的代码粘进去吧 

一.文字类

1)字体加粗：你的文字

2)字体斜体：你的文字

3)字体下划线: 你的文字

4)字体删除线: 你的文字

5)字体加大: 你的文字

6)字体大小：

你的文字

大小从h1-h5不等

7)字体颜色：你的文字

8)滚动字(左右循环滚动)：你的文字

9)高级滚动文字(可自定义):幽幽世界欢迎你

效果如下:

 属性分析:

marquee:此代码为滚动代码  scrollamount=3:些代码为速度,其中数值可以更改  COLOR:#B03060:字体颜色  FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体  FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改  WIDTH: 100%:在屏幕上滚动的比例

    10)来回移动的文字:幽幽世界欢迎你

    效果如下:

 属性分析:

marquee:此代码为滚动代码  behavior="alternate":来回移动代码 scrollamount=3:些代码为速度,其中数值可以更改  COLOR:#B03060:字体颜色  FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体  FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改  WIDTH: 100%:在屏幕上滚动的比例

注意:9)和10)的区别只在于一个方向代码behavior="alternate":来回移动代码而已 大家可以活学活用 这并不难的

    11)滚动字幕:忘记是一种罪
有它就没有美好的回忆
如果愿意
可以把它记录
回忆曾经
是一件享受的事
欢迎来到幽幽世界
愿每个人都有美好的回忆在内心深处
这样的人才会永远没有孤单

    效果如下:

 属性分析:

marquee:此代码为滚动代码  scrollamount=3:些代码为速度,其中数值可以更改  COLOR:#B03060:字体颜色  FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体  FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改  WIDTH: 100%:在屏幕上滚动的比例  direction=up:方向代码  
:换行代码

注意:9)和11)的区别只在于一个方向代码direction=up而已 大家可以活学活用 这并不难的

12)文字超链接(网页跳转)：你的文字

13)文字超链接(在新窗口打开)：你的文字

14)消除链接文字的下划线：你的文字

更多特效字体,点击进入>>>

二.图片类

1)粘图代码：

图片地址获取方法:把鼠标放到你要添加的图片上,右键单击图片,选择"属性",出现对话框,全部复制URL地址,此地址便是图片地址

2)滚动图片:

效果如下:

属性分析:

此特效代码包含两部分:1滚动代码部分, marquee:滚动代码  width="100%":屏幕滚动比例  scrollamount=3:些代码为速度,其中数值可以更改  2为粘图部分,,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码  width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改  border="0"边缘代码

3)来回移动图片代码:

效果如下:

属性分析:

此特效代码包含两部分:1滚动代码部分, marquee:滚动代码  behavior="alternate":来回移动代码  width="100%":屏幕滚动比例  scrollamount=3:些代码为速度,其中数值可以更改  2为粘图部分,,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码  width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改  border="0"边缘代码

注意: 2)和3)的区别只在于3)多了一个方向代码,behavior="alternate":来回移动代码

3)图片超链接(生成原图大小):

4)图片超链接(可自定义图片大小):

5)滚动图片超链接:

属性分析:

此特效代码包含三部分:1滚动代码部分, marquee:滚动代码  width="100%":屏幕滚动比例  scrollamount=3:些代码为速度,其中数值可以更改  2超链接代码部分,,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码  width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改  border="0"边缘代码

三.综合应用类

1)贴音乐：

2)贴flash:

3)贴影视文件：

4)换行：

5)段落：

文字

6)原始文字样式：

正文

7)换帖子背景：

8)固定帖子背景不随滚动条滚动：

9)定制帖子背景颜色：(value值见10)

10)帖子背景音乐：

11)贴网页：

12)分割线代码: 你的文字