如何制作博客背景 jinxind1

来源:└博友窝  编辑:博客代码网  发布时间:2007-03-28  点击:  [收藏]

制作加背景及边框的音乐图文帖,常用的有三种方法:

1. 使用全代码制作.

2. 使用一些软件制作.(比如:FrontPage2003等)

3. 使用论坛的一些基本功能(主要是表格功能)制作.

这里是用在线编辑器来制作帖子.
线编辑器的地址:

http://www.gdcic.net/nds/deditor.html这网址可以加入网页浏览器的收藏夹里保存好备用。


第一步: 熟 悉 设 置

要使用编辑器,就一定要先熟悉一些常用的设置:首先打开上述网址,出现一个编辑器页面。看看下面有一组设

置, "普通"是设计状态, "预览"是预览状态, "HTML"是代码状态.我们一般是

在"普通"设计状态下编帖.

第三步: 编 辑 制 作


好了,准备工作做好了,我们开始实际操作了:先点击"普通"按钮,进入编辑区,注意,你现在就进入

了"普通"设计状态了。

(一) 加 边 框

1. 点击插入表格按钮,弹出一个对话框,点确定,就出现这样的一层 边框:

2. 因为是多层边框,所以,我们再复制几层这样的边框:


鼠标放在这个边框的边缘处,(出现一个十字标记),右击--复制,然后

在边框外空的地方点一下,再把鼠标放进表

格内最*左边的位置,(鼠标进去后,可以用退格键试试,把多余的空格退掉,免得边框内有空格,边框会变高。)

右击---粘贴,就出现双层边框。重复这样的操作,做成一个七层边框如下:

(二) 加 背 景 图 片

刚才的边框设计是在"普通"状态下进行的,现在的背景图片是要在“HTML”代

码状态下进行.

1. 点击下面的"HTML"按钮,进入代码状态,出现的是这样的一段代码:

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>

2. 在这里,我们可以知道一些简单的代码知识:

边框的颜色----borderColor=#cccccc

单元间距----cellSpacing=2

单元边距----cellPadding=3

表格宽度----width="100%"

背景颜色----bgColor=#ffffff

边框粗细----border=1

3. 我们先要设置的是背景图片,所以,我们把原来代码里第一组中的"bgColor=#ffffff "删去,改为"background=".记得这地址后面要留有一个空格,否则图片将无法显示.

这里的"background"就是背景图片地址的意思,后面的 ,就是 我要加的最外层的背景图片地址.

(背景图片1)

4. 接下来,把代码里第二组中的""bgColor=#ffffff "删去,改为"background=".

这是加上第二层边框的背景图片:

文章地址: