模板:角色图鉴/影画：修订间差异
（创建页面，内容为“<div class="soc-focus mb-2"> <div class="soc-focus-c"> <div class="soc-swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a target="_blank" class="item" link=首页 >[[File:{{角色名称}}-影画1.png|link=]]<div class="title"> </div></a> </div> <div class="swiper-slide"> <a target="_blank" class="item" link=首页 >[[File:{{角色名称}}-影画2.png|link=]]<div class="title">角…”） |
无编辑摘要 |
||
| （未显示同一用户的18个中间版本） | |||
| 第1行： | 第1行： | ||
<div class=" | <includeonly> | ||
<includeonly><h2> {{#var:角色名称国服}} 影画 </h2> | |||
<center> | |||
<div class="weapon-yinghua-item-container"> | |||
<div class="soc-focus-c"> | <div class="soc-focus-c"> | ||
<div class="soc-swiper-container"> | <div class="soc-swiper-container"> | ||
<div class="swiper-wrapper"> | <div class="swiper-wrapper"> | ||
<div class="swiper-slide"> | <div class="swiper-slide"> | ||
[[File:{{#var:角色名称国服}}-影画1.png|link=]]<div class="title">影画1</div> | |||
</div> | </div> | ||
{{#ifexist: File:{{#var:角色名称国服}}-影画2.png|<div class="swiper-slide"> | |||
[[File:{{#var:角色名称国服}}-影画2.png|link=]]<div class="title">影画2</div> | |||
</div>}} | |||
{{#ifexist: File:{{#var:角色名称国服}}-影画3.png|<div class="swiper-slide"> | |||
[[File:{{#var:角色名称国服}}-影画3.png|link=]]<div class="title">影画3</div> | |||
</div>}} | |||
</div> | </div> | ||
<div class="soc-swiper-pagination"></div> | <div class="soc-swiper-pagination"></div> | ||
| 第19行： | 第22行： | ||
</div> | </div> | ||
</div> | </div> | ||
</center> | |||
{{#CSS: | |||
.weapon-yinghua-item-container { | |||
position: relative; | |||
width: 805px; | |||
width: 100%; | |||
height: 235px; | |||
background: linear-gradient(to bottom, #000, #333); | |||
border-radius: 5px; | |||
border: 2px solid #555; | |||
overflow: hidden; /* 隐藏多余部分 */ | |||
position: relative; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.soc-focus-c { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
width: 100%; /* 占满父容器 */ | |||
height: 100%; /* 占满父容器 */ | |||
} | |||
.soc-focus-c .swiper-slide { | |||
width: 100%; | |||
height: 100%; | |||
background: none!important; | |||
} | |||
.soc-focus-c .swiper-slide .title { | |||
position: absolute; | |||
left: 0; | |||
bottom: 1rem; | |||
width: 100%; | |||
color: #fff; | |||
padding: 0 1rem; | |||
overflow: hidden; | |||
font-weight: bold; /* 加粗文字 */ | |||
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* 黑色描边 */ | |||
} | |||
/* 标签选中时 */ | |||
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited { | |||
color: #222122 !important; | |||
background: #d8fa00; | |||
} | |||
/* 标签下面的样式线 */ | |||
.tabber__indicator { | |||
background: #222122; | |||
} | |||
/* 选中时的文字的下划线 */ | |||
.so-content-in a:hover, .so-content-in a:focus { | |||
text-decoration: none !important; | |||
} | |||
/* 未选中标签的文字被按住时 */ | |||
.so-content-in a:active { | |||
color: #BAD700 !important; | |||
} | |||
/* 调整标签位置 */ | |||
.tabber__tabs { | |||
padding-left: 6px; | |||
padding-right: 6px; | |||
} | |||
.tabber__panel { | |||
padding-left: 0px !important; | |||
padding-right: 0px !important; | |||
padding: 0 !important; | |||
} | |||
}} | |||
</includeonly><noinclude> | |||
{{设定参数 | |||
|角色名称国服=猫宫又奈 | |||
}}{{角色图鉴/影画}} | |||
2024年7月5日 (五) 21:14的最新版本
猫宫又奈 影画
影画1
影画2
影画3