PKU Art

前言

作为一名 PKUer ,我从入学开始就对教学网的样式适应不来,这做的真的太丑了!这怎么会让人有学习的动力呢?!我为什么老摸鱼?不就是因为这教学网让我看了就不想学习吗!(震声

这种不满终于这个周四爆发了。我看着又土又老的编程网格,再也忍不下去了,正好周五加周末没啥事,于是开始快乐地在图书馆摸鱼(其实只有最后看到成果的时候才快乐,期间调各种样式啊选择器啊的时候让我简直要吐血,好多知识和语法还是边用边学的),爆肝出了编程网格、IAAA登录页、教学网大部分页面的CSS。

我真的很想吐槽那用 Table 搭出来的编程网格、大黑框顶头上的教学网,还有那设计简直离天下之大谱、让我甚至真的想问就这还注册专利吗的成绩页面(它居然还用iframe套娃套了两层!),但最终,我还是完成了。
这就是和我的另外一个样式 Baidu Art (打广告:这是一个我高二折腾出来并用到现在的好看样式)类似取名的 PKU Art 的诞生了。
现在想想,两天的时间换未来几年的视觉快感,也算是值辽!

效果展示

编程网格

img
img
img

IAAA

img

教学网

img
img
img

动画效果

img
img

提示

  • 作者非专业前端工作人员,不保证该样式在任何设备、浏览器上的兼容性,但如果你遇到问题,可以在 Github 提请 Issue,我也会不定期更新新的 P 大相关网页(咕?
  • 本样式主要适配网页端,请在使用前确保你的窗口分辨率足够
  • 出于美观和实用性考虑,本样式屏蔽了大量我认为不那么重要的网页元素,如果你偶然发现自己要用的一个功能找不到了,可以暂时关闭本样式的应用
  • 本样式通过外部挂载 CSS 应用,请确保你先装好了相应的浏览器插件(Safari 使用 Cascadea,Chrome 或同内核浏览器使用 Stylish 插件)
  • ↑现在已更新 JavaScript 安装方式,你可以通过 TemperMonkey(Safari & Chrome)、Adguard扩展(Mac Safari)在电脑上安装。
  • ↑也可以通过 Alook(iPad第三方浏览器)JavaScript扩展或者 JSBox(Safari扩展)来进行安装,但是实际使用过程中发现,对于使用 iframe 的网页由于不能获得 iframe 内部的 html 代码,所以相应的样式无法生效,涉及到的页面包括:成绩页/ 课程回看播放页。同时,也可能会有别的显示问题(比如动画有 Bug),但无伤大雅
  • 目前暂时不支持任何手机浏览器的 CSS
  • 有任何技术交流问题,可以通过 Github Issue 联系我,但我不一定会及时看,如果是想交流问题、设计或想帮我完善样式的好心人,可以加我微信(和 Github 同名)

CSS下载

Github Realse

Stylish

JavaScript下载

Github Realse

Greasy Fork

插件/软件下载:

选择 CSS 安装

请注意:Chrome 的 Stylish 下载需要翻墙。

Cascadea(For Safari)

Stylish(For Chrome)

版权

本样式部分用到的图片来源如下:

本样式以 GPL 3.0 开源

结语

祝玩的开心,绩点高高!

评论

  1. Anonymous
    Windows
    12月前
    2021-11-28 14:01:39

    tql!!!!!!!!!!!!!!!!11111

  2. Anonymous
    Macintosh
    12月前
    2021-12-02 19:10:20

    谢谢!

  3. lzj
    Windows
    12月前
    2021-12-05 21:29:24

    tql!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  4. Kokaine
    Macintosh
    9月前
    2022-2-21 22:47:08

    我怎么今天才发现这么好看的主题

    • 博主
      Kokaine
      Macintosh
      9月前
      2022-2-24 9:16:35

      2333

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