测试:修订间差异

来自SOKA CAFE
 
(未显示同一用户的9个中间版本)
第5行: 第5行:
         </div>
         </div>
         <div style="text-align: center;">
         <div style="text-align: center;">
             <div style="font-size: 19px; font-weight: bold;">''' — SOKA CAFE — 「エア本中文维基」'''</div>
             <div style="font-size: min(5vw, 26px); font-weight: bold; margin-top: 20px; font-family: serif;">''' — SOKA CAFE —「エア本中文维基」'''</div>
     {{折叠
     {{折叠
     |数=1
     |数=1
     |展开= <div style="font-size: 11px; font-style: italic; margin-top: 10px;text-align: center">''頭がパーン@wiki_CHN:中華エア本支部''  ▼</div></div></div></div>
     |展开= <div style="font-size: min(2.7vw, 18px); font-style: italic; margin-top: 10px; text-align: center; margin-bottom: 15px; font-family: serif;">''頭がパーン@wiki:中華エア本支部''  ▼</div></div></div></div>
     |收回= <div style="font-size: 11px; font-style: italic; margin-top: 10px;text-align: center;font-family: serif">''頭がパーン@wiki_CHN:中華エア本支部''  ▲</div></div></div></div>
     |收回= <div style="font-size: min(2.7vw, 18px); font-style: italic; margin-top: 10px; text-align: center; margin-bottom: 15px; font-family: serif;">''頭がパーン@wiki:中華エア本支部''  ▲</div></div></div></div>
     |内容=
     |内容=
<div class="mini-block">
<div class="mini-block" style="font-size: min(3.5vw, 18px); font-family: serif; padding: 0 10px;">
[[文件:2024080910430571.png|191x191px|无框|右|link=柴田理惠]]
[[文件:2024080910430571.png|220x220px|无框|右|link=柴田理惠]]
[[文件:20240722_111408.png|191x191px|无框|左|link=久本雅美]]
[[文件:20240722_111408.png|220x220px|无框|左|link=久本雅美]]
<small><div style="font-family: {{{字体|serif}}}">'''◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织,进行讨论、研究和二次创作的公益性交流论坛维基百科网站。'''
<div style="font-size: 16px;font-family:serif">
<div style="margin-top: 10px">'''◆ 本站点仅作记录和展示由宗教及相关人物衍生出的亚文化,非正式宗教维基,请注意!'''
'''◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织,进行讨论、研究和二次创作的公益性交流论坛维基百科网站,欢迎您的到来!'''
<div style="margin-top: 10px">'''◆ 本站点致力于营造和谐的社区环境,并热烈期待和欢迎任何人参与建设我们的网站!'''<div style="margin-top: 10px">'''◆ 本站点中所遇到的任何问题,均可通过下方信息联系我们。让我们一起共同来建设SOKA CAFE吧!'''
<div style="margin-top: 10px">'''◆ 本站点致力于营造和谐的社区环境,同时热烈欢迎任何人参与建设我们的网站。让我们一起共同来建设SOKA CAFE吧!'''</div>
<div style="margin-top: 13px;text-align: center">「よく来たわね、いらしゃい。」<br>
<div style="margin-top: 10px">'''◆ 本站点仅记录和展示由创价学会及相关人物衍生出的亚文化,非正式宗教维基,请注意!'''</div>
本站点当前已有[[Special:Newpages|{{NUMBEROFARTICLES}}]]个条目,{{NUMBEROFEDITS}}次编辑,[[Special:活跃用户|2]]个活跃成员,上传了{{NUMBEROFFILES}}个文件
<div style="margin-top: 13px;text-align: center">
</div>
「よく来たわね、いらしゃい。」<br>当前已有[[Special:Newpages|{{NUMBEROFARTICLES}}]]个条目,{{NUMBEROFEDITS}}次编辑,[[Special:活跃用户|2]]个活跃成员,上传了{{NUMBEROFFILES}}个文件。
</div>
</div>
</div>
</div>
</div>
</div>
</div>
第55行: 第52行:
             width: 100%;
             width: 100%;
             display: flex;
             display: flex;
             justify-content: flex-start; /* 强制在最左 */
             justify-content: flex-start;
             padding-left: 0;
             padding-left: 0;
         }
         }
          
          
         .container {
         .container {
             background: transparent; /* 无背景 */
             background: transparent;
             border-radius: 4px; /* 圆角度4px */
             border-radius: 4px;
             padding: 0;
             padding: 0;
             box-shadow: none;
             box-shadow: none;
第68行: 第65行:
         }
         }
          
          
         /* 电脑端 - 全屏三分之一 */
         /* 电脑端 */
         @media (min-width: 1025px) {
         @media (min-width: 1025px) {
             .container {
             .container {
                 width: calc(100vw / 3); /* 全屏的三分之一 */
                 width: 31vw;
                 max-width: none;
                 max-width: none;
                 min-width: auto;
                 min-width: auto;
                aspect-ratio: 2.03;
                 margin-right: auto;
                 margin-right: auto;
             }
             }
              
              
             .header-container {
             .header-container {
                 padding-left: calc(100vw / 3 + 40px); /* 标题与轮播图对齐 */
                 padding-left: calc(50vw + 40px); /* 调整标题位置与轮播图对齐 */
             }
             }
         }
         }
          
          
         /* 平板端 - 全屏三分之一 */
         /* 平板端 */
         @media (min-width: 769px) and (max-width: 1024px) {
         @media (min-width: 769px) and (max-width: 1024px) {
             .container {
             .container {
                 width: calc(100vw / 3); /* 全屏的三分之一 */
                 width: 31vw;
                 max-width: none;
                 max-width: none;
                 min-width: auto;
                 min-width: auto;
                aspect-ratio: 2.03;
                 margin-right: auto;
                 margin-right: auto;
             }
             }
              
              
             .header-container {
             .header-container {
                 padding-left: calc(100vw / 3 + 30px);
                 padding-left: calc(50vw + 30px);
             }
             }
         }
         }
第103行: 第98行:
                 width: 92vw;
                 width: 92vw;
                 max-width: 500px;
                 max-width: 500px;
                aspect-ratio: 2.03;
                 margin: 15px auto;
                 margin: 15px auto;
             }
             }
