博客导航目录的制作方法(好友链接导航制作)
的有关信息介绍如下:在博客制作中,有时需要将自己的经典博文目录放在首页,随时点击查看。这就需要制作一款博客导航组件。这里介绍一种用代码制作、带背景图的文字链接导航。可以是博文目录导航,也可以是好友链接导航。
构思。
首先是一个边框,边框里面是一张背景图片,背景图片上是博文目录文字,并且自下往上循环移动。
背景图片内容要与博文目录的整体内容相符。
下面是准备的背景图片。
获取图片地址。
1.进入博客后台(本文以新浪博客为例,下同);
2.上传图片(本文第一步准备的图片);
3.点“显示源代码”,进入代码编辑状态;
4.复制图片地址,放到“记事本”备用。
编辑。
1.清空编辑器;
2.将下列代码粘贴到编辑器:
3.将本文第二步备用的图片地址,复制粘贴到上边这组代码“背景图片地址”;
4.将博文地址和博文名称填好,就基本做好了。
增加内容。
本文第三步代码是三个博文名称,如果增加,每增加一个添加一组代码:
博文名称
改变字体、大小、颜色。
分别改动font face、size、color的值。
调整边框。
WIDTH=180是宽;border=6是粗细;cellspacing=3是里边线粗细。
版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/article/153778.html