首页：修订间差异

来自SOKA CAFE
可视化wikitext
小
第1行： 第1行：
{{背景图片|图片=1725523396682.jpg}}
<div style="width: 100%; max-width: 800px; margin: 0 auto !important; text-align: center; padding: 0 15px; box-sizing: border-box;">
<div style="width: 100%; max-width: 800px; margin: 0 auto !important; text-align: center; padding: 0 15px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; justify-content: center; gap: 20px; font-family: {{{字体|serif}}}; width: 100%;">
     <div style="display: flex; align-items: center; justify-content: center; gap: 20px; font-family: {{{字体|serif}}}; width: 100%;">
第48行： 第49行：
         }
         }
          
          
        /* 核心布局容器：电脑端横向排列，手机端纵向排列 */
         .carousel-section {
         .carousel-section {
             width: 100%;
             width: 100%;
第58行： 第58行：
         }
         }
          
          
        /* 轮播容器样式 */
         .container {
         .container {
             background: transparent;
             background: transparent;
第68行： 第67行：
         }
         }
          
          
        /* 右侧图片容器：电脑端纵向排列两张图 */
         .side-images-container {
         .side-images-container {
             display: flex;
             display: flex;
第76行： 第74行：
         }
         }
          
          
        /* 右侧单张图片容器 */
         .side-image-item {
         .side-image-item {
             flex: 1;
             flex: 1;
第98行： 第95行：
         }
         }
          
          
        /* 电脑端 */
         @media (min-width: 1025px) {
         @media (min-width: 1025px) {
             .container {
             .container {
第113行： 第109行：
         }
         }
          
          
        /* 平板端 */
         @media (min-width: 769px) and (max-width: 1024px) {
         @media (min-width: 769px) and (max-width: 1024px) {
             .container {
             .container {
第128行： 第123行：
         }
         }
          
          
        /* 手机端 - 纵向排列 */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .carousel-section {
             .carousel-section {
第139行： 第133行：
             .container {
             .container {
                 width: 92vw;
                 width: 92vw;
                 max-width: 300px;
                 max-width: 250px;
                 margin: 0;
                 margin: 0;
             }
             }
             .side-images-container {
             .side-images-container {
                 width: 92vw;
                 width: 92vw;
                 max-width: 300px;
                 max-width: 250px;
                 gap: 15px;
                 gap: 15px;
             }
             }
第153行： 第147行：
         }
         }
          
          
        /* 小手机设备 */
         @media (max-width: 480px) {
         @media (max-width: 480px) {
             .container {
             .container {
第165行： 第158行：
             }
             }
         }
         }
       
 
        /* 轮播核心样式 */
         .carousel {
         .carousel {
             position: relative;
             position: relative;
第259行： 第251行：
             transform: scale(1.2);
             transform: scale(1.2);
         }
         }
       
 
        /* 平板设备按钮调整 */
         @media (max-width: 1024px) {
         @media (max-width: 1024px) {
             .carousel-btn {
             .carousel-btn {
第268行： 第259行：
             }
             }
         }
         }
       
 
        /* 手机设备按钮调整 */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .carousel-btn {
             .carousel-btn {
第296行： 第286行：
         }
         }
          
          
        /* 小手机设备按钮调整 */
         @media (max-width: 480px) {
         @media (max-width: 480px) {
             .carousel-btn {
             .carousel-btn {
第318行： 第307行：
         }
         }
          
          
        /* 标题样式 */
         .main-title {
         .main-title {
             font-size: min(4vw, 26px);
             font-size: min(4vw, 26px);
第346行： 第334行：
<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">
第425行： 第412行：
     const carousel = document.getElementById("carousel");
     const carousel = document.getElementById("carousel");
      
      
    // 鼠标悬停时暂停自动播放
     carousel.addEventListener("mouseenter", () => clearInterval(autoPlay));
     carousel.addEventListener("mouseenter", () => clearInterval(autoPlay));
     carousel.addEventListener("mouseleave", () => {
     carousel.addEventListener("mouseleave", () => {
第432行： 第418行：
     });
     });
      
      
    // 触摸设备支持
     let startX = 0;
     let startX = 0;
     let endX = 0;
     let endX = 0;
第454行： 第439行：
     nextBtn.addEventListener("click", nextSlide);
     nextBtn.addEventListener("click", nextSlide);
      
      
    // 初始化
     renderIndicators();
     renderIndicators();
      
      
    // 窗口大小变化时重新计算
     window.addEventListener("resize", () => {
     window.addEventListener("resize", () => {
         goToSlide(currentIndex);
         goToSlide(currentIndex);
     });
     });
      
      
    // 预加载所有图片（含轮播图和右侧图片）
     window.addEventListener('load', () => {
     window.addEventListener('load', () => {
         const images = document.querySelectorAll('.carousel-item img, .side-image-item img');
         const images = document.querySelectorAll('.carousel-item img, .side-image-item img');
第823行： 第805行：
</div>
</div>
</div>
</div>
{{背景图片|图片=1725523396682.jpg}}

2026年3月9日 (一) 15:51的版本

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

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

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

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

自适应轮播图

历史

公告

Archive
📚 现实资料与档案
    • Creation
    🪶 二创设定与术语
    • Schedule
    🗓︎ 日程参照
    2026年03月09日|22:08, 周一
    🎉 本月生日的人员

    3月06日

    3月20日

    3月22日
    Question

    🧐 常见问题

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

    Create

    💻 创建页面

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

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

    ❓ 你知道吗

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

    Notice

    ⚠️ 入站须知

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

    Plan

    📄 任务计划

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

    Website

    🛜 友情站点

    百度创价学会贴吧
    创价日文Wiki
    导师日文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=3231”