https://wikiarc.tianjimc.com/index.php?action=history&feed=atom&title=Widget%3ASideBarPic
Widget:SideBarPic - 修訂歷史
2026-10-05T15:24:23Z
本 Wiki 上此頁面的修訂歷史
MediaWiki 1.30.0
https://wikiarc.tianjimc.com/index.php?title=Widget:SideBarPic&diff=729&oldid=prev
Potato Server：已建立頁面，內容為 "<noinclude>用来给{{tl|替换侧边栏底图}}更好的体验效果的，作者User:AnnAngela</noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSide…"
2020-07-10T17:20:00Z
<p>已建立頁面，內容為 "<noinclude>用来给{{tl|替换侧边栏底图}}更好的体验效果的，作者<a href="/index.php?title=%E4%BD%BF%E7%94%A8%E8%80%85:AnnAngela&action=edit&redlink=1" class="new" title="使用者:AnnAngela (頁面不存在)">User:AnnAngela</a></noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSide…"</p>
<p><b>新頁面</b></p><div><noinclude>用来给{{tl|替换侧边栏底图}}更好的体验效果的，作者[[User:AnnAngela]]</noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSideBarPic}--><!--{assign var="wgSideBarPic" value=true scope="global"}--><script><br />
"use strict";<br />
window.RLQ = window.RLQ || [];<br />
window.RLQ.push(async function loop() {<br />
await mw.loader.using("mediawiki.Uri");<br />
if ($("html > body > #content + #mw-navigation").children("#mw-head, #mw-panel").length !== 2) {<br />
setTimeout(loop, 100);<br />
return;<br />
}<br />
const sidebarCharacter = $(".sidebar-character").slice(0, 3);<br />
if (!sidebarCharacter.length) { return; }<br />
await Promise.all(sidebarCharacter.find("img").toArray().map((img) => new Promise((res) => {<br />
const lazyload = new Image();<br />
lazyload.addEventListener("load", () => {<br />
img.src = img.dataset.src;<br />
res();<br />
});<br />
lazyload.addEventListener("error", () => {<br />
const url = new mw.Uri(lazyload.src);<br />
url.query._ = Math.random();<br />
lazyload.src = url;<br />
});<br />
lazyload.src = img.dataset.src;<br />
})));<br />
$("body").addClass("sideBarPic");<br />
sidebarCharacter.addClass("active").each((_, ele) => {<br />
const self = $(ele);<br />
self.appendTo("html > body > #content + #mw-navigation").fadeIn().addClass(ele.dataset.align === "top" ? "top" : "bottom").css("user-select", "none");<br />
self.find("img").removeAttr("width").removeAttr("height");<br />
});<br />
$(window).on("resize", () => {<br />
sidebarCharacter.each((_, ele) => {<br />
const self = $(ele);<br />
self.find("img").width(self.width());<br />
});<br />
}).resize();<br />
if (sidebarCharacter.is('[data-displaylogo="yes"]')) {<br />
$("body").addClass("show-logo");<br />
}<br />
});</script><style><br />
/* 侧边栏logo或左下角图片添加 */<br />
.sidebar-character {<br />
position: fixed;<br />
left: -3px;<br />
z-index: -2;<br />
}<br />
.sidebar-character.top {<br />
top: 0;<br />
}<br />
.sidebar-character.bottom {<br />
bottom: 0;<br />
}<br />
#wglogo {<br />
display: none;<br />
}<br />
@media screen and (max-width: 600px) {<br />
/* 低像素设备隐藏 */<br />
.sidebar-character {<br />
display: none!important;<br />
}<br />
}<br />
.sideBarPic.skin-vector:not(.DeceasedPerson) div#mw-panel div.portal {<br />
background-color: rgba(246, 246, 246, 0.9);<br />
/*padding-top: 0;<br />
top: 212px*/<br />
margin-left: -0.75em;<br />
margin-right: 0;<br />
padding-left: 1.5em;<br />
padding-right: .95em;<br />
}<br />
.sideBarPic.skin-vector:not(.DeceasedPerson) div#mw-panel #p-logo + div.portal{<br />
padding-top: 1.1em;<br />
margin-top: 0;<br />
}<br />
.sideBarPic.skin-vector:not(.DeceasedPerson) #mw-panel div#p-logo {<br />
/*background: rgba(246, 246, 246, 0.73);<br />
left: 0;<br />
padding: 0 .5em;<br />
top: -212px*/<br />
}<br />
.sideBarPic:not(.DeceasedPerson) .sidebar-character.active {<br />
display: block;<br />
}<br />
.sidebar-character {<br />
display: none;<br />
}<br />
body.show-logo:not(.DeceasedPerson) #mw-panel #p-logo {<br />
height: 160px;<br />
}<br />
body.show-logo:not(.DeceasedPerson) #mw-panel #p-logo .mw-wiki-logo {<br />
background-image: url(https://img.moegirl.org/logo/zhMoegirl15.2.png);<br />
height: 160px;<br />
}<br />
.sideBarPic:not(.DeceasedPerson) #footer {<br />
background-color: rgba(255,255,255,.7);<br />
}<br />
.sideBarPic:not(.DeceasedPerson) #footer #footer-moegirl .copyright {<br />
color: #2f2f2f;<br />
}<br />
</style><br />
<!--{/if}--></includeonly></div>
Potato Server