植树节虽然过去了几天了,但是我给大家发一些mc树苗去种罢(
祝大家植树节快乐 6 蚌埠住了 还得是你啊 <!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> 我喜欢桦木
页:
[1]