|
|
| 第1行： |
第1行： |
| <!DOCTYPE html>
| | ==yuuu=== |
| <html lang="zh-CN">
| |
| <head>
| |
| <meta charset="UTF-8">
| |
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| <title>造语者联盟官方网站</title>
| |
| <style>
| |
| body {
| |
| font-family: Arial, sans-serif;
| |
| margin: 0;
| |
| padding: 0;
| |
| background-color: #f5f5f5;
| |
| color: #333;
| |
| }
| |
| .container {
| |
| width: 80%;
| |
| margin: 0 auto;
| |
| padding: 20px;
| |
| background-color: #ffffff;
| |
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
| |
| margin-top: 20px;
| |
| border-radius: 8px;
| |
| }
| |
| h1 {
| |
| text-align: center;
| |
| color: #4682b4;
| |
| margin-top: 30px;
| |
| }
| |
| p {
| |
| font-size: 18px;
| |
| line-height: 1.6;
| |
| margin: 20px 0;
| |
| }
| |
| a {
| |
| display: inline-block;
| |
| margin: 10px;
| |
| padding: 10px 20px;
| |
| border: 2px solid #4682b4;
| |
| color: #4682b4;
| |
| text-decoration: none;
| |
| border-radius: 5px;
| |
| }
| |
| a:hover {
| |
| background-color: #4682b4;
| |
| color: #ffffff;
| |
| }
| |
| .details {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| margin: 20px 0;
| |
| }
| |
| .details div {
| |
| background-color: #e0e0e0;
| |
| padding: 20px;
| |
| border-radius: 8px;
| |
| box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
| |
| width: 48%;
| |
| }
| |
| footer {
| |
| text-align: center;
| |
| padding: 20px;
| |
| background-color: #4682b4;
| |
| color: #ffffff;
| |
| position: fixed;
| |
| width: 100%;
| |
| bottom: 0;
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| <h1>造语者联盟官方网站</h1>
| |
| <div class="container">
| |
| <p><strong>造语者联盟</strong>成立于2020年5月17日，8月8日造语联盟贴吧成立。</p>
| |
| <p>20年下半年，造语者交流群更名造语者联盟，标志着联盟的正式成立。</p>
| |
| <p>2023年6月，新贴吧“造语者联盟吧”成立。</p>
| |
| <p>2023年10月5日下午14时30分，建立了造语者联盟Fandom。</p>
| |
| <p>2025年2月21日0时9分，自建官网上线。</p>
| |
| <div class="details">
| |
| <div>
| |
| <h3>QQ群</h3>
| |
| <p>QQ群号：673906569</p>
| |
| </div>
| |
| <div>
| |
| <h3>联系邮箱</h3>
| |
| <p>email：tucm20200517@163.com</p>
| |
| </div>
| |
| </div>
| |
| <a href="ruqiehou.html">打开汝且候简介</a>
| |
| <a href="tucmhistory.html">打开造语者联盟历史</a>
| |
| <a href="zcj.html">打开造词机</a>
| |
| <a href="zxcd.html">打开造语者在线词典</a>
| |
| <a href="csmsword.html">打开查索玛苏语词典</a>
| |
| <a href="sjrmdm.html">随机人名地名</a>
| |
| </div>
| |
| <style>
| |
| body::after {
| |
| content: "版权所有 © 2025 造语者联盟";
| |
| background-color: #f5f5f5;
| |
| padding: 10px;
| |
| text-align: center;
| |
| font-family: Arial, sans-serif;
| |
| position: fixed;
| |
| bottom: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| }
| |
| </style>
| |
| </body>
| |
|
| |
| <!-- 在HTML文件中添加以下代码 -->
| |
| <section class="friend-links">
| |
| <h2 class="section-title">友情链接</h2>
| |
| <div class="links-container">
| |
| <!-- 单个友链示例 -->
| |
| <a href="https://j9.gs" target="_blank" class="friend-link">
| |
| <div class="link-logo">
| |
| <img src="https://example.com/logo.png" alt="示例网站">
| |
| </div>
| |
| <div class="link-info">
| |
| <h3>祭酒 故事</h3>
| |
| <p>有酒 有故事 </p>
| |
| </div>
| |
| </a>
| |
| | |
| <!-- 更多友链... -->
| |
| <a href="https://gendaris.jesonlee.com" target="_blank" class="friend-link">
| |
| <div class="link-logo">
| |
| <img src="https://example.com/logo.png" alt="示例网站">
| |
| </div>
| |
| <div class="link-info">
| |
| <h3>根达里斯</h3>
| |
| <p>神奇世界的探索之旅</p>
| |
| </div>
| |
| <a href="https://tucm.fandom.com/zh/wiki/%E9%80%A0%E8%AF%AD%E8%80%85%E8%81%94%E7%9B%9F_Wiki" target="_blank" class="friend-link">
| |
| <div class="link-logo">
| |
| <img src="https://example.com/logo.png" alt="示例网站">
| |
| </div>
| |
| <div class="link-info">
| |
| <h3>造语者联盟WIki</h3>
| |
| <p>更加成熟的社区 </p>
| |
| </div>
| |
| </a>
| |
| <a href="https://worldviewcreategroup.fandom.com/zh/wiki/%E4%B8%96%E7%95%8C%E8%A7%82%E8%AE%BE%E5%AE%9A%E5%9C%88_Wik" target="_blank" class="friend-link">
| |
| <div class="link-logo">
| |
| <img src="https://example.com/logo.png" alt="示例网站">
| |
| </div>
| |
| <div class="link-info">
| |
| <h3>世界观设定圈WIki</h3>
| |
| <p>想象力的家园</p>
| |
| </div>
| |
| </a>
| |
|
| |
| </a>
| |
| </div>
| |
| </section>
| |
| | |
| <style>
| |
| /* 友情链接部分样式 */
| |
| .friend-links {
| |
| max-width: 1200px;
| |
| margin: 40px auto;
| |
| padding: 0 20px;
| |
| }
| |
| | |
| .section-title {
| |
| text-align: center;
| |
| font-size: 2em;
| |
| color: #333;
| |
| margin-bottom: 30px;
| |
| position: relative;
| |
| }
| |
| | |
| .section-title::after {
| |
| content: '';
| |
| display: block;
| |
| width: 60px;
| |
| height: 3px;
| |
| background: #2196F3;
| |
| margin: 10px auto;
| |
| }
| |
| | |
| .links-container {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
| |
| gap: 20px;
| |
| }
| |
| | |
| .friend-link {
| |
| display: flex;
| |
| align-items: center;
| |
| padding: 15px;
| |
| background: #fff;
| |
| border-radius: 10px;
| |
| box-shadow: 0 2px 10px rgba(0,0,0,0.1);
| |
| transition: transform 0.3s ease, box-shadow 0.3s ease;
| |
| text-decoration: none;
| |
| color: #333;
| |
| }
| |
| | |
| .friend-link:hover {
| |
| transform: translateY(-5px);
| |
| box-shadow: 0 5px 15px rgba(0,0,0,0.2);
| |
| }
| |
| | |
| .link-logo {
| |
| flex-shrink: 0;
| |
| width: 60px;
| |
| height: 60px;
| |
| margin-right: 15px;
| |
| }
| |
| | |
| .link-logo img {
| |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| border-radius: 8px;
| |
| }
| |
| | |
| .link-info h3 {
| |
| margin: 0 0 5px 0;
| |
| font-size: 1.1em;
| |
| }
| |
| | |
| .link-info p {
| |
| margin: 0;
| |
| font-size: 0.9em;
| |
| color: #666;
| |
| line-height: 1.4;
| |
| }
| |
| | |
| /* 响应式设计 */
| |
| @media (max-width: 768px) {
| |
| .friend-links {
| |
| padding: 0 15px;
| |
| }
| |
|
| |
| .links-container {
| |
| grid-template-columns: 1fr;
| |
| }
| |
|
| |
| .friend-link {
| |
| padding: 12px;
| |
| }
| |
| }
| |
| </style>
| |
|
| |
| | |
| | |
| | |
| </html>
| |