罗蓝迪克收集的美化图片、日志的代码

罗蓝迪克收集整理

一、圆形雾化加FLASH的代码

制作代码一：

<TBODY>

<TR>

效果：

制作代码二：

<TBODY>

<TR>

<TD>

效果：

二、在图片上添加FLASH的各种技巧

加插FLASH-动画图片有各种方式：①在一张图片上加叠１或多个FLASH。②在页面上任何地方定位加叠。③直接在页面上插入。网页上不宜加插太多FLASH，否则会影响网页的打开。

1、在图片上插入一个FLASH的代码：

效果：

2、在图片上插入2个FLASH的代码

效果：

3、在图片上插入3个FLASH的代码：

<TBODY>

<TR>

效果：

4、在图片上用绝对定位挂贴FLASH动画图片

在图片上可以同时插入多张FLASH，但只是在同一位置上加叠，如果要在不同位置显示，比如下面这张贴，小船要紧贴水面，飞雁要调上一些，必须采用绝对定位挂贴的方法。

挂贴FLASH动画图片代码：

说明：

●<DIV id=table1 style=定义相对定位标签．关键语句：POSITION: relative．

●<EMBED style=贴FLAS标签行内套用样式表绝对定位语句．关键语句：POSITION: absolute．

效果：

说明：

相对定位与绝对定位的关系

贴FLAS的标签行内套用css样式表定位属性内容POSITION有两个属值，即relative相对定位和absolute绝对定位．有相对定位指令的标签是一种容框，是绝对定位必要的参照物在相对定位容框内，可以用很多有绝对定位的标签，挂贴各种内容．用绝对定位挂贴虽然也是一种加叠，但内容显示位置上下左右可以稠整．方法是设置LEFT水平起始参数和TOP垂直起始参数．

绝对定位的语句：

style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 50px; HEIGHT: 500px"

说明：

●　Z-INDEX: 10px 是指与帖子左边的距离。

●　WIDTH: 750px　是指定位的范围宽度。

●　TOP: 50px 指与帖子上边之间的距离。

●　height=500　是指定位的范围高度。

●　750px 即750个像素点。

● 绝对定位外部挂贴必须设置相对定位标签,否则插入内容可能在整张网页的别处显示。

5、绝对定位在页面插入FLASH的代码：

效果：

由于垂直起始参数TOP: 150px，即距本页上边150px起显示紫红叶飘落。

6、在相对定位容框内绝对定位插入FLASH的代码：

<TBODY>

<TR>

效果：

日志标题

7、在页面上插入FLASH的代码模式：

效果：

日志标题

8、在页面上置顶的FLASH代码：

效果（略）

9、走出页面的FLASH代码：

10、在日志边框页面不同位置同时添加多个不同FLASH的代码：

代码：

说明：你需要添加多少个flash，就将此代码复制粘贴多少个。

在日志页面添加多个FLASH的代码实例：

说明：我这次一共在日志边框里添加了十个相同的FLASH，使整个日志页面都有FLASH效果。使用时，你可以根据你编辑的日志的长度来设置FLASH的个数，还可以根据你的日志内容和图片添加不同的FLASH。

添加到日志的方法：

⑴ 用边框编辑你的日志（把你需要添加的文字、图片、音乐添加完毕）；

⑵ 复制上边的代码，修改成你需要的代码：①打开另一个编辑框，在代码编辑状态下将此代码复制粘贴；②然后将代码里的flash地址替换成你要添加的flash地址；③如果你的日志页面比较长，需要再添加，就根据你需要添加的flash个数，再复制几个代码，放到先前代码的下面；④TOP后边的数字从0开始设置，后面按500递增（TOP的数值表示此flash距页面顶端的距离）。

⑶ 点击你编辑好的日志编辑框顶端的“源代码”按钮，进入代码编辑状态；

⑷ 将你刚刚做好的代码复制粘贴到你的日志代码的最底部，再点击“源代码”按钮，你就可以看到你添加的flash效果了。

三、在图片上写字的代码

1、在图片上添加静态字的代码：

<BR>

<TBODY>

<TR>

<P align=center><FONT color=#00ff00 size=5 face=黑体><STRONG>宠辱不惊，闲看庭前花开花落；去留无意，漫随天外云卷云舒。我是一片云，天空是我家，朝迎旭日升，暮送夕阳下。我是一片云，自在又潇洒，身随魂梦飞，来去无牵挂。罗蓝迪克！</STRONG></FONT></P></TD></TR></TBODY></TABLE>

效果：

宠辱不惊，闲看庭前花开花落；去留无意，漫随天外云卷云舒。我是一片云，天空是我家，朝迎旭日升，暮送夕阳下。我是一片云，自在又潇洒，身随魂梦飞，来去无牵挂。罗蓝迪克！

2、在图片上飘动自己定义的文字的代码：

<TBODY>

<TR>

<P align=center><FONT color=red size=6><B>我是一片云，天空是我家，朝迎旭日升，暮送夕阳下。我是一片云，自在又潇洒，身随魂梦飞，来去无牵挂。罗蓝迪克！ </B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

效果：

我是一片云，天空是我家，朝迎旭日升，暮送夕阳下。我是一片云，自在又潇洒，身随魂梦飞，来去无牵挂。罗蓝迪克！

四、图片雾化的代码

1、图片雾化成方形的代码（加博客链接）：

效果：

2、图片雾化成圆形的代码（加博客链接）：

效果：

罗蓝迪克祝您写博愉快

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。