测试：修订间差异

来自SOKA CAFE
可视化wikitext
小
小
 
（未显示同一用户的1个中间版本）
第12行： 第12行：
     |内容=
     |内容=
<div class="mini-block" style="font-size: min(3.5vw, 18px); font-family: serif; padding: 0 10px;">
<div class="mini-block" style="font-size: min(3.5vw, 18px); font-family: serif; padding: 0 10px;">
[[文件:2024080910430571.png|218x218px|无框|右|link=柴田理惠]]
[[文件:2024080910430571.png|220x220px|无框|右|link=柴田理惠]]
[[文件:20240722_111408.png|218x218px|无框|左|link=久本雅美]]
[[文件:20240722_111408.png|220x220px|无框|左|link=久本雅美]]
<div style="margin-top: 10px;">'''◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织，进行讨论、研究和二次创作的公益性交流论坛维基百科网站。'''</div>
<div style="font-size: 16px;font-family:serif">
<div style="margin-top: 10px;">'''◆ 本站点仅作记录和展示由宗教及相关人物衍生出的亚文化，非正式宗教维基，请注意！'''</div>
'''◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织，进行讨论、研究和二次创作的公益性交流论坛维基百科网站，欢迎您的到来！'''
<div style="margin-top: 10px;">'''◆ 本站点致力于营造和谐的社区环境，并热烈期待和欢迎任何人参与建设我们的网站！'''</div>
<div style="margin-top: 10px">'''◆ 本站点致力于营造和谐的社区环境，同时热烈欢迎任何人参与建设我们的网站。让我们一起共同来建设SOKA CAFE吧！'''</div>
<div style="margin-top: 10px;">'''◆ 本站点中所遇到的任何问题，均可通过下方信息联系我们！'''</div>
<div style="margin-top: 10px">'''◆ 本站点仅记录和展示由创价学会及相关人物衍生出的亚文化，非正式宗教维基，请注意！'''</div>
<div style="margin-top: 13px; text-align: center;">
<div style="margin-top: 13px;text-align: center">
「よく来たわね、いらしゃい。」<br>
「よく来たわね、いらしゃい。」<br>当前已有[[Special:Newpages|{{NUMBEROFARTICLES}}]]个条目，{{NUMBEROFEDITS}}次编辑，[[Special:活跃用户|2]]个活跃成员，上传了{{NUMBEROFFILES}}个文件。
本站点当前已有[[Special:Newpages|{{NUMBEROFARTICLES}}]]个条目，{{NUMBEROFEDITS}}次编辑，[[Special:活跃用户|2]]个活跃成员，上传了{{NUMBEROFFILES}}个文件
</div>
</div>
</div>
</div>
第26行： 第25行：
</div>
</div>
----
----
<br>
<html lang="zh-CN">
<html lang="zh-CN">
<head>
<head>
第50行： 第48行：
         }
         }
          
          
        /* 核心布局容器：电脑端横向排列，手机端纵向排列 */
         .carousel-section {
         .carousel-section {
             width: 100%;
             width: 100%;
             display: flex;
             display: flex;
             justify-content: flex-start;
             gap: 20px;
             padding-left: 0;
            padding: 0 20px;
            align-items: stretch;
             justify-content: center;
         }
         }
          
          
        /* 轮播容器样式 */
         .container {
         .container {
             background: transparent;
             background: transparent;
第64行： 第66行：
             overflow: hidden;
             overflow: hidden;
             margin: 0;
             margin: 0;
        }
       
        /* 右侧图片容器：电脑端纵向排列两张图 */
        .side-images-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
            height: 100%;
        }
       
        /* 右侧单张图片容器 */
        .side-image-item {
            flex: 1;
            border-radius: 4px;
            overflow: hidden;
            background: #f0f0f0;
        }
       
        .side-image-link {
            display: block;
            width: 100%;
            height: 100%;
        }
       
        .side-image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
         }
         }
          
          
第72行： 第104行：
                 max-width: none;
                 max-width: none;
                 min-width: auto;
                 min-width: auto;
                margin-right: auto;
             }
             }
              
             .side-images-container {
                width: 31vw;
            }
             .header-container {
             .header-container {
                 padding-left: calc(50vw + 40px); /* 调整标题位置与轮播图对齐 */
                 padding-left: calc(50vw + 40px);
             }
             }
         }
         }
