首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

自定义网站在 iPhone 上的“添加至主屏幕”的图标

但是大家是否有发现,“添加至主屏幕”后,那个图标是你网站的缩略图,不怎么好看。那么如何自定义网站“添加至主屏幕”的图标呢?...自定义图标方法 我们先拿网易的代码看看: 的可以参考苹果图标apple-touch-icon-precomposed和apple-touch-icon两种设置的区别探究一文,Packy只给大家讲下结论: apple-touch-icon:增加高光光亮的图标...至于“图标阴影”,是 iOS 设备中统一为所有桌面元素增加的,所以不作为图标单独处理的样式。...由于在视觉上统一最重要的是形状的统一,所以“圆角”是必须的,但是对于“高光”苹果没有做出特别的强调,所以苹果设置当中把“高光”作为可选项,就产生了 apple-touch-icon 和 apple-touch-icon-precomposed

1.2K30

更改分享功能的默认图标为自定义的图标

2015-05-07 10:36:23 我们经常在网站上采用百度分享或者是jiathis分享功能,但是他提供了默认的图标,这些传统的图标看的久了就会感觉它不舒服,希望能够使自己网站的分享图标与众不同,...很明显,尝试通过修改css样式的方法来修改他的图标是不可能的了。...但是当你点击他的默认分享图标时你会发现地址栏里的地址非常的长,放在网址解码器里你会发现里面的是一些必要参数,也就是说我们只需要修改这些参数,然后为我们自己的图片添加click事件即可实现更改分享功能的默认图标...下面这行代码是用来定义自己的图标,通过点击图标来分享网页内容。...更改为你想分享的网页地址即可。

