`
jaychang
  • 浏览: 734718 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

浏览器地址前面的图标

阅读更多

引自:http://snowolf.iteye.com/blog/173461

看到opera地址栏的地址前面的图标就很有兴趣,其实之前也玩过。留给记号,以后接着用。

Html代码 复制代码 收藏代码
  1. <link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon" />  
<link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon" />

或者

Html代码 复制代码 收藏代码
  1. <link rel="icon" href="image/favicon.ico" type="image/x-icon" />  
<link rel="icon" href="image/favicon.ico" type="image/x-icon" />


在opera下都可以实现地址栏的logo图标。
控制滚动条的css样式

Css代码 复制代码 收藏代码
  1. BODY {   
  2. SCROLLBAR-FACE-COLOR: #fcfcfc;   
  3.  SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90;   
  4.  SCROLLBAR-SHADOW-COLOR: #fcfcfc;   
  5.  SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;   
  6.  SCROLLBAR-ARROW-COLOR: #240024;   
  7.  SCROLLBAR-TRACK-COLOR: #fcfcfc;   
  8.  SCROLLBAR-DARKSHADOW-COLOR: #48486c;   
  9.  SCROLLBAR-BASE-COLOR: #fcfcfc   
  10. }  
分享到:
评论

相关推荐

    让网站在浏览器网址前面显示小图标的方法

    这个小图标被称为Favicon(Favorites Icon),它通常出现在浏览器地址栏前和标签页上,使用户能够一眼识别出他们正在访问的网站。本篇文章将详细介绍如何为你的网站添加这种小图标。 首先,你需要创建一个符合标准...

    Qt设置窗口图标以及程序图标

    如果添加了多个 Icon 资源,可以选择任意一个资源点右键,选择“进入 Resource Symbols”,在 Resource Symbols 窗口中,可以看到每个 ICON 的值,前面我们说过 ID 值最小的 ICON 将成为应用程序的图标。因此,如果...

    URL前的图标URL前的图标

    而URL前的图标,通常被称为“favicon”,是一个小小的图形图标,它位于浏览器地址栏的左侧,用于代表特定网站的品牌或形象。这个图标可以是网站的Logo,也可以是其他能代表网站内容的图形。 创建和使用favicon对于...

    208个高清ico图标,程序员必备的素材,欢迎大家下载

    ico图标是一种特殊的图像格式,主要用于网站的favicon,即浏览器地址栏前面的小图标,以及桌面快捷方式的图标。在编程和网站开发中,ico文件扮演着重要角色,因为它们提供了识别性和品牌一致性。此资源包包含了208个...

    常用的ico图标大全

    ico图标是一种特殊的图像格式,主要用于网站的favicon,也就是浏览器地址栏前面的小图标,以及桌面快捷方式的图标。这种格式能够包含多个不同尺寸和颜色深度的图像,以适应不同的显示环境。在Windows操作系统中,ico...

    zTree自定义状态图标实现

    - **兼容性**:确保自定义图标在各种浏览器环境下都能正常显示,这可能涉及到对IE等老版本浏览器的支持。 - **性能优化**:大量节点的渲染可能会对页面性能造成影响,合理使用异步加载和懒加载策略可以提升用户体验...

    ico图标集合

    ico图标是一种特殊的图像格式,主要用于网站的favicon,也就是我们浏览器地址栏前面的小图标。这个"ico图标集合"是一个包含多种ico图标的资源包,适用于网页设计和开发人员使用。ico文件的独特之处在于它能存储多个...

    Eclipse的全部小图标

    2. **导航图标**:Eclipse的导航栏图标,如项目浏览器、包浏览器、导航视图等,帮助用户在庞大的项目结构中快速定位。 3. **构建和运行图标**:例如,运行配置、调试配置的图标,以及停止、启动和重构操作的图标,...

    725个经典ico图标

    ICO图标是一种特殊的图像格式,主要用于网站的favicon,也就是我们浏览器地址栏前面的小图标。这个压缩包包含725个经典的ICO图标,意味着它提供了一套丰富的选择,适用于各种类型的网站或者软件项目,从个人博客到...

    多种类型的ico图标ico图标

    ico图标是一种特殊的图像格式,主要用于网站的favicon,即浏览器地址栏前面的小图标,以及桌面快捷方式的图标。这种格式能够包含多个不同尺寸和颜色深度的图像,以适应不同的设备和显示需求。在本压缩包中,ico图标...

    怎么在网址前面加一个图标

    这个小图标可以是公司logo、产品logo或者任何代表网站特色的设计元素,它会显示在浏览器的地址栏、标签页、书签栏等位置,帮助用户快速识别和记忆网站。 ### 如何在网站地址前添加Favicon #### 1. 准备图标文件 ...

    ico格式图标

    【ico】是Icon file的缩写,是Windows的图标文件格式的一种,可以存储单个图案、多... 一般所说的ico图标是作为浏览器首段图标显示,还可以在收藏夹内收藏内容的前段显示小图标。例如:我要购的图标,网址前边的图标。

    设计用ICO图标大全

    ICO图标是一种特殊的图像格式,主要用于网站的favicon,也就是我们浏览器地址栏前面的小图标。它能够以多种尺寸显示,确保在不同设备和系统上都能清晰、一致地呈现。在这个"设计用ICO图标大全"中,包含了各种尺寸和...

    网站添加图标

    这些图标通常出现在浏览器的地址栏、书签列表、浏览器标签页以及搜索引擎结果中等位置。网站图标的设计一般与网站的品牌形象保持一致,用于提高品牌的识别度。 ### 知识点二:网站图标的作用 1. **提升品牌形象**...

    2000多款百分百ICO图标

    ICO图标是一种特殊的图像格式,主要用于网站的favicon,也就是浏览器地址栏前面的小图标,以及桌面快捷方式的图标。这种格式能够包含多种分辨率和颜色深度的图像,以适应不同的显示设备和系统需求。在“2000多款百分...

    font awesome 3.2.1 图标资源及离线文档

    - **伪元素**:利用CSS的`:before`伪元素,可以将图标添加到元素前面,`:after`则用于添加到元素后面。 - **图标堆叠**:可以将多个图标堆叠在一起,创造出更复杂的视觉效果。通过添加`.fa-stack`父级类和`.fa-stack...

    windows 7显示IE图标

    在Windows 7操作系统中,Internet Explorer(简称IE)是默认的网页浏览器,通常会在桌面显示一个快捷方式图标以便用户快速启动。然而,有时用户可能会发现IE图标不见了,这可能是由于系统设置更改或某些优化工具的...

    win7 显示IE图标

    在Windows 7操作系统中,Internet Explorer(简称IE)是默认的网页浏览器,它通常会在桌面显示一个快捷方式图标,方便用户快速启动。然而,有时由于系统设置或个性化配置,IE图标可能不会显示在桌面上。本教程将详细...

    经典的ico图标各种尺寸

    ico图标是一种特殊的图像格式,主要用于网站的favicon,即浏览器地址栏前面的小图标,也可用于桌面快捷方式或系统文件的图标。这些ico图标包含了多种尺寸,以适应不同的显示需求,如小到16x16像素的低分辨率,大到...

Global site tag (gtag.js) - Google Analytics