第86行： 第119行：
                 max-width: none;
                 max-width: none;
                 min-width: auto;
                 min-width: auto;
                margin-right: auto;
             }
             }
              
             .side-images-container {
                width: 31vw;
            }
             .header-container {
             .header-container {
                 padding-left: calc(50vw + 30px);
                 padding-left: calc(50vw + 30px);
第94行： 第128行：
         }
         }
          
          
         /* 手机端 - 保持原有大小 */
         /* 手机端 - 纵向排列 */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
            .carousel-section {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: 0;
                gap: 15px;
            }
             .container {
             .container {
                 width: 92vw;
                 width: 92vw;
                 max-width: 500px;
                 max-width: 500px;
                 margin: 15px auto;
                 margin: 0;
             }
             }
           
             .side-images-container {
             .carousel-section {
                 width: 92vw;
                 justify-content: center;
                max-width: 500px;
                gap: 15px;
             }
             }
           
             .header-container {
             .header-container {
                 padding-left: 0;
                 padding-left: 0;
第116行： 第157行：
             .container {
             .container {
                 width: 94vw;
                 width: 94vw;
                 min-width: 260px
                 min-width: 260px;
                 margin: 10px auto;
                 margin: 0;
            }
            .side-images-container {
                width: 94vw;
                min-width: 260px;
             }
             }
         }
         }
          
          
        /* 轮播核心样式 */
         .carousel {
         .carousel {
             position: relative;
             position: relative;
第143行： 第189行：
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             background: #f0f0f0; /* 添加背景色以防图片加载慢时显示空白 */
             background: #f0f0f0;
         }
         }
          
          
第153行： 第199行：
          
          
         .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;
         }
         }
          
          
第300行： 第346行：
<body>     
<body>     
     <div class="carousel-section">
     <div class="carousel-section">
        <!-- 左侧：原轮播图组件 -->
         <div class="container">
         <div class="container">
             <div class="carousel" id="carousel">
             <div class="carousel" id="carousel">
第322行： 第369行：
                 <button class="carousel-btn next-btn" id="nextBtn">&gt;</button>
                 <button class="carousel-btn next-btn" id="nextBtn">&gt;</button>
                 <div class="carousel-indicators" id="indicators"></div>
                 <div class="carousel-indicators" id="indicators"></div>
            </div>
        </div>
        <!-- 右侧：新增的两张带链接图片 -->
        <div class="side-images-container">
            <!-- 第一张告别.jpg，跳转至22界面 -->
            <div class="side-image-item">
                <a href="https://soka.cafe/index.php?title=22" class="side-image-link">
                    <img src="https://soka.cafe/Special:FilePath/告别.jpg" alt="告别">
                </a>
            </div>
            <!-- 第二张告别.jpg，跳转至33界面 -->
            <div class="side-image-item">
                <a href="https://soka.cafe/index.php?title=33" class="side-image-link">
                    <img src="https://soka.cafe/Special:FilePath/告别.jpg" alt="告别">
                </a>
             </div>
             </div>
         </div>
         </div>
第401行： 第464行：
     });
     });
      
      
     // 预加载图片，确保轮播图加载时图片已经准备好
     // 预加载所有图片（含轮播图和右侧图片）
     window.addEventListener('load', () => {
     window.addEventListener('load', () => {
         const images = document.querySelectorAll('.carousel-item img');
         const images = document.querySelectorAll('.carousel-item img, .side-image-item img');
         images.forEach(img => {
         images.forEach(img => {
             if (img.complete) {
             if (img.complete) {
                // 图片已经加载完成
                 img.style.opacity = '1';
                 img.style.opacity = '1';
             } else {
             } else {
                // 图片正在加载
                 img.style.opacity = '0';
                 img.style.opacity = '0';
                 img.onload = () => {
                 img.onload = () => {
第420行： 第481行：
</body>
</body>
</html>
</html>
<br>
<br>
[[文件:萌新引导.png|330x330px|无框|左|link=森雅晴]]
[[文件:萌新引导.png|330x330px|无框|左|link=森雅晴]]

2026年3月6日 (五) 16:25的最新版本

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

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

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

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

自适应轮播图

告别
告别



Archive
📚 资料与档案
    • Creation
    🪶 术语与二创
    • Schedule
    🗓︎ 日程参照
    2026年03月19日|12:11, 周四
    🎉 本月生日的人员

    · 3月06日 ·

    · 3月20日 ·

    · 3月22日 ·
    Question

    🧐 常见问题

    “创价学会”是什么？
    “久本雅美”是谁？
    “创价精神污染”是怎么个事？
    “五位数”是啥？为何颇具争议？

    Create

    💻 创建页面

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

    准备好了？来尝试创建页面吧！
     
    Trivia

    ❓ 你知道吗

    「谁」是创价学会最神秘的男子?
    「谁」对自己年龄格外地在意?
    「谁」只因一顿就饭拐进了创价学会?

    Notice

    ⚠️ 入站须知

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

    Plan

    📄 任务计划

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

    Website

    🛜 友情站点

    日本创价学会Wiki
    旧创价学会中文维基
    亚文化维基
    Cookie☆Wiki
    新哲学维基
    旧哲学维基
    潮学维基
    中文音MAD维基
    OTOMAD Libraries
    Aira软件库
    HUIJIA FUN - Plurimod学生会官方站点

    Contact

    📞 联系我们

    本站点以八叶莲华会社的名义设立，我们是中华阵营活跃的最大创价学会二创主题团体，欢迎各位对音MAD或AIR本文化感兴趣的各位加入我们团体！
    八叶莲华会社QQ群聊：3681760584
    八叶莲华会社QQ频道
    八叶莲华会社Discord频道
    前创价中文维基 群聊：1150098641
    创价学会资源QQ群：256770365

    取自“https://soka.cafe/index.php?title=测试&oldid=3227”