首页:修订间差异

来自SOKA CAFE
 
(未显示同一用户的2个中间版本)
第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%;">
第5行: 第6行:
         </div>
         </div>
         <div style="text-align: center;">
         <div style="text-align: center;">
             <div style="font-size: min(5vw, 26px); font-weight: bold; margin-top: 20px; font-family: serif;">''' — SOKA CAFE —「エア本中文维基」'''</div>
             <div style="font-size: min(5vw, 26px); font-weight: bold; font-family: serif;">''' — SOKA CAFE —「エア本中文维基」'''</div>
     {{折叠
     {{折叠
     |数=1
     |数=1
第11行: 第12行:
     |收回= <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: 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" 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|220x220px|无框|右|link=柴田理惠]]
[[文件:2024080910430571.png|220x220px|无框|右|link=柴田理惠]]
[[文件:20240722_111408.png|220x220px|无框|左|link=久本雅美]]
[[文件:20240722_111408.png|220x220px|无框|左|link=久本雅美]]
<div style="font-size: 16px;font-family:serif">
<div style="font-size: 15px;font-family:serif">
'''◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织,进行讨论、研究和二次创作的公益性交流论坛维基百科网站,欢迎您的到来!'''
'''◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织,进行讨论、研究和二次创作的公益性交流论坛维基百科网站,欢迎您的访问!'''
<div style="margin-top: 10px">'''◆ 本站点致力于营造和谐的社区环境,同时热烈欢迎任何人参与建设我们的网站。让我们一起共同来建设SOKA CAFE吧!'''</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>当前已有[[Special:Newpages|{{NUMBEROFARTICLES}}]]个条目,{{NUMBEROFEDITS}}次编辑,[[Special:活跃用户|2]]个活跃成员,上传了{{NUMBEROFFILES}}个文件。
「よく来たわね、いらしゃい。」<br>当前已有[[Special:Newpages|{{NUMBEROFARTICLES}}]]个条目,{{NUMBEROFEDITS}}次编辑,[[Special:活跃用户|2]]个活跃成员,上传了{{NUMBEROFFILES}}个文件。
第48行: 第48行:
         }
         }
          
          
        /* 核心布局容器:电脑端横向排列,手机端纵向排列 */
         .carousel-section {
         .carousel-section {
             width: 100%;
             width: 100%;
第58行: 第57行:
         }
         }
          
          
        /* 轮播容器样式 */
         .container {
         .container {
             background: transparent;
             background: transparent;
第68行: 第66行:
         }
         }
          
          
        /* 右侧图片容器:电脑端纵向排列两张图 */
         .side-images-container {
         .side-images-container {
             display: flex;
             display: flex;
第76行: 第73行:
         }
         }
          
          
        /* 右侧单张图片容器 */
         .side-image-item {
         .side-image-item {
             flex: 1;
             flex: 1;
第98行: 第94行:
         }
         }
          
          
        /* 电脑端 */
         @media (min-width: 1025px) {
         @media (min-width: 1025px) {
             .container {
             .container {
第113行: 第108行:
         }
         }
          
          
        /* 平板端 */
         @media (min-width: 769px) and (max-width: 1024px) {
         @media (min-width: 769px) and (max-width: 1024px) {
             .container {
             .container {
第128行: 第122行:
         }
         }
          
          
        /* 手机端 - 纵向排列 */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .carousel-section {
             .carousel-section {
第139行: 第132行:
             .container {
             .container {
                 width: 92vw;
                 width: 92vw;
                 max-width: 300px;
                 max-width: 310px;
                 margin: 0;
                 margin: 0;
             }
             }
             .side-images-container {
             .side-images-container {
                 width: 92vw;
                 width: 92vw;
                 max-width: 300px;
                 max-width: 310px;
                 gap: 15px;
                 gap: 15px;
             }
             }
第153行: 第146行:
         }
         }
          
          
        /* 小手机设备 */
         @media (max-width: 480px) {
         @media (max-width: 480px) {
             .container {
             .container {
第165行: 第157行:
             }
             }
         }
         }
       
 
        /* 轮播核心样式 */
         .carousel {
         .carousel {
             position: relative;
             position: relative;
第259行: 第250行:
             transform: scale(1.2);
             transform: scale(1.2);
         }
         }
       
 
        /* 平板设备按钮调整 */
         @media (max-width: 1024px) {
         @media (max-width: 1024px) {
             .carousel-btn {
             .carousel-btn {
第268行: 第258行:
             }
             }
         }
         }
       
 
        /* 手机设备按钮调整 */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .carousel-btn {
             .carousel-btn {
第296行: 第285行:
         }
         }
          
          
        /* 小手机设备按钮调整 */
         @media (max-width: 480px) {
         @media (max-width: 480px) {
             .carousel-btn {
             .carousel-btn {
第318行: 第306行:
         }
         }
          
          
        /* 标题样式 */
         .main-title {
         .main-title {
             font-size: min(4vw, 26px);
             font-size: min(4vw, 26px);
第346行: 第333行:
<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行: 第411行:
     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行: 第417行:
     });
     });
      
      
    // 触摸设备支持
     let startX = 0;
     let startX = 0;
     let endX = 0;
     let endX = 0;
第454行: 第438行:
     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');
第484行: 第465行:
<div class="mini-block">
<div class="mini-block">
<div style="font-size: 50px; font-weight: 200; text-align: right; height: 0; color: #f1f1f1; user-select: none; margin-bottom: 0">Archive</div>
<div style="font-size: 50px; font-weight: 200; text-align: right; height: 0; color: #f1f1f1; user-select: none; margin-bottom: 0">Archive</div>
<div style="font-family:Huiwen;margin-bottom: 15px"><big><big>📚 现实资料与档案</big></big></div>
<div style="font-family:Huiwen;margin-bottom: 15px"><big><big>📚 资料与档案</big></big></div>
<div id="left-column">
<div id="left-column">
<li class="mdui-ripple">[[文件:Home1.png|无框|133x133px|link=分类:人物图鉴]]</li>
<li class="mdui-ripple">[[文件:Home1.png|无框|133x133px|link=分类:人物图鉴]]</li>
第500行: 第481行:
<div class="mini-block">
<div class="mini-block">
<div style="font-size: 50px; font-weight: 200; text-align: right; height: 0; color: #f1f1f1; user-select: none; margin-bottom: 0">Creation</div>
<div style="font-size: 50px; font-weight: 200; text-align: right; height: 0; color: #f1f1f1; user-select: none; margin-bottom: 0">Creation</div>
<div style="font-family:Huiwen;margin-bottom: 15px><big><big>🪶 二创设定与术语</big></big></div>
<div style="font-family:Huiwen;margin-bottom: 15px><big><big>🪶 术语与设定</big></big></div>
<div id="left-column">
<div id="left-column">
<li class="mdui-ripple">[[文件:Home6.png|无框|133x133像素|link=分类:词典概念]]</li>
<li class="mdui-ripple">[[文件:Home6.png|无框|133x133像素|link=分类:词典概念]]</li>
第823行: 第804行:
</div>
</div>
</div>
</div>
{{背景图片|图片=1725523396682.jpg}}

2026年3月11日 (三) 18:22的最新版本

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

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

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

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


自适应轮播图

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

    3月06日

    3月20日

    3月22日
    Create

    💻 创建页面

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

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

    ⚠️ 入站须知

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

    Plan

    📄 任务计划

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