steven026 发表于 2022-9-19 12:12:34

油猴中文网LOGO替换

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

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

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


v1.0船新版本CSS+HTML方案→CSS+SVG方案
加载时机document-body→document-start(能更好地支持无缝替换)
SVG预览:
!(data/attachment/forum/202304/21/140718mc2urr6rlu8jj13m.png)

```html
<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 发表于 2022-9-19 12:27:30

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

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

脚本体验师001 发表于 2022-9-19 12:37:35

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

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

有点意思

潘钜森 发表于 2022-9-19 14:27:55

有个小缺点,点击logo应该可以跳转本站{:4_94:}

steven026 发表于 2022-9-19 14:32:25

柒伍七 发表于 2022-9-19 14:27
有个小缺点,点击logo应该可以跳转本站


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

steven026 发表于 2022-9-19 14:53:00

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

> [王一之 发表于 2022-9-19 13:33](forum.php?mod=redirect&goto=findpost&pid=36394&ptid=3159)
> > 有点意思

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

水凛子 发表于 2022-9-19 14:59:22

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

小C 发表于 2022-9-19 16:33:22

看着有点眼熟,

李恒道 发表于 2022-9-19 17:12:38

这个脚本绝对有意思
页: [1] 2
查看完整版本: 油猴中文网LOGO替换