WikiFur:新版首页(测试)

来自WikiFur
(重定向自新版首页(测试)
跳转至: 导航搜索
  • (调试)新版本的首页CSS,请复制源代码添加到MediaWiki:Common.css或新建.css方便调试。
  • (调试)计划保留两种首页,即新版首页旧版首页,新版首页可跳转到旧版首页。
  • 源代码

<div class="home-portal-maxwidth" style="max-width:800px;margin:0 auto;"> <div class="home-portal-l1"> <div class="home-portal-container home-portal-operator">[[兽聚|<span class="home-portal-btn">兽聚</span>]]</div> <div class="home-portal-container home-portal-gadget">[[社群|<span class="home-portal-btn">社群</span>]]</div> </div> <div class="home-portal-l2"> <div class="home-portal-container home-portal-maps">[[文化|<span class="home-portal-btn">文化</span>]]</div> <div class="home-portal-container home-portal-mode">[[年表|<span class="home-portal-btn">年表</span>]]</div> <div class="home-portal-container home-portal-docs">[[开发者文档|<span class="home-portal-btn">开发者文档</span>]]</div> </div> {{home-card|title}}欢迎来到WikiFur|content= <center><p style="margin-top:10px;">WikiFur中文站</p>{{WikiFur:维护报告}}</p></center>

  • 新版主页CSS

/*新版主页CSS */ /*仿R6S百科主页*/ /*对于R6S百科站所有的代码、模板,界面元素等,都以非商业的形式授权灰机wiki以及下属的所有子站和其他所有的非同题材的站点、非同语种的站点使用。*/ body.page-首页 div.home-portal-maxwidth, padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; } .home-portal-l1, .home-portal-l2 { display: flex; flex-direction: row; flex-wrap: nowrap; } .home-portal-container { flex: 1; padding: 6px; /* display: flex; */ align-items: center; } /*WikiFur图标*/ .home-portal-menu { width: 132px; flex: none; } .home-portal-menu .home-portal-btn { border-left-width: 8px; } /*兽聚*/ .home-portal-operator .home-portal-btn { background-image: url(https://huiji-public.huijistatic.com/r6s/uploads/a/a8/%E9%A6%96%E9%A1%B5%E6%8C%89%E9%92%AE-%E7%89%B9%E5%8B%A4%E5%B9%B2%E5%91%98.png); } /*社群*/ .home-portal-gadget .home-portal-btn { background-image: url(https://huiji-public.huijistatic.com/r6s/uploads/4/4f/%E9%A6%96%E9%A1%B5%E6%8C%89%E9%92%AE-%E6%AD%A6%E5%99%A8%E8%A3%85%E5%A4%87.png); } /*文化*/ .home-portal-maps .home-portal-btn { background-image: url(https://huiji-public.huijistatic.com/r6s/uploads/6/60/%E9%A6%96%E9%A1%B5%E6%8C%89%E9%92%AE-%E5%9C%B0%E5%9B%BE.png); } /*年表*/ .home-portal-docs .home-portal-btn { background-image: url(https://huiji-public.huijistatic.com/r6s/uploads/6/68/%E9%A6%96%E9%A1%B5%E6%8C%89%E9%92%AE-%E6%96%87%E6%A1%A3.png); } /*开发者文档*/ .home-portal-mode .home-portal-btn { background-image: url(https://huiji-public.huijistatic.com/r6s/uploads/7/7d/Mode_icon.svg); } /*创建词条*/ .home-portal-notify { padding: 6px; color: #FFFFFF; } /*底色卡片*/ .home-backgroundcard { background-color: rgba(48, 48, 48, 0.5); padding: 24px; } /*WikiFur:维护报告*/ .homegrid-top { grid-column: 1/3; grid-row: 1/1; } /*优秀条目*/ .homegrid-right { grid-row: 2/2; } .homegrid-right { grid-column: 1/2; grid-row: 3/4 } } /*典范词条样式*/ .formalentry { display: grid; grid-template-columns: auto 120px; grid-gap: 18px; } .formalentry.home-beta { grid-template-columns: 120px auto ; } @media (max-width: 556px) { /*窄屏下调整网格*/ .formalentry { grid-template-columns:auto } } .formalentry .formalentry-image { justify-self:center; } .formalentry .formalentry-content { } .formalentry .formalentry-content { } /*最近更新*/ .home-version-item { background: #0A0A0A; border: 1px solid #272727; padding: 6px 12px; } .home-version-item:not(:last-child) { margin-bottom: 12px; }