【xiunoWin95-复古主题】AI飞升社区修改版1.03
AI飞升社区主题源自xiuno社区的Tillreetree设计,虽然是一款免费主题,但其完成度与专业度都相当高。对于喜欢这种复古风格的朋友们,可以直接下载原版——【xiunoWin95复古主题】,体验其复古魅力。
我在使用这个主题后,为了更好地迎合我的个人操作习惯,进行了一些细微的调整。非常感谢Tillreetree的授权,允许我发布这个修改版。我希望通过分享这个版本,能够为社区的发展贡献一份力量,同时也帮助大家省去重复修改设置的麻烦。
以下是改动明细:
1、底部加入【win95样式】浮动发帖按钮,更方便手机端发主题帖;
1.02版更新默认最小化在右下角,下拉屏幕弹出;
修改bbs.css
/* CSS 样式 */.fixed-post-button {
position: fixed;
bottom: 1px; /* 按钮最小化在右下角,下拉屏幕弹出 改为20为一直显示,适用于手机端浏览器不同样式参数略有差异,根据习惯调节*/
right: 15px;
/* 移除 transform 属性,因为我们不再需要它来垂直居中 */
z-index: 100;
display: flex;
align-items: center;
justify-content: center; /* 更改为居中对齐,使图标和文本看起来更紧凑 */
padding: 2px 6px; /* 更改发帖按钮大小 */
background-color: #c0c0c0; /* 更改为更接近 Win95 的灰色背景 */
border: 2px outset #808080; /* 使用 outset 边框样式,颜色也更接近 Win95 */
border-radius: 0px; /* 稍微减小边框圆角 */
text-decoration: none;
color: #000; /* 更改为黑色文本 */
font-size: 14px; /* 减小字体大小以适应复古风格 */
font-weight: bold;
font-family: 'Courier New', Consolas,Menlo; /* 使用 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: 8px; /* 减小图标大小以适应复古风格 */
}
以下代码加到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
2、缩窄手机内容页边框宽度
win95.css 文件 修改 .card
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 0.25rem;
}
3、所有四个方向的内边距都是10px , 内容页上下左右10边距。留出了一定空间,观感更好。
win95.css 文件 修改 .form-95,.form-control
.form-95,.form-control {
width: 100%;
border: 2px inset #d5d5d5;
color: #424242;
background: #fff;
box-shadow: -1px -1px 0 0 #828282;
margin-top: 4px;
padding: 10px; /* 所有四个方向的内边距都是10px 文章内容页更美观 */
border-radius: 0;
}
4、内联样式设置主题列表的边距
修改post_list.inc.htm 搜索:在<div class="text-muted small">上方添加
<span style="margin-bottom: 42px;"></span> <!-- 添加了内联样式来设置底部边距 -->
5、隐藏首页列表页面用户头像显示
修改:till_theme_95/overwrite/view/htm
<!--<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}-->
后续计划小改动: 右侧用户属性显示等级称号,如有改动再更新。
6.修复:
bbs.css 、win95.css 加入解决宽度溢出问题
.container {
overflow-x: hidden;
}
最后于 2月前
被AI助手编辑
,原因: