“首页”的版本间的差异

来自个人维基
跳转至: 导航搜索
 
(未显示1个用户的27个中间版本)
第1行: 第1行:
<!DOCTYPE html>
+
{| style="width: 80%; text-align: center; margin: 20px 0;"
<html lang="zh">
+
|-
<head>
+
| style="width: 20%; vertical-align: top;" | [[文件:波萝.PNG|300px|波萝|link=https://space.bilibili.com/259149243]]
    <meta charset="UTF-8">
+
| style="width: 40%; vertical-align: middle;"|[[File:测试页面.png|300px|测试|link=测试]]
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
| style="width: 20%; vertical-align: top;" | [[文件:孜岚.png|300px|孜岚|link=https://space.bilibili.com/1142118273]]
    <title>Wiki首页</title>
+
|}
    <style>
+
=鸣谢=
        body {
+
<div style="text-align: center; margin-top: 20px;">
            font-family: Arial, sans-serif;
+
{| style="width: 80%; text-align: center;"
            margin: 0;
+
|-
            padding: 0;
+
| [[文件:孙美琪2023WIKIlogo.png|300px|孙美琪疑案2024Steam页面上线|link=https://wiki.biligame.com/sunmeiqi/%E9%A6%96%E9%A1%B5]]
            display: flex;
+
| [[文件:otomadWIKIlogo.png|300px|link=https://otomad.wiki/%E9%A6%96%E9%A1%B5]]
            flex-direction: column;
+
| [[File:音之墨logo.png|300px|link=https://otm.ink/]]
        }
+
|}
        /* 中间区域 */
+
</div>
        .main-content {
+
            flex: 1;
+
            display: flex;
+
            justify-content: center;
+
            align-items: center;
+
            height: 400px; /* 可根据需要调整 */
+
            background-color: #f4f4f4;
+
        }
+
        /* 左右两边 */
+
        .sidebar {
+
            display: flex;
+
            justify-content: space-between;
+
            padding: 20px;
+
        }
+
        .sidebar img {
+
            width: 250px;
+
            height: auto;
+
            margin: 0 10px;
+
        }
+
        /* 底部 */
+
        .footer {
+
            display: flex;
+
            justify-content: center;
+
            padding: 20px;
+
            background-color: #f4f4f4;
+
        }
+
        .footer img {
+
            width: 250px;
+
            height: auto;
+
            margin: 0 10px;
+
        }
+
    </style>
+
</head>
+
<body>
+
    <!-- 左右两边 -->
+
    <div class="sidebar">
+
        <a href="频道1链接"><img src="left-image.jpg" alt="频道1"></a>
+
        <a href="频道2链接"><img src="right-image.jpg" alt="频道2"></a>
+
    </div>
+
 
+
    <!-- 中间测试页面 -->
+
    <div class="main-content">
+
        <p>测试页面内容</p>
+
    </div>
+
 
+
    <!-- 底部鸣谢 -->
+
    <div class="footer">
+
        <a href="鸣谢链接"><img src="footer-image.jpg" alt="鸣谢"></a>
+
    </div>
+
</body>
+
</html>
+

2024年12月1日 (日) 01:28的最后版本

波萝 测试 孜岚

鸣谢

孙美琪疑案2024Steam页面上线 OtomadWIKIlogo.png 音之墨logo.png