怎么把火狐浏览器整成自己喜欢的风格

不多说,先上图:
在这里插入图片描述偶然发现了火狐可以通过Firefox Color扩展自己配置顶部标签栏的颜色,那只能掏出最喜欢的夜店粉整它一下了,然后再配合stylus扩展,就可以整出自己喜欢的风格了。
一、修改顶部书签栏颜色
1、在顶部搜索栏输入about:addons可以进到火狐的扩展页面,然后搜索Firefox Color组件,没有就点击添加到Firefox。
2、有了Firefox Color组件后,在扩展的主题选项里面,拉到最下方,会有一个使用Firefox Color打造自己的主题的链接。当然,如果不喜欢自己定义,也可以用已有的主题。
在这里插入图片描述3、进到定义主题颜色的界面,就可以在Custom colors设置自己喜欢的颜色了。通过Custom backgrounds可以配置顶部的背景图片。这些颜色根据自己爱好设置吧,注意有时候为了好看,可以将背景透明度调低。下面是主题定义界面和我用的背景图,我将背景图设置成了重复,这样可以铺满整个顶部。
在这里插入图片描述在这里插入图片描述4、这样正常的话,顶部应该已经改成喜欢的颜色风格了。
二、将新标签页设置成自己喜欢的风格。
由于我自身喜欢用火狐的新标签页的常用网站功能,所以就修改了新标签页的样式。
1、这里要用到stylus组件。这个组件可以自定义样式然后使其应用到特定的页面。同样进入about:addons添加stylus组件。添加完成之后浏览器右上角会有一个S标志。
在这里插入图片描述
2、点击S标志,进入到管理样式界面。点击编写新样式。下面是我应用在新标签页面得样式。可以根据需要将里面的颜色修改成自己喜欢的颜色。然后我隐藏了在新标签页面会出现的新闻模块,因为不喜欢这个模块。将常用网站的图片都隐藏了,这样每个框都会显示默认的手写字母。看起来比较整齐。再就是注意下面的应用于的域名,要写新标签的虚名,以免影响到其他页面。

