学做网站培训课程介绍

当前位置:

网站导航如何制作“热”“顶”动态图标

很多学习建网站的同学都会注意到学做网站论坛近期在网站导航上添加了一个小图标“热”,它不停的在导航上跳动,当浏览者一进入网站首页时就会被它所吸引。
网站导航如何制作“热”“顶”动态图标

如何在做网站时,在自己的网站上制作出“热”“顶”动态图标呢?

网站制作“热”“顶”动态图标步骤:

  1. 在网站的HTML代码中找到导航的代码,并确定需要添加“热”“顶”动态图标的<li>标签;
  2. 在导航的项目中的文字超链接中加入以下代码
    <img src="<?php bloginfo('template_directory'); ?>/images/hot.gif" alt="hot" style="position:absolute;z-index:3;margin-left:5px;margin-top:-10px;">
  3. 通过FTP软件上传一张GIF动态图片hot.gif,上传到images文件夹;
  4. 适当调整代码中margin属性的距离数值,以达到自己需要的距离效果。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个
  • 在我们的建站课程中,跟大家讲过wordprss实现导航是利用二句代码来自动调用。这样只要我们在后台添加一个分类或者页面时,会自动调用出来。
  • 这里所谓的链接就是指网址,一般我们也会叫他url。动态链接:https://www.xuewangzhan.net/?p=388,静态链接:https://www.xuewangzhan.net/zichu
  • 说起网站图标favicon.ico,大家都想到的是制作一个固定小图片来显示【方法见:如何制作网站图标favicon.ico】,很少知道网站图标可以做成一个动态的。
  • 网站favicon图标如何制作 图文教程 (123071 次浏览)
    在我们上网的时候,看到有许多网站,当打开它的时候,在浏览器中会出现它们网站的图标,特别的个性化。很多学做网站的学员也问过这样的问题,询问网站f