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

无编辑摘要
无编辑摘要
 
(未显示同一用户的25个中间版本)
第1行: 第1行:
<includeonly>
<includeonly>
<!-- <h2> {{#var:驱动名称国服}} {{#var:驱动名称日服}} 音擎 </h2> -->
<!-- <h2> {{#var:驱动名称国服}} {{#var:驱动名称日服}} 音擎 </h2> -->
<tabber>
<!-- <tabber>
高稀有度=
高稀有度=
<center>
<center>
<div class="weapon-item-container">
<div class="weapon-item-container">
   [[File:深海访客1.png|center|class=weapon-item-image|alt=深海访客图片1]]
   [[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>
第13行: 第13行:
<center>
<center>
<div class="weapon-item-container">
<div class="weapon-item-container">
   [[File:深海访客2.png|center|class=weapon-item-image|alt=深海访客图片2]]
   [[File:{{#var:驱动名称}}2.png|center|class=weapon-item-image|alt=图片2]]
   <div class="weapon-item-highlight"></div>
   <div class="weapon-item-highlight"></div>
</div>
</div>
</center>
</center>
</tabber>
</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>
 


</includeonly><noinclude>


{{#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 {
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
     color: #222122;
     color: #222122 !important;
     background: #d8fa00;
     background: #d8fa00;
}
}
<!-- 未选中时 -->
<!-- 未选中时 -->
.so-content-in a:visited {
<!-- .so-content-in a:visited {
     color: #bad700 !important;
     color: #bad700 !important;
}
} -->
<!-- 标签下面的样式线 -->
<!-- 标签下面的样式线 -->
.tabber__indicator {
.tabber__indicator {
第46行: 第86行:
     width: 156px; /* 设置选项卡宽度为156px */
     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: 100%; /* 调整为100%,使其填充父容器 */ -->
     <!-- width: 100%; /* 调整为100%,使其填充父容器 */ -->
     width: 156px;
     width: 170px;
     height: 150px;
     height: 170px;
     background: linear-gradient(to bottom, #000, #333);
     background: linear-gradient(to bottom, #000, #333);
     border-radius: 5px;
     border-radius: 5px;
第70行: 第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