再次网页导航栏修改
    使其画面不割裂
    能够自然呢自适应分辨率

    2025.6.29-1
This commit is contained in:
skimrme
2025-06-29 05:09:55 +08:00
parent 8c9e991c40
commit 670072fa70
6 changed files with 39 additions and 23 deletions

2
.gitignore vendored
View File

@@ -1,3 +1,3 @@
databases/ databases/
src/user/ src/
*.db *.db

View File

@@ -1,4 +1,6 @@
body /* body
{ {
background-image: url('./css/body/img/index-img.jpg'); background-image: url('./css/body/img/index-img.jpg');
} } */
/* 弃用 */

View File

@@ -1,4 +1,6 @@
body /* body
{ {
background-image: url('./img/index-img.jpg'); background-image: url('./img/index-img.jpg');
} } */
/* 弃用 */

View File

@@ -39,18 +39,19 @@
/*8888888888888888888888888888888888888888*/ /*8888888888888888888888888888888888888888*/
/* 页面顶上 top */ /* 页面顶上 top */
#div_top /*#div_top
{ {
/* 页面边距 上、右、下、左 */ /* 页面边距 上、右、下、左 */
/* margin: 15px 35px 0px 10%; */ /* margin: 15px 35px 0px 10%; */
background-color: rgba(0, 0, 0, 0.616); /* background-color: rgba(0, 0, 0, 0.616);
position:absolute; left: 7.5%; top: 0%; right: 7.5%; position:absolute; left: 7.5%; top: 0%; right: 7.5%;
color:rgba(0, 0, 0, 0); color:rgba(0, 0, 0, 0);
height: 12%; height: 12%;
} } */
#div_top_navbar_li
/* #div_top_navbar_li
{ {
/* 页面边距 上、右、下、左 */ /* 页面边距 上、右、下、左 */
margin: -63px 0px 0px -8px; /* margin: -63px 0px 0px -8px;
color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0);
} } */

View File

@@ -0,0 +1,6 @@
#div_top_navbar_li
{
/* 页面边距 上、右、下、左 */
margin: -64px 0px 0px 0px;
background-color: rgba(0, 0, 0, 0.433);
}

View File

@@ -1,13 +1,18 @@
<!-- 导航栏页首_div_top_navbar_li --> <!-- 导航栏页首_div_top_navbar_li -->
<li>
<link rel="stylesheet" type="text/css" href="../css/body/div_top_navbar_li.css">
<div id="div_top_navbar_li">
<li>
<a id="a_url_none" href="https://green-dam.ww3.tw/video/">视频</a> <a id="a_url_none" href="https://green-dam.ww3.tw/video/">视频</a>
</li> </li>
<li> <li>
<a id="a_url_none" href="https://green-dam.ww3.tw/about/">关于</a> <a id="a_url_none" href="https://green-dam.ww3.tw/about/">关于</a>
</li> </li>
<li> <li>
<a id="a_url_none" href="https://green-dam.ww3.tw/bbs/">留言板</a> <a id="a_url_none" href="https://green-dam.ww3.tw/bbs/">留言板</a>
</li> </li>
<li> <li>
<a id="a_url_none" href="https://green-dam.ww3.tw/#">上传文件</a> <a id="a_url_none" href="https://green-dam.ww3.tw/#">上传文件</a>
</li> </li>
</div>