手搓了一个域名出售页,分享源码

优秀源码 无标签
0 228
WIZ
WIZ 自成一派 2025-03-30 16:08:41
Lv:45级
纯手工打造,没有一丁点啰嗦。

演示:wooyes.com

代码纯净的100多行,只有5K,不管多慢的网络速度都可以起飞。

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Domain for sale 此域名可以出售</title>
    <style>
        body,
        html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
            overflow: hidden;
            font-family: "Microsoft YaHei", sans-serif;
            color: #fff;
        }

		html a {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		} 
        /* 视频背景样式 */
        #video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        /* 内容容器样式 */
        .content-container {
            display: flex;
            height: 100vh;
            width: 100vw;
            justify-content: center;
            align-items: center;
        }

        /* 左侧固定内容样式 */
        .left-content {
            width: 30%;
            padding: 20px;
            background-color: rgba(126, 126, 126, 0.5);
            box-sizing: border-box;
            height: 80%;
        }

        /* 右侧滚动内容样式 */
        .right-content {
            width: 70%;
            height: 80%;
            padding: 20px;
            background-color: rgba(100, 100, 100, 0.5);
            overflow-y: auto;
            box-sizing: border-box;
        }

        /* 版权信息样式 */
        .copyright {
            position: fixed;
            bottom: 0;
            width: 100%;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px 0;
        }

        /* 手机版媒体查询 */
        @media (max-width: 767px) {
            .content-container {
                flex-direction: column;
            }

            .left-content {
                width: 100%;
                height: auto;
            }

            .right-content {
                width: 100%;
            }
        }
    </style>
</head>

<body>
    <!-- 视频背景 -->
    <video autoplay muted loop id="video-background">
        <source src="https://www.ximi.me/video/xd.php" type="video/mp4">
        Your browser does not support the video tag.
    </video>

    <!-- 内容容器 -->
    <div class="content-container">
        <!-- 左侧固定内容 -->
        <div class="left-content">
             <h1>所 有 域 名 出 售</h1>
			  <h2>[ Domain For Sale ]</h2>
				  <p>
					All Domain For Sale<br>
				   所有域名出售中 ... 
				   <br>

				  <p>QQ&微信 : 87602040</p>
				  <p>TEL : +86.13396313005 </p>
				  <p>Email : fugui@aliyun.com</p>

             
        </div>
        <!-- 右侧滚动内容 -->
        <div class="right-content">
            <h2>Domain List</h2>

			<p>   <a href="http://wooyes.com" target="_blank">1. [ WooYes.com ] </a> -   WooYes! 午夜食 $500</p>
			<p>   <a href="http://mf.gs" target="_blank">2. [ MF.GS ] </a>   - 魔方.公司  魔法  免费 蜜蜂   $100</p>
			<p>   <a href="http://max.ooo" target="_blank">3. [ Max.ooO ] </a>  - Max 优质单词   $300</p>
			<p>   <a href="http://artfax.com" target="_blank">4. [ ArtFax.com ] </a>  -  ArtFax  艺术传真 $800</p>
			<p>   <a href="http://dnswiz.com" target="_blank">5. [ DnsWiz.com ] </a>  -  DnsWiz DNS精灵 $600</p>
			<p>   <a href="http://zzz.fund" target="_blank">6. [ ZzZ.Fund ] </a>   -  赞助者基金 $100</p>
			<p>   <a href="http://girl.gs" target="_blank">7. [ Girl.GS ] </a>   - Girl Games  $800</p>
			<p>   <a href="http://aigc.cx" target="_blank">8. [ AIGC.CX ] </a>  - AIGC AI创新  $800</p>
			<p>   <a href="https://www.363.hk/114114" target="_blank">    More ...     </p>

        </div>
    </div>

    <!--Links -->
    <div class="copyright">
      <a href="https://max.ooo" target="_blank">Max.ooO</a>
              |&nbsp;<a href="https://wooyes.com" target="_blank">WooYes.com</a>
              |&nbsp;<a href="https://artfax.com" target="_blank">Artfax.com</a>
              |&nbsp;<a href="https://not.sale" target="_blank">Not.Sale</a>
              |&nbsp;<a href="https://miuu.top/" target="_blank">MIUU</a>
    </div>
</body>

</html>    

楼主签名:DNSWIZ 站长故事
回帖
回复列表