模板:角色图鉴/影画:修订间差异

(创建页面,内容为“<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="soc-focus mb-2">
<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">
           <a target="_blank" class="item" link=首页 >[[File:{{角色名称}}-影画1.png|link=]]<div class="title"> </div></a>
           [[File:{{#var:角色名称国服}}-影画1.png|link=]]<div class="title">影画1</div>
        </div>
        <div class="swiper-slide">
          <a target="_blank" class="item" link=首页 >[[File:{{角色名称}}-影画2.png|link=]]<div class="title">角色图鉴</div></a>
        </div>
        <div class="swiper-slide">
          <a target="_blank" class="item" link=首页 >[[File:{{角色名称}}-影画3.png|link=]]<div class="title">角色图鉴</div></a>
         </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.png
影画1
猫宫又奈-影画2.png
影画2
猫宫又奈-影画3.png
影画3