嘘~ 正在从服务器偷取页面 . . .

文字覆盖黑幕说明文档


跟你看到的一样,你知道的太多了

参考文档:Re:萌娘百科上的黑幕实现

阅读前须知

本文所有的代码均来自萌娘百科!!!

本文所有的代码均来自萌娘百科!!!

本文所有的代码均来自萌娘百科!!!


阅读更多:https://zh.moegirl.org/MediaWiki:Mobile.css

本文引自萌娘百科(https://zh.moegirl.org),文字内容默认使用《知识共享 署名-非商业性使用-相同方式共享 3.0》协议。

复制代码时请务必加上以上声明!!!

复制代码时请务必加上以上声明!!!

复制代码时请务必加上以上声明!!!


 /* 
  * 放置于这里的CSS将应用于所有皮肤
  * 萌娘百科仅开放Vector皮肤
  * 请尊重萌娘百科版权,以下代码除非注明均是管理员手敲出来的!!!复制需要注明源自萌娘百科,并且附上URL地址http://zh.moegirl.org/MediaWiki:Common.css
  * 版权协定:知识共享 署名-非商业性使用-相同方式共享 3.0
  * 复制之后请把图片换成自己网站上URL地址!
  */

实践

1.将一下代码复制到my.css

/*萌娘百科的黑幕css*/

.heimu, .heimu a, a .heimu, .heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}

.heimu:hover, .heimu:active, .heimu:hover .heimu, .heimu:active .heimu {
    color: white !important;
}

.heimu:hover a, a:hover .heimu, .heimu:active a, a:active .heimu {
    color: lightblue !important;
}

.heimu:hover .new, .heimu .new:hover, .new:hover .heimu, .heimu:active .new, .heimu .new:active, .new:active .heimu {
    color: #BA0000 !important;
}

/*阅读更多:https://zh.moegirl.org/MediaWiki:Mobile.css 本文引自萌娘百科(https://zh.moegirl.org),文字内容默认使用《知识共享 署名-非商业性使用-相同方式共享 3.0》协议。*/

2.具体用法

下面是代码示例:
你知道的太多了

<span class="heimu" title="你知道的太多了">你知道的太多了</span>

本质上 markdown 还是对 html 的渲染,所以 html 的语法懂了就很好处理。


文章作者: 目棃
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 目棃 !
评论
  目录