小修改主页,新增fake page

This commit is contained in:
2025-08-12 17:53:50 +08:00
parent 11ac279c88
commit 14fceea63c
2 changed files with 78 additions and 3 deletions

71
public/blog/fake_page.php Normal file
View File

@@ -0,0 +1,71 @@
<!-- 伪页面跳转 -->
<nav>
<a href="#雜談">雜談</a>
<a href="#學習">學習</a>
</nav>
<div id="雜談" class="page">
<div id="body_color">
<h2>雜談</h2>
<p>
目前什么都没有哦。
感谢您的访问
</p>
</div>
</div>
<div id="學習" class="page">
<div id="body_color">
<h2>學習</h2>
<p>
目前什么都没有哦。
感谢您的访问
</p>
</div>
</div>
<style>
#body_color
/* 背景颜色 */
{
background-color: rgba(147, 185, 255, 0.644);
position: absolute;
overflow-y: auto;
box-sizing: border-box;
width: 100%;
height: 90%;
}
.page
{
display: none;
width: 120%;
height: 120%;
position: absolute;
top: -60;
left: -76;
background-color: white;
overflow-y: auto;
box-sizing: border-box;
padding-top: 50px;
}
.page:target
{
display: block;
}
nav a
/* 字体 */
{
color: white;
text-decoration: none;
padding: 10px 15px;
}
</style>
<!-- 伪页面跳转 -->

View File

@@ -85,9 +85,13 @@
include "./read_file.php"; include "./read_file.php";
?> ?>
</div> </div>
<link style="background-color: blueviolet;" href="https://gitea.ww3.tw/skimrme/open-ww3-project-ww3-tw"> <!-- gitea 图标 -->
<a style="background-color: blueviolet; position: absolute;" href="https://gitea.ww3.tw/skimrme/open-ww3-project-ww3-tw">
<img id="gitea-img" src="https://gitea.ww3.tw/assets/img/logo.svg" width="10%" alt="gitea" > <img id="gitea-img" src="https://gitea.ww3.tw/assets/img/logo.svg" width="10%" alt="gitea" >
</link> </a>
<?php
include "./fake_page.php";
?>
</body> </body>
</html> </html>
@@ -96,7 +100,7 @@
{ {
overflow: auto; overflow: auto;
/* up、right、down、left */ /* up、right、down、left */
margin: -630px 0px 0px 1036px; margin: -610px 0px 0px 1036px;
} }
#open-ww3-project-img #open-ww3-project-img