Zen Cart 如何添加地址栏上的小图标

本文首发于：烂泥行天下 www.lanni654321.com，由LureDress www.luredress.com 提供友情赞助

在地址栏上添加一个小图标，可以让自己的网站看起来更漂亮，更完整。给顾客一种品牌的概念。

首先我们要找到一张适合你的网站风格的图片，然后进行修改。网上有很多制作工具，比如http://www.bitbug.net/，http://www.ico.la/等等。搜索一下会找到很多，我个人是比较喜欢用bitbug的。注意：图片一般要jpg、jpeg、gif和png格式的，网上的工具基本都只支持这几种格式。图片大小最好是小于300K的，有些网站支持的图片可以大些。在线生成后文件名应该是favicon.ico，大小应该是16*16的。如果不是则修改不成功。需要重新修改。

也可以直接采用Dreamweaver或者QQ截图等工具，把图片弄成16*16规格的，然后把文件名直接修改成favicon.ico，这个我试过也是可以的。

修改好图片后找到这份文件includes\templates\yourtemplates\common\html_header.php.在文件底部放入如下代码：
<link rel=”Shortcut Icon” href=”favicon.ico”>
上传文件就可以了。一张精美的小图标就制作完成了。

方法一. 建立favicon.ico文件，并放在网站服务器的根目录下。
方法二. 如果想用不同的图象名
打开 /includs/languages/english/YOURTEMPLATE/meta_tags.php 去掉 FAVICON 的注释:

代码:

// favicon setting
// There is usually NO need to enable this unless you wish to specify a path and/or a different filename
define('FAVICON', 'favicon.ico');

本文转自烂泥行天下 51CTO博客，原文链接：http://blog.51cto.com/ilanni/845273

Zen Cart 如何添加地址栏上的小图标相关推荐

网页收藏栏小图标＿如何设置在网页地址栏中的小图标
网页中如何设置在网页地址栏中的小图标 <link rel="icon" href="/dir/favicon.ico" mce_href="/d ...
设置网页地址栏中的小图标
网页中如何设置在网页地址栏中的小图标: 下面我们就讲讲: <link rel="SHORTCUT ICON" href="http://****/*****.ico ...
网页中如何设置在网页地址栏中的小图标
网页中如何设置在网页地址栏中的小图标: 下面我们就讲讲: <link rel="SHORTCUT ICON" href="http://****/*****.ico ...
制作地址栏中的小图标
关键词:制作地址栏中的小图标如果您使用的 WEB 浏览器是IE5或以上版本,那么当您将某些网站(如:网易.Yahoo等等)加入到"收藏夹"后,您是否注意到在这些网站标题的旁边还有 ...
Github上设置小图标/小徽章
github 上的小图标看上去很炫酷如何实现基本格式如下 https://img.shields.io/badge/{徽标标题}-{徽标内容}-{徽标颜色}.svg 一个 markdown 例子 ...
图片模块右上角添加hot、news小图标
1.图片模块右上角添加hot.news小图标,类似下方图片用的css方法是z-index.子绝父相将父元素position:relative 小图片position:absolition 代码如下 ...
vue项目部署到服务器后浏览器标签上的小图标消失不见
背景: 最近在开发项目过程中发现一个问题,项目部署到服务器后在浏览器打开,会发现浏览器标签上的小图标消失不见了.百度查找问题,网上给出了许多解决的方案,例如清除浏览器缓存.把图标的相对路径改成绝对路径 ...
工具栏的打印图标不见了_我的电脑右下角任务栏上打印机小图标不见了， – 手机爱问...
2019-01-21 XP无法添加打印机,点击添加打印机没任何反应, 系统无法添加打印机之谜 ?在与打印机长期接触的日子里,相信你可能会遇到这样的一种现象,那就是每次用鼠标双击打印机列表界面中的&qu ...
html地址欄小圖標,网站地址栏前面的小图标favicon.ico制作方法
那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到 ...
VUE购物车添加统计价格购物车小图标数量统计
!!!!!!!!!!! 列表页购物车渲染<div class="box"><div class="div1"></div>& ...

Zen Cart 如何添加地址栏上的小图标

Zen Cart 如何添加地址栏上的小图标相关推荐

最新文章

热门文章