• 联盟
  • 文章
  • 当前位置:排行榜 > 资讯 > 经验学堂 > 列表经验学堂

    dede织梦ico图标怎么制作favicon.ico动画图标?替换位置在哪?

    编辑:996评测网 发布时间:2020-05-04 12:00 分类:经验学堂

    Favicon.ico 顾名思义就是浏览器打开网站的一个标志,很多朋友在做建站的时候,很想自己的网站在浏览器打开的时候也出现一个小标志,他可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站,在大多数浏览器会出现在地址栏上。

    制作方法及添加方法:

    1:百度搜索“favicon.ico在线制作”很多在线工具可以提供大家使用,您也可以使用其他的制作工具,制作完后会产生一个favicon.ico文件。

    2:制作完之后,把favicon.ico上传到您网站的WEB目录下。

    3:在每个模板里head部分添加代码 :<link rel="icon" href="/favicon.ico" type="image/x-icon" />


    温馨提示:一定要加在<head>与</head>之间。

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <TITLE>网站标题</TITLE>
    <meta name="keywords" content="关键词">
    <meta name="description" content="描述">
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    </head>

    4:添加完之后,上传替换模板。

    5:后台 生成 更新主页 更新栏目 更新文档。

    将已做好的图标文件放到自己空间根目录下,dede网站的图标文件命名为favicon.ico。
    浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
    因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
    如果需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的部分加入如下的代码:
    <link rel="icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">
    Firefox还支持636f70797a686964616f31333361323530GIF动画格式的Favicon,使用方法如下:
    首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
    <link rel="shortcut icon" href="favicon.ico" >
    <link rel="icon" href="animated_favicon.gif" type="image/gif" >
    如果网站模板是 XHTML 规格的,就在最后的>前加个/。

    织梦默认的favicon图标大小为16*16像素,常见的网站favicon.ico图标可以是16*16,32*32,64*64等多种大小,我们打开photoshop软件制作一个64*64像素的图标图片
    怎样修改织梦网站的favicon图标?

    将制作好的图片保存为jpg格式保存到电脑

    然后百度搜索一下“在线ICO图标转化工具”,将自己制作的图标jpg格式的图片转换为ico格式的图标文件,保存到本地电脑

    到自己的网站跟目录,找到织梦的导航favicon.ico图标,将本地制作好的图标上传到服务器替换织梦默认的图标

    打开您的织梦网站你可能会看不到变化,为什么,这时候别着急,你需要去织梦网站后台,更新一下系统缓存

    这时候你发现你的网站导航栏上已经变为了你自己制作的个性图标

    注意事项
    favicon图标一定要是ico格式的,其它格式需要转换
    没有效果别着急,自己更新缓存就可以了
    (责任编辑:996top广告联盟评测)
    上一篇:火车头dede采集图片加水印,远程图片本地化 下一篇:织梦dede文章上一篇下一篇怎样修改链接地址替换?
    下级栏目
    最新加入
  • 12020-07-20CPS日结广告联盟
  • 22020-07-15发发广告联盟
  • 32020-07-05团成移动联盟
  • 42020-06-22蜜趣CPS联盟
  • 52020-05-05趣米移动广告
  • 62020-04-28斯巴达联盟
  • 72020-04-28萌新移动联盟
  • 82020-04-22八通广告联盟
  • 92020-04-19998广告联盟
  • 102020-04-15誉见广告平台
  • 热评联盟
  • 1点评[93]铁憨憨广告联盟
  • 2点评[32]非凡广告联盟
  • 3点评[25]誉见广告平台
  • 4点评[22]辉耀移动联盟
  • 5点评[19]巨梦广告联盟
  • 6点评[16]望云广告联盟
  • 7点评[13]快唯广告联盟
  • 8点评[12]晨阳广告传媒
  • 9点评[10]盖亚联盟CPA
  • 10点评[10]亿云联盟
  • 服务排行
    人气排行
  • 1浏览[426]盖亚联盟CPA
  • 2浏览[271]趣米移动广告
  • 3浏览[266]青瓜传媒APP推广
  • 4浏览[218]小明精准联盟
  • 5浏览[215]百度联盟
  • 6浏览[190]CPA唯尚广告联盟
  • 7浏览[152]非凡广告联盟
  • 8浏览[125]易盟广告
  • 9浏览[120]联合云享广告平台
  • 10浏览[116]超越广告联盟
  • 关于996| 版权声明| 联系方式| 广告服务

    Copyright © 版权所有:996评测网 广告联系QQ:2220095515 (请注明:投广告)
    (评论内容只代表网友观点,与996评测网立场无关)