1.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    更改分享功能的默认图标为自定义图标(二)

    在上一篇文章中,我介绍了一种分享的方式,他有一定的局限性,当你要分享的网址有参数且不止一个时,你会发现他分享出去的网址参数不全。这篇文章是对上一篇文章的一个补充,也可以说是另一种写法。...我们布好局后,点击相应图标来触发他分享功能的a标签,这样也可以实现分享功能,并且简单可靠。下面我来给大家说一下具体的方法。 我们还用jiathis来做例子。首先我们需要引入他给好的代码。 的图标就正常显示出来了,要怎样将他隐藏呢,其实很简单,给他设置css属性,让他非常的小,并且他的z-index属性值小于其他层的值,让他位于其它层之下,这样就达到了隐藏的效果...下面就是我们要点击的图片了 给这个图片设置一个onclick事件,在js中设置一下,看一下代码。...这只是其中一个例子,大家有兴趣的可以多试试其他的,只要给相应的a标签设置id,然后设置点击事件即可。

    1.1K10

    自定义你的U盘图标

    在生活中,你的U盘盘符图像是默认的,你会不会看起来感觉不爽呢?接下来就告诉你如何自定义你的盘符!...所需工具: 一台Windows电脑 一个U盘 一个自定义U盘图标 一个聪明的大脑 步骤: 首先,新建一个文本,输入下面的一串代码: [autorun] icon=favicon.ico 接着,重命名为”...autorun.inf” 接着准备好你要作为U盘图标文件,将其转成.ico格式,并重命名为”favicon.ico”,转.ico格式的网站:www.bitbug.net 然后将其两个文件复制到你的U盘里...,分别右键点击【属性】,然后将隐藏的勾打上,然后点击”确定”: 然后,拔出你的U盘再插上去,就OJBK了: 后记: Q:如何查看隐藏了的文件?...A:点击文件框的左上角的【组织】-【文件夹和搜索选项】-【查看】中找到”隐藏文件和文件夹”,勾选”显示隐藏的文件、文件夹和驱动器”后点击确定即可:

    2.4K100

    3D边界地图子组件(散点、柱状图、灯光)

    01 操作流程1、散点散点就是地图上显示的一个一个的点位,除了用位置表现经纬度信息之外,就是使用图标在业务上的表示点的类别。...1.1.3 物体设置始终面向镜头:勾选此项,则散点始终面向镜头,旋转和缩放镜头都不会改变散点的大小,只会改变散点在屏幕上的位置。并且散点的尺寸和屏幕像素直接关联。...基准点:散点的位置是根据经纬度映射在场景中的世界坐标,而基准点设置的是散点图标上对齐到场景中的世界坐标的那个点。...鼠标点击:鼠标点击某个点位的定位点后发送回调和自定义事件。当请求完成或数据变化时:鼠标点击定位点或轮播动画轮播到某个点位时发送回调和自定义事件。...系列间距:环绕区划中心分布时,每个系类的柱子之间的间距。数据标签:开启后柱子上方会显示对应的数据。b、标牌配置可自定义背景、序号、数值、区划名称的样式。

    9910

    【Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载的 ttf 图标文件 )

    文章目录 一、FlutterIcon 下载图标 二、自定义 svg 图标生成 ttf 字体文件 三、使用下载的 ttf 图标文件 四、完整代码示例 五、相关资源 一、FlutterIcon 下载图标 -...: 拖动完成后 , 页面中的 Custom Icons 区域会显示这 20 个 SVG 图标 ; 选中这些图标 , 点击 DOWNLOAD 按钮 , 即可下载生成的 ttf 格式的文件 ;...: 图标绘制方向 , 是否按照 svg 文件中的方向绘制 ; 代码中使用 IconData 加载自定义图标 , 3D图标对应的编码是 0xe855 ; Center( // 加载自定义图标...child: Icon(IconData(0xe855, fontFamily: "MyFlutterApp",), size: 200,), ), 运行效果 : 第一个图标就是加载的自定义图标 ;..., http://flutter.axuer.com/docs/ Flutter 相关问题 : https://flutterchina.club/faq/ ( 入门阶段推荐看一遍 ) GitHub 上的

    2.6K20

    Giselle 主题帮助文档 & FAQ

    常规 网站图标:自定义favicon图标、返回顶部图标、网站logo(暂时未用到)、网站用户名与认证信息。 网站功能:异步加载与悬浮文章。...其他信息:自定义网站建站日期、底部版权信息、底部备案号。 页面信息:填写相应创建页面的地址信息,方便其他功能调用,比如侧边栏的阅读更多。 ?...代码 自定义CSS:填写CSS代码,一般用于临时修改网页样式使用 自定义javascript:填写JS代码 统计代码:填写JS统计代码,路易用的是CNZZ统计 统计报表查看链接:统计链接图标或者文字会被隐藏...这是一级标题 这是二级标题 这是三级标题 这是引用语句块这是引用语句块这是引用语句块 这是有序列表 这是有序列表 这是有序列表 这是有序列表 这是无序列表 这是无序列表 这是无序列表 这是无序列表 [infobox...]更新于:2017-12-24[/infobox]

    1.6K20

    自定义地址栏与收藏夹中的图标

    这实际上就是与某个网站或地址关联的图标文件。...现在支持标签页的浏览器,会将图标显示在标签上。对于移动终端,如果在系统中建立了网站的快捷方式,则可以使用图标来作为系统桌面的图标。...(Apple)设备,以及部分安卓(Android)设备,可以使用 添加到主屏幕 Add to Home Screen(Web Clip) 功能在手机的主屏幕上添加一个自定义的图标。...如果对应的 ico 文件没有找到,则会将网页的截屏显示在桌面上。图标的推荐尺寸随着显示设备的分辨率越来越高,已经从6060主键增加到了256256,对于iPad上的图标尺寸,也从7676一直增加。...规范推荐为图标指定不同的尺寸,使用方法为 rel="icon" sizes="空格分割的图标尺寸"。

    2K50

    MAC 如何隐藏dock栏上你不想看见的图标

    为什么要隐藏DOCK栏图标? 一个你不得不开,但是开了也不想看见,只想他在后台默默的工作就好,关键是图标还巨丑,实在是不想看见,所以,我要隐藏掉-_-||| 好吧。...一切顺利的安装成功之后,必须安装一个wifi管理工具,否则没办法无线上网。别让我连有线,我连根网线都没有。。。。 联网成功之后,一个很纠结的问题困扰我。。。就是,这个图标太TMD丑了!!!...怎么隐藏DOCK栏图标?...这一行,然后按字母o插入一行,并进入编辑模式,输入上面的代码或用鼠标右击粘贴,然后按esc键退出编辑模式,输入冒号shift+:,然后输入wq回车保存退出 保存之后,退出相关程序,再次打开,DOCK栏上就没有这个软件的图标了...达到了隐藏图标的效果。 所以代码还是没问题的。可能有一些软件不能这么做。

    2.1K10

    使用物联网改善汽车销售的客户体验

    互联互动式标牌能够为客户提供有关经销商中正在发生的事情的有意义的数据。电视大小的数字标牌提供有关车辆信息,实时事件或特别促销的信息。将这些交互式标志连接到互联网,就可以收集客户关心的信息的数据。...其他设备安装在汽车的方向盘或仪表板上,尽管可能无法提供那么多详细的数据,但它们为可以安装该设备的汽车类型提供了更大的灵活性。...这些设备通过蜂窝网络与云或通过LoRaWAN网关进行通信,将数据传送到软件平台,该软件平台将位置坐标映射到经销商的平面图和车辆批次地图,或在可配置的分析仪表板中可视化每辆车的诊断信息。‍...签到亭和互动标识的解决方案从简单的安装在展台上的平板电脑,到带有专门内容管理软件的大型触摸屏显示器,以显示经销商的特定营销或信息内容。...更明智的决策 通过创建联网车辆、物联网信息亭和标牌无缝集成数字和物理体验的传感器,有可能通过使经销商和客户能够获得他们需要的数据,从而做出更快、更明智的决策,从而改善汽车销售中的客户体验。

    77700

    cnblog博客园自定义样式修改标签页的icon图标

    有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢? 按照以下四步你也可以实现自定义标签图标。...From To 第一步:挑挑拣拣  选一张icon图标(尺寸不要太大)不然加载会很慢 如果找到一个很满意的图片但是很大,那么到这里https://tinypng.com/ 压缩图片。...第二步:传文件 在博客园的设置界面选择文件,将你喜欢的图片上传上来 第三步:写代码 在设置中的页脚Html代码中插入以下script脚本 代码如下,记得将你自己的图片地址替换到linkObject.href...yanzi.ico";   document.getElementsByTagName("head")[0].appendChild(linkObject); 第四步:刷新检验 保存——重新进入你的博客首页...——发现大功告成,新的icon图标已经生效了。

    30010

    想要自定义WordPress后台界面?试试这款插件

    Aquila Admin Theme除了可以修改WP后台的显示效果和颜色,还可以自定义LOGO图标、是否隐藏显示小部件等功能。 效果 ?...描述 Material Design启发了可自定义的配色方案,并针对WordPress Admin(v4.0及更高版本)进行了重新设计。...在管理区域和登录屏幕中,使用您自己的徽标代替WordPress徽标。 可使用颜色选择器自定义配色方案。 Roboto字体符合材料设计指南。...仪表板元框已删除并清理。 清理并简化了用户“个人资料”区域。 新的自定义图标包。 当前用户角色已添加为管理员正文类。 从右上角删除了“你好..”。 重新设计了登录屏幕。 管理栏杂乱无章。...新的仪表板小部件。 WordPress和插件支持仪表板上的链接。 隐藏在编辑器中的“更新”通知。 从帖子中删除了“帖子格式”。 多站点支持。 古腾堡的支持。 直接在仪表板上查看服务器信息。

    1.3K10
    领券