油猴中文网LOGO替换

steven026

本帖最后由 steven026 于 2023-4-21 14:08 编辑

本帖最后由 steven026 于 2023-4-21 14:00 编辑

【一名低级的程序员只能完成最基本的代码功能，而优秀的程序员在考虑完成功能的同时，代码自身也是一副美女图】
——节选自《李恒道语录》
随便写的脚本，看看就好，用的话还是算了吧……

v1.0船新版本CSS+HTML方案→CSS+SVG方案
加载时机document-body→document-start（能更好地支持无缝替换）
SVG预览：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="180" height="50" fill="black">
    <text x="43" y="34" font-size="28" text-anchor="middle" fill="white" font-weight="600">油猴</text>
    <rect x="76" y="6" width="89" height="38" fill="rgb(241, 158, 56)" rx="5"/>
    <text x="120" y="34" font-size="28" text-anchor="middle" fill="black" font-weight="600">中文网</text>
</svg>

如果需要底色比如黑色，可以在<svg>所有子元素之前加一行
<rect x="0" y="0" fill="black" width="180" height="50"/>

Ne-21

【一名低级的程序员只能完成最基本的代码功能，而优秀的程序员在考虑完成功能的同时，代码自身也是一副美女图】

——节选自《李恒道语录》

脚本体验师001

老师技术过硬，可人儿还很幽默，俺很是喜欢

王一之

有点意思

潘钜森

有个小缺点，点击logo应该可以跳转本站

steven026

柒伍七 发表于 2022-9-19 14:27

有个小缺点，点击logo应该可以跳转本站

因为头部的a被污染了（偷懒不想多写CSS）所以改用了div
哥哥可以在两个div里面都加一个属性onclick="location.href='./'"这样点一下就能跳回主页了缺点是看不到浏览器左下角的目标网址，优点是省事……

steven026

本帖最后由 steven026 于 2022-9-19 14:54 编辑

王一之 发表于 2022-9-19 13:33

有点意思

话说哥哥我更新了一版
加了行// @run-at document-body
效果比不加要好很多，基本可以实现无缝替换（指肉眼看不出）
实际上document-body也是有效的？（WIN10 EDGE 油猴）

水凛子

你这个油猴中文网，他正经吗

小C

看着有点眼熟，

李恒道

这个脚本绝对有意思