◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“模板:首页微博秀”的版本间的差异
Mikumikuer(讨论 | 贡献) |
Mikumikuer(讨论 | 贡献) |
||
第1行: | 第1行: | ||
− | <div class="timeline"><div id="show-timeline">{{fa|weibo|b|size=20px}}微博@少女前线</div><div id="show-timeline2">{{fa|weibo|b|size=20px}}微博@少前百科</div>{{#widget:Iframe| | + | <div class="timeline"><div id="show-timeline">{{fa|weibo|b|size=20px}}微博@少女前线</div><div id="show-timeline2">{{fa|weibo|b|size=20px}}微博@少前百科</div>{{#widget:Iframe|url=http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=10&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=5611537367&verifier=695f9401&colors=333333,333333,AAAAAA,F4C430,444444&dpc=1|width=350|height=550|border=0 |
+ | }}{{#widget:Iframe|url=http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=10&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=6701200267&verifier=165ee8b4&colors=464646,464646,b4b4b4,fec430,464646&dpc=1|width=350|height=550|border=0 | ||
}} | }} | ||
</div> | </div> | ||
− | {{#widget: | + | |
− | }} | + | {{#widget:style|style=.timeline { |
− | { | + | width: 380px; |
+ | position: fixed; | ||
+ | right: -344px; | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | transition: all 0.3s ease-in; | ||
+ | z-index:1000; | ||
+ | outline:none; | ||
+ | } | ||
+ | .timeline.active {right:0px} | ||
+ | .timeline > div#show-timeline { | ||
+ | writing-mode: vertical-lr; | ||
+ | padding: 0px 8px; | ||
+ | padding-top: 15px; | ||
+ | width: 20px; | ||
+ | height: fit-content; | ||
+ | background: #f4c430; | ||
+ | color: black; | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | height:150px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .timeline > div#show-timeline2 { | ||
+ | writing-mode: vertical-lr; | ||
+ | padding: 10px 8px; | ||
+ | padding-top: 20px; | ||
+ | width: 20px; | ||
+ | height: fit-content; | ||
+ | background: #eee; | ||
+ | color: black; | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | left:0px; | ||
+ | top:160px; | ||
+ | height:150px; | ||
+ | z-index:0 | ||
+ | } | ||
+ | div#show-timeline::after { | ||
+ | content:""; | ||
+ | width:100%; | ||
+ | height:15px; | ||
+ | position: absolute; | ||
+ | bottom: -5px; | ||
+ | left: 0px; | ||
+ | background:#f4c430; | ||
+ | transform: skewY(15deg); | ||
+ | z-index:1; | ||
+ | } | ||
+ | .timeline > iframe { | ||
+ | position:absolute; | ||
+ | left:36px; | ||
+ | top:0px; | ||
+ | } | ||
}} | }} | ||
{{#widget:sandbox6}} | {{#widget:sandbox6}} |