版主
- 威望
- 11
- 煤矿
- 5
- 金粒
- 62
- 铁锭
- 0
- 人气
- 4
- 最后登录
- 2024-11-1
|
楼主 |
发表于 2024-5-4 16:54:21
|
显示全部楼层
IP属地: 韩国
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Zhangker 个人主页</title>
- <style>
- body {
- font-family: Arial, sans-serif;
- margin: 0;
- padding: 0;
- background-color: #f3f3f3;
- color: #333;
- }
- header {
- background-color: #007bff;
- color: #fff;
- padding: 20px;
- text-align: center;
- border-bottom-left-radius: 20px;
- border-bottom-right-radius: 20px;
- }
- .container {
- max-width: 800px;
- margin: 20px auto;
- padding: 20px;
- background-color: #fff;
- border-radius: 20px;
- box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
- }
- section {
- margin-bottom: 20px;
- }
- h2 {
- color: #007bff;
- }
- .about-me {
- border-bottom: 1px solid #ccc;
- padding-bottom: 20px;
- margin-bottom: 20px;
- }
- .skills ul {
- list-style-type: none;
- padding: 0;
- }
- .skills ul li {
- margin-bottom: 10px;
- }
- .contact-info {
- text-align: center;
- }
- footer {
- text-align: center;
- padding: 20px 0;
- background-color: #007bff;
- color: #fff;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- }
- .button {
- display: inline-block;
- background-color: #007bffc0;
- color: #fff;
- padding: 10px 20px;
- text-decoration: none;
- border-radius: 5px;
- margin-right: 10px;
- }
- .heimu,.heimu rt {
- background-color: #252525
- }
-
- .heimu,.heimu a,a .heimu,a.new .heimu,span.heimu a.new,span.heimu a.external,span.heimu a.external:visited,span.heimu a.extiw,span.heimu a.extiw:visited,span.heimu a.mw-disambig,span.heimu a.mw-redirect {
- transition: color 0.13s linear;
- color: #252525;
- text-shadow: none
- }
- span.heimu:hover,span.heimu:active {
- color: white
- }
-
- span.heimu:hover a,a:hover span.heimu {
- color: lightblue
- }
-
- span.heimu:hover a:visited,a:visited:hover span.heimu {
- color: #C5CAE9
- }
-
- span.heimu:hover a.new,a.new:hover span.heimu {
- color: #FCC
- }
-
- span.heimu a.new:hover:visited,a.new:hover:visited span.heimu {
- color: #EF9A9A
- }
-
- span.heimu:hover a.extiw:visited,a.extiw:visited:hover span.heimu {
- color: #D1C4E9
- }
- .button1 {
- display: inline-block;
- /* Old background-color style */
- background-color: #9900ff8a;
- /* New gradient background */
- background-image: linear-gradient(to right, #9900ff, #ff9900);
- color: #fff;
- padding: 10px 20px;
- text-decoration: none;
- border-radius: 5px;
- margin-right: 10px;
- }
- .button1:hover {
- background-image: linear-gradient(to right, #ff9900, #9900ff); /* Gradient background on hover */
- }
- .button2 {
- display: inline-block;
- background-color: #621a9221;
- color: #000000;
- padding: 10px 20px;
- text-decoration: none;
- border-radius: 5px;
- margin-right: 10px;
- }
- .button2:hover {
- background-image: linear-gradient(to right, #0091ff, #9900ff); /* Gradient background on hover */
- }
- body {
- font-family: Arial, sans-serif;
- margin: 0;
- padding: 0;
- background-image: url('img0.png'); /* Add this line to set the background image */
- background-size: cover; /* Adjust background size as needed */
- background-repeat: no-repeat; /* Prevent background image from repeating */
- background-position: center; /* Center the background image */
- background-color: #f3f3f3;
- color: #333;
- }
- .marquee {
- overflow: hidden;
- white-space: nowrap;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- background-color: #ffffff00;
- color: #ff0062c4;
- padding: 18px 0;
- animation: marquee 25s linear infinite; /* Adjust duration as needed */
- }
- @keyframes marquee {
- 0% { transform: translateX(100%); }
- 100% { transform: translateX(-100%); }
- }
- </style>
- </head>
- <body>
- <!-- Marquee for scrolling message -->
- <div class="marquee">Ads:Zhangker 站点搭建完成!欢迎大家到来,下载模组在下方,技术有限,不喜勿喷~</div>
- <!--以上《/style》以上为核心css,别动!-->
- <header>
- <h1>欢迎来到我的个人主页</h1>
- </header>
- <div class="container">
- <section class="contact-info">
-
- <!--</section>-->
- <!--上面的sec开头的是居中设置,不想可以全删-->
- <a class="button2" href="bg.html">文章列表</a>
- <a class="button2" href="index.html">主站</a>
- <!--<a class="button2" href="https://zkr303.github.io/">旧主页</a>-->
- <section class="about-me">
- <h2>关于我</h2>
- <h3>MC经历</h3>
- <p>MC <font color="red"> 5年 </font>
- <span title="你知道的太多了" class="heimu">盗版</span>, <fort color="black">
- <font color="green">PCL2牢玩家</font>,喜欢<font color="gold">van </font>♂ mc,以及简单模组开发。
- </p>
- <!--<h3>整活</h3>-->
- <p>
- <font color="purple">住址:</font>
- <span title="龟!" class="heimu">不告(诉)你!</span>
- </p>
- <!-- <p>请用鼠标拖住以查看:<font color="white">我是个**(独立宣言。自行脑补)</font>-->
- </p>
- <br>
- </section>
- <section class="skills">
- <h2>档案</h2>
- <h3>程序</h3>
- <ul>
- <li>HTML/CSS(会一点);C++(会一点的一半)</li>
- <li>...更多敬请期待</li>
- </ul>
- <!--<section class="skills"></section>-->
- <h2>Other</h2>
- <h3> 联系方式</h3>
- <section class="contact-info">
- <a class="button" href="https://space.bilibili.com/1909724646?spm_id_from=333.1007.0.0">进入我的B站首页</a>
- <a class="button" href="zhangkairui_wy@163.com">邮箱</a>
- <br>
- </section>
- <h3> 下载相关</h3>
- <section class="contact-info">
- <a class="button1" href="https://zhangkairui.lanzouj.com/i5j841xag86f">下载 梗·模组</a>
- <li>下载密码:<span title="别让别人看见(笑)" class="heimu">cumt</span>
- </li>
- <br>
- </section>
- <h3>好van的网站</h3>
- <a class="button1" href="https://free.easychat.work/">免费GPT4 for <font color="blue">25 times/Day </font>
- </a>
- <a class="button1" href="https://eaglercraft.com/">MC-JE1.8.8 JS重写网页版</a>
- <a class="button1" href="https://mcobs.fun/">黑曜石论坛</a>
- </section>
- <!--<section class="contact-info">-->
- <h2>邮箱/Bili</h2>
- <section class="contact-info">
- <p>Email: zhangkairui_wy@outlook.com (可以保证这个没注册过冈易mc)</p>
- <p>Bilibili : <font color="blue">是Zhangker啊</font></p>
- </section>
- </div>
- <footer>
- <p>© 2024 我的个人主页</p>
- <a class="button" href="chest.html"></a>
- <br>
- <a class="button2" href="https://zkr303.github.io/">体验新主页(beta)</a>
- <p>Creative by ker</p>
-
- <!---- <a href="https://mcobs.fun/">mcobs论坛首页</a>-->
- </footer>
- </body>
- </html>
复制代码 |
|