新版火狐浏览器自定义about:newtab页面背景图

新版火狐浏览器自定义about:newtab页面

一、编写css样式：
1、功能：about:newtab添加背景图片
2、代码

@-moz-document url(about:newtab) {.activity-stream {background-image: url(https://w.wallhaven.cc/full/r2/wallhaven-r2eg1w.png) !important;background-size:cover !important;/*cover or contain*/background-attachment: fixed !important;}
}

二、添加userContent.css文件
1、地址栏about:support，选择配置文件夹，点击打开文件夹
2、打开chrome文件夹（没有则创建）
3、修改userContent.css文件，没有则创建，将写好的css样式复制到文件中，保存。
三、配置加载userContent.css
1、地址栏about:config
2、搜索：toolkit.legacyUserProfileCustomizations.stylesheets
3、修改值为true
四、查看
1、重启浏览器
2、地址栏about:newtab

以前版本浏览器可用，新版本不可用了

newtab设为首页

输入：about:newtab，进入页面，设为主页即可

点击+也进入首页

右边三道杠-附加组件-扩展-火狐主页-选项，将第一个取消选中

配置newtab页面

还是到扩展页面，右上角搜索Customize about:newtab，安装，再进入首页（about:newtab），右上角就会出现一个设置图标（一个螺丝），点击，里面的多选框第三个不选，下面的Image里面填写：http://rcimg.com/wh_flowers.php（这是一位大神的图库）

将首页的搜索变透明

安装Stylish扩展，

附加组件-用户样式，添加一个新样式，起个名，内容填写如下，

#newtab-search-text {
    -moz-box-flex: 1;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-inline-start: 34px;
    padding-inline-end: 8px;
    background: hsla(0, 0%, 100%, 0.2) padding-box;
    border: 1px solid;
    border-spacing: 0;
    border-radius: 2px 0 0 2px;
    border-color: hsla(210,54%,20%,.15) hsla(210,54%,20%,.17) hsla(210,54%,20%,.2);
    box-shadow: 0 1px 0 hsla(210,65%,9%,0.2) inset, 0 0 2px hsla(210,65%,9%,.1) inset, 0 1px 0 hsla(0,0%,100%,.2);
    color: blue;;
}

保存。

更改外观

附加组件-外观，深邃紧凑，启用

F12，工具箱选项（右上角一个螺丝图标），主题，暗色

结束。

新版火狐浏览器自定义about:newtab页面背景图相关推荐

新版火狐浏览器标签页覆盖原页面解决方案
新版火狐浏览器标签页覆盖原页面解决方案安装插件:http://mozilla.com.cn/thread-319507-1-1.html 立即有效!
新版火狐浏览器怎么调整字体火狐浏览器字体调整技巧分享
相信有了解的朋友都清楚,官方在新版火狐浏览器中不仅优化了UI设计,还带来了一些细微的变化与改进.那么,新版火狐浏览器该怎么调整字体呢?下面小编就来分享一下火狐浏览器字体调整技巧,有需要的朋友可以稍作参 ...
linux 火狐清缓存,怎么清理新版火狐浏览器的缓存_浏览器指南
怎么清理新版火狐浏览器的缓存_浏览器指南发表时间:2020-09-29 来源:必杀器整理软件安装:火狐浏览器 Mozilla Firefox,中文俗称"火狐"(正式缩写为Fx或 ...
火狐浏览器如何设置启动页面
火狐浏览器如何设置启动页面?打开火狐浏览器的时候,默认都是跳转到火狐首页的,如果你想换成自己理想的页面,可以对火狐浏览器进行设置.下面我们一起来看看火狐浏览器设置启动时页面的操作方法. 方法/步骤: ...
火狐浏览器打开b站页面时没有声音
问题描述使用火狐浏览器打开bilibili新页面时,默认静音解决方案: Ctrl + i 打开如下页面信息窗口 1.取消使用默认设置,允许音频和视频 2. 若修改之后仍无法解决,清除缓存即可
itextsharp php,C#_C#使用iTextSharp设置PDF所有页面背景图功能实例，本文实例讲述了C#使用iTextSharp - phpStudy...
C#使用iTextSharp设置PDF所有页面背景图功能实例本文实例讲述了C#使用iTextSharp设置PDF所有页面背景图功能的方法.分享给大家供大家参考.具体如下: 在生成PDF 的时候,虽然 ...
Php点击更换封面,JavaScript_js实现点击图片改变页面背景图的方法，本文实例讲述了js实现点击图 - phpStudy...
js实现点击图片改变页面背景图的方法本文实例讲述了js实现点击图片改变页面背景图的方法.分享给大家供大家参考.具体实现方法如下: 点击图片即改变页面的背景图片希望本文所述对大家的javascrip ...
css设置背景图片随滚动缓慢滚动_h5页面背景图很长要有滚动条滑动效果的实现...
最近做项目过程中,老大提了个很奇葩的要求背景图铺满页面,他要求有滚动条可以滑动,他给我讲的思路是用js 获取背景图片的高,在获取当前窗口的高,两者比较,当窗口的高小于背景图片的高,把窗口的高设置成背 ...
微信小程序中这么简单的设置页面背景图及字体颜色的方法，你还不会？
在微信小程序中,我们不免的要设置背景图片和字体颜色. 那怎么样才能做到简单的设置背景图片和字体颜色呢? 话不多说,直接开讲首先先说怎么设置页面背景图片: 这是博主准备的照片. 下面是在wxml中的代 ...

新版火狐浏览器自定义about:newtab页面背景图

新版火狐浏览器自定义about:newtab页面背景图相关推荐

最新文章

热门文章