模板:驱动图鉴/立绘:修订间差异

无编辑摘要
无编辑摘要
 
(未显示同一用户的33个中间版本)
第1行: 第1行:
<includeonly>
<includeonly>
<!-- <h2> {{#var:驱动名称国服}} {{#var:驱动名称日服}} 音擎 </h2> -->
<!-- <h2> {{#var:驱动名称国服}} {{#var:驱动名称日服}} 音擎 </h2> -->
<!-- <tabber>
高稀有度=
<center>
<center>
<div class="weapon-item-container">
<div class="weapon-item-container">
   [[{{#if: {{{驱动立绘|}}} | {{{驱动立绘}}} | File:{{#var:驱动名称}}.png}}|center|class=weapon-item-image|alt=Shark Head Item]]
   [[File:{{#var:驱动名称}}1.png|center|class=weapon-item-image|alt=图片1]]
   <div class="weapon-item-highlight"></div>
   <div class="weapon-item-highlight"></div>
</div>
</div>
</center>
</center>
</includeonly><noinclude>
|-|
次稀有度=
<center>
<div class="weapon-item-container">
  [[File:{{#var:驱动名称}}2.png|center|class=weapon-item-image|alt=图片2]]
  <div class="weapon-item-highlight"></div>
</div>
</center>
</tabber> -->
 
<center>
<div class="weapon-item-container">
  <div class="soc-focus-c">
    <div class="soc-swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          [[File:{{#var:驱动名称}}1.png|link=]]<div class="title"> </div>
        </div>
        {{#ifexist: File:{{#var:驱动名称}}2.png|<div class="swiper-slide">
          [[File:{{#var:驱动名称}}2.png|link=]]<div class="title"></div>
        </div>}}
        {{#ifexist: File:{{#var:驱动名称}}3.png|<div class="swiper-slide">
          [[File:{{#var:驱动名称}}3.png|link=]]<div class="title"></div>
        </div>}}
      </div>
      <div class="weapon-item-highlight"></div>
      <div class="soc-swiper-pagination"></div>
      <div class="soc-swiper-button-prev"></div>
      <div class="soc-swiper-button-next"></div>
    </div>
  </div>
</div>
</center>
 
 


{{#CSS:
{{#CSS:
.weapon-item-container{
    position: relative;
    bottom: 10px;
    top: -10;
}
<!-- .soc-focus-c .soc-swiper-container {
    height: 166px !important;
    width: 166px !important;
} -->
.soc-focus-c {
    width: 166px!important;
    height: 166px!important;
}
.soc-focus-c .swiper-slide {
    background: none!important;
}
<!-- 标签选中时 -->
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
    color: #222122 !important;
    background: #d8fa00;
}
<!-- 未选中时 -->
<!-- .so-content-in a:visited {
    color: #bad700 !important;
} -->
<!-- 标签下面的样式线 -->
.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 {
    width: 156px; /* 设置选项卡宽度为156px */
} -->
<!-- 调整标签位置 -->
.tabber__tabs {
    padding-left: 6px;
    padding-right: 6px;
}
.tabber__panel{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding: 0 !important;
}
.weapon-item-container {
.weapon-item-container {
     width: 156px;
     <!-- width: 100%; /* 调整为100%,使其填充父容器 */ -->
     height: 150px;
    width: 170px;
     height: 170px;
     background: linear-gradient(to bottom, #000, #333);
     background: linear-gradient(to bottom, #000, #333);
     border-radius: 5px;
     border-radius: 5px;
第33行: 第120行:
     left: 0;
     left: 0;
     width: 100%;
     width: 100%;
     height: 10px;
     height: 14px;
     background-color: #ffb500;
     background-color: #8f6f216e;
}
}


}}
}}
</includeonly><noinclude>




{{设定参数
{{设定参数
|驱动名称=深海访客
|驱动名称=啄木鸟电
}}{{驱动图鉴/立绘}}
}}{{驱动图鉴/立绘}}

2024年6月14日 (五) 19:04的最新版本


啄木鸟电1.png
啄木鸟电2.png