当前位置:酷酷问答>百科知识>博客导航目录的制作方法(好友链接导航制作)

博客导航目录的制作方法(好友链接导航制作)

2024-12-05 22:37:30 编辑:zane 浏览量:553

博客导航目录的制作方法(好友链接导航制作)

的有关信息介绍如下:

博客导航目录的制作方法(好友链接导航制作)

在博客制作中,有时需要将自己的经典博文目录放在首页,随时点击查看。这就需要制作一款博客导航组件。这里介绍一种用代码制作、带背景图的文字链接导航。可以是博文目录导航,也可以是好友链接导航。

构思。

首先是一个边框,边框里面是一张背景图片,背景图片上是博文目录文字,并且自下往上循环移动。

背景图片内容要与博文目录的整体内容相符。

下面是准备的背景图片。

获取图片地址。

1.进入博客后台(本文以新浪博客为例,下同);

2.上传图片(本文第一步准备的图片);

3.点“显示源代码”,进入代码编辑状态;

4.复制图片地址,放到“记事本”备用。

编辑。

1.清空编辑器;

2.将下列代码粘贴到编辑器:

scrollAmount=1 scrollDelay=1 direction=up>

博文名称1

博文名称2

博文名称3

3.将本文第二步备用的图片地址,复制粘贴到上边这组代码“背景图片地址”;

4.将博文地址和博文名称填好,就基本做好了。

增加内容。

本文第三步代码是三个博文名称,如果增加,每增加一个添加一组代码:

博文名称

改变字体、大小、颜色。

分别改动font face、size、color的值。

调整边框。

WIDTH=180是宽;border=6是粗细;cellspacing=3是里边线粗细。

版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/article/153778.html
热门文章