油猴中文网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"/>`
【一名低级的程序员只能完成最基本的代码功能,而优秀的程序员在考虑完成功能的同时,代码自身也是一副美女图】
——节选自《李恒道语录》 老师技术过硬,可人儿还很幽默,俺很是喜欢 有点意思 有个小缺点,点击logo应该可以跳转本站{:4_94:} 柒伍七 发表于 2022-9-19 14:27
有个小缺点,点击logo应该可以跳转本站
因为头部的a被污染了(偷懒不想多写CSS)所以改用了div
哥哥可以在两个div里面都加一个属性`onclick="location.href='./'"`这样点一下就能跳回主页了缺点是看不到浏览器左下角的目标网址,优点是省事…… 本帖最后由 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 油猴) 你这个油猴中文网,他正经吗 看着有点眼熟, 这个脚本绝对有意思
页:
[1]
2