首页线报酷-教程文章正文

自定义挂载CSS和JS设置

线报酷 4 举报

使用说明:

打开用户中心--基本设置--自定义CSS或者自定义JS,可以挂载添加网站的CSS或者JS进行修改。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。JavaScript是运行在浏览器上的脚本语言。



举例修改网站绿色护眼模式(自定义CSS):

使用原理就是修改CSS,输入的时候不需要输入<style>标签,可以对网站每一个元素进行各种定义。

html {

    background: #f8fbf9;

}


.sb,#mainbox .mianbaoxie,.badge,.bangdan .mianbaoxie2,#mainbox .mianbaoxie2,.tuisongswitch,.mochu-us-colluser,.pagebar .nav-links,a.page-numbers{

  background-color: #ebfff0 !important;

}


a.page-numbers:hover,.tuisongswitch:hover{color:#1a1a1a}


.art-copyright,.art-content .imgreader, .art-content .tishi{

  background-color: #e0f4e18f !important;

}


#txaArticle{

  background-color: #fefffe8f !important;

}


.new-post .newest{background: #baffdb}

.article-list:hover{background: #ddffed}


image.png

image.png

更多自定义设置CSS,JS需要你了解基本原理,可以自己去网上找教程或者后续我会出扩展的时候会用到。


CSS3 教程 | 菜鸟教程 (runoob.com)

JavaScript 教程 | 菜鸟教程 (runoob.com)

HTML DOM 教程 | 菜鸟教程 (runoob.com)

jQuery 教程 | 菜鸟教程 (runoob.com)


文档总贴:线报酷使用文档总贴

线报酷内部交流互动版块 (已有4条评论)

欢迎您发表评论:

交流列表

线报酷评论头像
2022-11-26 18:23:16
万能的大佬
线报酷评论头像
2022-08-15 13:14:03
调大列表页,内容页字体
线报酷评论头像
2022-08-15 13:14:08
@线报酷 .art-main .art-content{font-size: 18px;line-height: 1.5em!important;}
.article-list .title,.badge{font-size: 18px;line-height: 1.5em!important;}
线报酷评论头像
2022-08-15 11:31:28
你真的是万能的大佬[s-hanxiao]