第121行: 第115行:
             .container {
             .container {
                 width: 94vw;
                 width: 94vw;
                 min-width: 260px;
                 min-width: 260px
                aspect-ratio: 2.03;
                 margin: 10px auto;
                 margin: 10px auto;
             }
             }
第146行: 第139行:
             width: 100%;
             width: 100%;
             height: 100%;
             height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f0f0f0; /* 添加背景色以防图片加载慢时显示空白 */
         }
         }
          
          
第155行: 第152行:
          
          
         .carousel-item img {
         .carousel-item img {
            width: 100%;
    width: 100%;
            height: 100%;
    height: 100%;
            object-fit: cover;
    object-fit: cover;
            object-position: center;
    object-position: center;
            display: block;
    display: block;
         }
         }
          
          
第401行: 第398行:
     window.addEventListener("resize", () => {
     window.addEventListener("resize", () => {
         goToSlide(currentIndex);
         goToSlide(currentIndex);
    });
   
    // 预加载图片,确保轮播图加载时图片已经准备好
    window.addEventListener('load', () => {
        const images = document.querySelectorAll('.carousel-item img');
        images.forEach(img => {
            if (img.complete) {
                // 图片已经加载完成
                img.style.opacity = '1';
            } else {
                // 图片正在加载
                img.style.opacity = '0';
                img.onload = () => {
                    img.style.opacity = '1';
                };
            }
        });
     });
     });
</script>
</script>

2026年1月30日 (五) 18:00的最新版本

— SOKA CAFE —「エア本中文维基」
頭がパーン@wiki:中華エア本支部
頭がパーン@wiki:中華エア本支部

◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织,进行讨论、研究和二次创作的公益性交流论坛维基百科网站,欢迎您的到来!

◆ 本站点致力于营造和谐的社区环境,同时热烈欢迎任何人参与建设我们的网站。让我们一起共同来建设SOKA CAFE吧!
◆ 本站点仅记录和展示由创价学会及相关人物衍生出的亚文化,非正式宗教维基,请注意!

「よく来たわね、いらしゃい。」
当前已有98个条目,3,154次编辑,2个活跃成员,上传了758个文件。



自适应轮播图


Archive
📚 资料与档案
  • Creation
    🪶 术语与二创
  • Schedule
    🗓︎ 日程参照
    Create

    💻 创建页面

    感谢您对SOKA CAFE的编辑贡献!但也请在过程中务必依照创作协议及版权,遵循CC BY-SA 3.0协议!

    准备好了?来尝试创建页面吧!
     
    Notice

    ⚠️ 入站须知

    Soka Cafe一直是一个合作性、公益性的网站,我们致力于营造和谐的社区环境,并热情地欢迎任何人参与我们之间的创作,不论您的信仰、外表、地域.... 为了打造一个和谐的、无骚扰的社区环境,请通读入站须知,了解网站的性质及规则。

    Plan

    📄 任务计划

    Soka Cafe的基本底层已大体完确! 现在的最紧要的人物是登场作品分区的规范及完成度!这对创学新人入坑的帮助极其重要! 没有相关技术不要紧,请使用“可视化编辑器”来进行编辑!如果有任何技术问题请在页面下方获取我们的联系方式!