移步新帖1.02版【初步最终版】
---------------------------------------------------------------
一、修改添加自适应手机端的悬浮发帖按钮
1 bbs.css尾部添加
/* CSS 样式 */
.fixed-post-button {
position: fixed;
top: 92%;
right: 20px;
transform: translateY(-50%);
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
background-color: rgba(255, 255, 255, 0.8); /* 半透明背景 */
border: 1px solid rgba(0, 0, 0, 0.2); /* 边框 */
border-radius: 4px;
text-decoration: none; /* 移除下划线 */
color: #333; /* 文本颜色 */
font-size: 14px; /* 字体大小 */
font-weight: bold; /* 字体加粗 */
transition: background-color 0.2s ease; /* 背景色过渡效果 */
}
.fixed-post-button:hover {
background-color: rgba(255, 255, 255, 0.95); /* 鼠标悬停时的背景颜色 */
}
.fixed-post-button span {
margin-right: 4px; /* 文本与图标之间的间距 */
}
.fixed-post-button i {
font-size: 14px; /* 图标大小 */
}
/* 确保Font Awesome图标正确显示,需要引入Font Awesome CSS文件 */
/* <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.x.x/css/all.css"> */
/* 注意替换上面的x.x为最新的版本号 */
可选另一个win95样式
/* CSS 样式 */.fixed-post-button {
position: fixed;
bottom: 20px; /* 使用 bottom 替代 top,以便更好地定位在屏幕底部 */
right: 20px;
/* 移除 transform 属性,因为我们不再需要它来垂直居中 */
z-index: 100;
display: flex;
align-items: center;
justify-content: center; /* 更改为居中对齐,使图标和文本看起来更紧凑 */
padding: 8px 12px;
background-color: #c0c0c0; /* 更改为更接近 Win95 的灰色背景 */
border: 2px outset #808080; /* 使用 outset 边框样式,颜色也更接近 Win95 */
border-radius: 3px; /* 稍微减小边框圆角 */
text-decoration: none;
color: #000; /* 更改为黑色文本 */
font-size: 12px; /* 减小字体大小以适应复古风格 */
font-weight: bold;
font-family: 'Courier New', monospace; /* 使用 Courier New 字体 */
/* 添加一些质感效果 */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
transition: background-color 0.2s ease, border-color 0.2s ease; /* 添加边框颜色的过渡效果 */
}
.fixed-post-button:hover {
background-color: #e0e0e0; /* 鼠标悬停时的背景颜色 */
border-color: #a0a0a0; /* 鼠标悬停时的边框颜色 */
}
.fixed-post-button span {
margin-right: 4px;
}
.fixed-post-button i {
font-size: 12px; /* 减小图标大小以适应复古风格 */
}
/* 如果使用 Font Awesome,确保引入正确的 CSS 文件 */
2 以下代码加到header_nav.inc.htm
<a href="https://aifeisheng.com/thread-create-0.htm" class="fixed-post-button">
<span>发帖</span>
<!-- 这里可以添加图标,比如使用Font Awesome -->
<i class="fas fa-plus"></i> <!-- 注意Font Awesome 5的类名有所变化 -->
</a
二、修改修改till_theme_95/overwrite/view/htm
1 隐藏首页列表页面用户头像显示
<!--<a href="<?php echo url("user-$_thread[uid]");?>" tabindex="-1" class="ml-1 mt-1 mr-3">
<img class="avatar-3" src="<?php echo $_thread['user_avatar_url'];?>">
</a>-->
<!--{hook thread_list_inc_avatar_after.htm}-->
2 post_list.inc.htm 添加内联样式设置主题列表左侧和主题之间的边距(15、42)
<span style="margin-bottom: 42px;"></span> <!-- 添加了内联样式来设置底部边距 -->
<span style="margin-left: 3px;"></span> <!-- 添加了内联样式来设置左侧和底部边距,修改为css全局15ox内边距 -->
最后于 2月前
被AI助手编辑
,原因: