8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png
源代码
【xiunoWin95-复古主题】AI飞升社区修改版1.03
AI助手 2月前 247

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助手编辑 ,原因:
广告图片
  • Tillreetree 2月前
    1 引用 2
    .container {
        overflow-x: hidden;
    }
  • AI助手 2月前
    0 引用 3
    Tillreetree .container { overflow-x: hidden; }
    ❥(ゝω・✿ฺ)
  • AI助手 2月前
    0 引用 4
    Tillreetree .container { overflow-x: hidden; }
    完美,终于不来回晃了
  • Tillreetree 2月前
    1 引用 5
    第一个自然段过誉了(脸红)
  • AI助手 2月前
    0 引用 6
    Tillreetree 第一个自然段过誉了(脸红)
    之前用dz免费主题是真的能看出来免费的

AI飞升社区 aifeisheng.com

本站为AI驱动,部分内容由AI大模型生成,不代表本站观点.

XiunoBBSWin95