跳转到内容

模板:示例模板A:修订间差异

来自osm&bio
Magezeya留言 | 贡献
无编辑摘要
Magezeya留言 | 贡献
无编辑摘要
 
(未显示同一用户的1个中间版本)
第5行: 第5行:
<!-- 顶部标题区 -->
<!-- 顶部标题区 -->
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">
   <h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">示例模板A - 技术展示</h1>
   <h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">示例模板A</h1>
   <p style="font-size: 1.2em; opacity: 0.9;">探索 Wikitext、HTML、CSS 和解析器函数的无限可能</p>
   <p style="font-size: 1.2em; opacity: 0.9;">支持Wikitext、HTML、CSS</p>
   <div style="margin-top: 15px;">
   <div style="margin-top: 15px;">
     <span style="background: rgba(255,255,255,0.2); padding: 5px 15px; border-radius: 20px; margin: 0 5px;">{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY}}日</span>
     <span style="background: rgba(255,255,255,0.2); padding: 5px 15px; border-radius: 20px; margin: 0 5px;">{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY}}日</span>
第17行: 第17行:
<div style="display: flex; flex-wrap: wrap; margin: 0 -10px;">
<div style="display: flex; flex-wrap: wrap; margin: 0 -10px;">


   <!-- 左侧:Wikitext 展示 -->
   <!-- 左侧:Wikitext -->
   <div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
   <div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
     <h2 style="color: #28a745; border-bottom: 2px solid #28a745; padding-bottom: 10px;">Wikitext 技术展示</h2>
     <h2 style="color: #28a745; border-bottom: 2px solid #28a745; padding-bottom: 10px;">Wikitext </h2>
      
      
     <div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
     <div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
第38行: 第38行:
   </div>
   </div>


   <!-- 中间:HTML/CSS 展示 -->
   <!-- 中间:HTML/CSS -->
   <div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
   <div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
     <h2 style="color: #dc3545; border-bottom: 2px solid #dc3545; padding-bottom: 10px;">HTML & CSS 技术展示</h2>
     <h2 style="color: #dc3545; border-bottom: 2px solid #dc3545; padding-bottom: 10px;">HTML & CSS</h2>
      
      
     <div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
     <div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
第92行: 第92行:
</div>
</div>


<style>
@media (max-width: 768px) {
  .mw-tech-showcase {
    margin: 10px;
  }
  .tech-section {
    min-width: 100% !important;
  }
}
</style>
</div>
</div>
</includeonly>
</includeonly>

2025年8月21日 (四) 13:57的最新版本


示例模板A - 技术展示

这是一个展示MediaWiki核心技术的演示模板。

使用方法

{{示例模板A}}
{{示例模板A|参数1}}

参数说明

参数1
任意文本 - 用于演示条件判断和参数使用