【未验证】网站左上角的小图标是怎么做的呢？

　　【文章转载自】http://zhidao.baidu.com/link?url=r7u-mWSyYYGnRgBLcyKpnZKxr4fTG3434_55NKZ804BLrXOapX4_2iIUCLBkxwJ58QRc9ROHzXU9Qrh7TTBOtq

  1. 将已做好的图标文件放到自己空间根目录下，命名为favicon.ico。
  2. 浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件，如果没有，便到网站的根目录下寻找。
  3. 因此，在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico，然后将其上传到网站的根目录即可。
  4. 如果需要将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">

  5. Firefox还支持GIF动画格式的Favicon,使用方法如下:

    首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

    <link rel="shortcut icon" href="favicon.ico" >

    <link rel="icon" href="animated_favicon.gif" type="image/gif" >

  6. 如果网站模板是 XHTML 规格的，就在最后的>前加个/。

注：如果想要所有的网页上都显示自己的图标，那就需要在你所有的模板上都加上这段代码，路径不要写错了。

时间： 2024-12-23 18:14:37

【未验证】网站左上角的小图标是怎么做的呢？的相关文章

3）修改窗口左上角的小图标

1)结果展示: 2)之前我给的那个        wndclass.hIconSm  为NULL  现在  我改为是: 1 wndclass.hIconSm=::LoadIcon(hIstance,MAKEINTRESOURCE(IDI_ICON2));;//窗口左上的图标 并且,按照  弄光标或者图标的顺序 又画了一个  小的图标: 3)注意有关步骤: 4)整体代码展示: 1 #include<Windows.h> 2 #include"resource.h" 3 //这

iconfont阿里妈妈前端小图标使用方法详解

图标选购网址:http://www.iconfont.cn/ 1.从阿里妈妈网站选购好小图标,加入购物车,下载好文件: 2.把字体文件放入字体(font)文件夹(tff)(woff),(eot) 3.样式表里面引入以下内容(../font 这个是根据相对路径做出相应的选择) @font-face {font-family: 'iconfont';     src: url('../font/iconfont.eot'); /* IE9*/     src: url('../font/iconfo

网站链接打开以后左边的小图标添加和微信分享左边图标

网站链接打开以后左边的小图标添加: <link rel="shortcut icon" href="styles/img/Logo.jpg">      <link rel="apple-touch-icon" href="styles/img/Logo.jpg">      <link rel="apple-touch-icon" sizes="72x72"

[转]网站地址栏小图标favicon.ico的制作方法

有人也许会好奇,有的网址前面有个漂亮的小图标而且有的网站图标还会动,这是怎么做到的呢? 如下图所示: 那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到很好的作用,好了,废话不多说,现在来告诉大家怎么做favicon.ico这个网站图标文件. 虽然现在有很多在线制作网站图标的网站,但制作出来的图标实在是差强人意,而且不支持透明样式的ico,这非常糟

网站小图标

访问网站的时候,可以在标题栏.搜索栏.收藏夹看到网站的小图标,它们其实就放在网站根目录下,名为:favicon.ico 如: http://www.cnblogs.com/favicon.ico 制作Favicon.ico的方法: 创建2个256色的小图片:像素大小为32×32(用于桌面图标)和16 ×16(用于浏览器),调色板要选用"Windows 默认调色板",不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化. 使用: 图片制作好后,使用如Image2Ico之类的小程

discuz x3.2修改浏览器头部小图标，使网站看起来更专业

1 准备ico格式小图标,可以先用ps制作30*30大小的jpg文件然后用在线工具转换成ico格式推荐使用:http://www.ico.la/ 这里本站选择20*20大小的ico文件 详情请参考原文链接: http://www.infosz.com/forum.php?mod=viewthread&tid=660

如何在网址之前添加小图标

如何在网址之前添加小图标:本章节介绍一下如何在网址前面添加一个小图标,现在知名网站都会有这个小图标,非知名网站也有很多添加这样的小图标,至于有没有好处这里不好说,至少比较美观,下面就就介绍一下如何实现此效果.方法如下:在头部中添加如下代码即可: <link rel='icon' href='antzone.ico' type='image/x-ico' /> 图标的格式必须是.ico格式,在网上有很多在线生成工具. 原文地址是:http://www.softwhy.com/forum.php?

fontAwesome代替网页icon小图标

引言 奥森图标(Font Awesome)提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影. 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你也可能经常会看到的,如图所示: 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿

请用fontAwesome代替网页icon小图标

1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你是不是会经常用到? 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿,估计只能去搜索了,不会自己拿ps画.例如,我之前经常去一个叫做“懒人图库”的网站去找资源,现在那个网站还存在. 但是问