/* 打开新标签页的样式 */
.outer-wrapper {background-image: linear-gradient( #0d001c, #6b4a48);
}
.top-sites {background-color: rgb(235, 232, 232, 0.2);border-radius: 15px;color: #fc297f;
}
.collapsible-section .section-title span {color: #fc297f;fill: #fc297f !important;
}
.collapsible-section .section-title span {display: inline-block;fill: #fc297f;vertical-align: middle;
}
.collapsible-section.active {border-radius: 15px;
}
/* 因为常用网站标签的一些背景图片不好看,所以给全部隐藏了,都用文字来显示,比较统一整齐 */
.top-site-outer .screenshot {opacity: 0 !important;
}
.top-site-outer .top-site-icon {opacity: 0;
}
.top-site-outer .top-site-icon:hover {border: none !important;
}
.default-icon {display: none !important;
}
/* 修改标签的阴影 */
.top-site-outer .tile {border-radius: 4px;box-shadow: 0 0 10px #fc297f;
}
/* 修改搜索框的样式 */
.search-wrapper input {background: rgba(0, 0, 0, 1) var(--newtab-search-icon) 12px center no-repeat;box-shadow: 0 0 10px #fc297f;color: #fc297f;border-radius: 8px;
}
.search-wrapper input:hover {background: rgba(0, 0, 0, 1) var(--newtab-search-icon) 12px center no-repeat;box-shadow: 0 0 10px #fc297f;
}
.search-wrapper .search-button {fill: #fc297f;
}
/* 隐藏新闻模块 */
.compact-cards {display: none;
}

在这里插入图片描述最后:大致过程就酱紫,各位可以自行去玩耍,有疑问可评论。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/56948.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

火狐firefox浏览器不能播放视频,但别的浏览器可以。

网上有好多的内容,都是老旧的方法,都是flash什么设置的。 后来在外网上找到一个视频,关于不能播放的视频的方法,我设置一下,没有问题。方法如下 关闭浏览器,再打开就可以了。

软文推广过程中有哪些实用的推广用语?

软文推广是一个文字的游戏,说白了就是让文字做你的营销员,所以在文字书写的过程中要特别注意,有时候一个词就能让用户感觉到舒服或不舒适,小编作为一个多年的软文写作人员,就从软文营销用语上面来讲解一下,…

招商软文如何写:推广诱人的广告——文芳阁传媒有话说

招商软文如何写:推广诱人的广告——文芳阁传媒有话说 导语:现在,很多的产品做出了好的开头后,会想出下一步推广的路:就是树形招商发展,其实这个时候就已经升级了服务方式,从产品到技术或者说是秘…

U盘产品如何做好软文推广利用软文来打造为产品引流宣传

软文推广是现在宣传手段中的重要一环,它可以有效的帮助企业更好的宣传产品,提高品牌知名度,提升企业形象,增强消费者对产品的认知度,从而达到促进销量的目的。U盘产品软文推广也是同样道理,如何做好U盘产品…

分享八个软文推广小技巧,让你在众多同行中脱颖而出!

软文推广作为现在主流的推广形式,想要做很容易,但是想要做好就要多下点功夫了,其实 现在大多数公司做软文推广也是在囫囵吞枣,雨里雾里的,其实想要做好软文推广就要多去 注意细节,俗话说细节决定成败&…

软文推广丨什么是软文推广?

随着互联网和移动互联网的普及,网络推广已经成为了企业和个人宣传和推广产品和服务的重要手段之一。其中,软文推广也是一种广泛采用的网络推广方式。本文将围绕“什么是软文推广,应该怎么做”这一主题,对软文推广的概念、特点和实…

软文推广页面

广告页面 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>广告软文推广页面</title><link href"css/fonts/advertitsing.css" rel"stylesheet"type"text/css"…

产品推广软文怎么写?500字的写作技巧为你送上,拿走直接用

对于很多企业来说&#xff0c;经费不足的情况下&#xff0c;在网上发布产品推广软文就是一个不错的选择&#xff0c;但是产品推广是一种学问&#xff0c;想要做好产品推广&#xff0c;首先要学会如何写好一篇优质的推广软文&#xff0c;大家可从以下方面进行入手&#xff0c;让…

软文推广的方法有哪些,硬广告最有效的软文推广策略

软文推广的方法有哪些&#xff0c;硬广告最有效的软文推广策略 什么叫软文营销推广&#xff1f;#广告营销 软文推广怎么做&#xff1f; 我的 10 年软文发布经验告诉我&#xff0c; 90% 的品牌是为了收录&#xff0c;为了排名发布文章&#xff0c;不收录发再多也是白搭。 什么…

字节蝉联全球独角兽榜首,ChatGPT企业狂升200多位

江山代有才人出&#xff0c;各领风骚数百年。 4月18日&#xff0c; 胡润研究院发布了《2023全球独角兽榜》&#xff0c;列出了全球成立于2000年之后&#xff0c;价值10亿美元以上的非上市公司。 榜单显示&#xff0c;全球一共有1361家独角兽企业入围榜单&#xff0c;分布在48个…

墨西哥海运专线时效,有哪些墨西哥专线货代?

墨西哥是位于北美洲的一个国家&#xff0c;西部是太平洋和加利福尼亚湾&#xff0c;东部是墨西哥湾与加勒比海&#xff0c;海路运输是很发达的&#xff0c;国内大大小小的港口更是非常多;目前国内选择海运专线到墨西哥的客户也是比较多的。下面就给大家介绍一些墨西哥海运专线。…

亚马逊erp系统亚马逊FBA系统货代仓储打包系统

电商现在比较火的也就是跨境电商与国内电商这两个比较火&#xff0c;跨境的平台相对应多一点&#xff0c;目前来说比较好的亚马逊与亚马逊是最多了&#xff0c;国内的话现在都在往抖店这块集中&#xff0c;那么大家在做这块的时候&#xff0c;肯定都会用到店铺管理系统&#xf…

fba海运详解:fba海运是什么意思,FBA海运费用怎么算

FBA海运是指通过海运将货物运送到亚马逊仓库&#xff0c;FBA海运除了按照海运包税方式计算方法和海运不包税计算的渠道外&#xff0c;还会按货物的实重和体积重量来计算。FBA货运代理的操作流程是通关海运到目的港&#xff0c;然后通关送到亚马逊仓库。 一、FBA海运什么意思 F…

东南亚跨境商家必备的星卓越货代服务系统1元贴单代发服务

目前做Shopee平台的商家是很多的&#xff0c;这些商家普遍都是做无货源店群模式&#xff0c;这种模式下&#xff0c;商家的产品会有几百几千的SKU&#xff0c;Shopee商家不可能都去一一囤货&#xff0c;所以通常会在出单之后选择找厂家做一件代发&#xff0c;这样的话就需要找一…

FBA海运到美国费用一般包含哪些?

亚马逊FBA利润虽高&#xff0c;但是成本也不低&#xff0c;除了物流的运输费用还有一些附加费&#xff0c;根据美国对华加征关税的产品会有一定的附加费。大部分产品是不用的&#xff0c;这有一些在列的产品才需要加收FBA空运海运需要加收附加费的产品列表。 一、FBA海运渠道类…

shopee虾皮货代仓储打包系统erp铺货中转仓

shopee ERP 是一款作为虾皮跨境电商必备的一款采集上货工具&#xff0c;shopeeERP可以采集多平台商品&#xff0c;淘宝、1688、拼多多等电商平台商品&#xff0c;shopee虾皮erp可以直接输入对应网址&#xff0c;搜索想要的产品&#xff0c;即可一键采集商品&#xff0c;也可以进…

货代公司主要是做什么的呢|货代公司作用

货代公司指主要负责货物运输的代理公司。具体业务&#xff0c;有内贸也有外贸&#xff0c;&#xff08;一级国际货运代理有限公司&#xff0c;还有二级。三级等&#xff09;&#xff0c;一级代理可以直接在空运或海运公司或铁路公司订舱&#xff0c;二级必须只能在一级订舱&…

基于php737物流电子商务平台

本次毕业设计利用PHP和MYSQL数据库技术&#xff0c;构建基于电子商务的物流平台。该平台前端服务包括网上下单、网上报价、在途查询、在库查询、咨询服务等&#xff0c;后端服务包括仓储管理、配送管理、货代管理、运输管理、退货管理、结算管理、客户管理、合同管理。 电子商…

大连报关学校计算机专业,大连报关学校

大连报关学校始建于1994年&#xff0c;有“中国报关第一校”的美誉&#xff0c;是经大连市教育局批准成立的一所培养报关员、报检员、货代员、物流员的学历制教育学校。学校坐落于风光优美、空气清新的东北重要沿海口岸城市大连市&#xff0c;毗邻辽宁师范大学、大连交通大学、…

大连报关学校计算机专业,大连报关学校简介|学校介绍

大连报关学校始建于1994年&#xff0c;有“中国报关第一校”的美誉&#xff0c;是经大连市教育局批准成立的一所培养报关员、报检员、货代员、物流员的学历制教育学校。学校坐落于风光优美、空气清新的东北重要沿海口岸城市大连市&#xff0c;毗邻辽宁师范大学、大连交通大学、…