当前位置:首页 > 免费源码

Xiuno BBS 40 模板制作入门教程(更换背景、修改颜色)

游戏科技网2026年09月15日 00:05免费源码20
描述:Xiuno BBS 模板也是按照插件的制作流程来做的。1. 首先我们要找到插入点:view/htm/header.inc.htm 文件中的 header_link_after.htm2. 新建 plugin/xn_theme_paopao,这是我自己取的名字,你可以用你名字 youname_them…

Xiuno BBS 模板也是按照插件的制作流程来做的。

1. 首先我们要找到插入点:view/htm/header.inc.htm 文件中的 header_link_after.htm

2. 新建 plugin/xn_theme_paopao,这是我自己取的名字,你可以用你名字 youname_theme_xxx 这样的方式命名你的插件。注意,如果是风格插件,必须要用 xx_theme_xxx 这种格式,这样的主题风格插件会具有排他性,安装的同时自动卸载其他主题风格插件。

3. header_link_after.htm 这个插入点要注意,我们的 CSS 代码写到这里:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style>
body { background: #196e95 !important; background-image: url(plugin/xn_style_paopao/body_bg.jpg?v=2) !important; background-repeat: no-repeat !important;}
#header { background: rgba(0,0,0,0.5) !important; }
#footer { background: rgba(0,0,0,0.5) !important; }
.card > .card-header { background-image: linear-gradient(0deg, #c4d9e3, #fcfdfd); }
.card { background: #f4fbfe !important; }
.thread:hover { background-color: rgba(255,255,255,0.6) !important; }
.text-grey { color: #90a9b6 !important;}
.thread, .post { border-bottom: 1px solid #c3d8e2;}
.input-group .form-control, .input-group .custom-select, .input-group .custom-file { background: rgba(255,255,255,0.7);}
.card-header-tabs > .nav-item > .nav-link.active { background-image: linear-gradient(0deg, #dfedf4, #f2f2f2); border-color: #c9dce5; border-bottom-color: #dfebf1;}
.nav_tag_list a { color: #c5dbe4; }
.nav_tag_list a.active { color: #6fd2ff; }
.btn-secondary { background-color:#405763; border-color:#3b515d; }
.btn-secondary:hover { background-color: #374b55; border-color: #344751; }
.blockquote { background: #e0eaef;}
</style>

4. 相关文件介绍:

body_bg.jpg:是 CSS 用到的背景图片,我会用附件传上来。

icon.png:是插件的 ICON 文件,宽高 64x64 像素

conf.json:是插件的配置文件,内容:

conf.json:是插件的配置文件,内容:

1
2
3
4
5
6
7
8
9
10
{
    "name""官方皮肤:蓝色背景泡泡",
    "brief""蓝色背景泡泡,更换了一张背景图,导航改了个半透明背景。",
    "version""1.1",
    "bbs_version""4.0",
    "installed": 1,
    "enable": 1,
    "hooks_rank": [],
    "dependencies": []
}

试试看,是不是很简单?

如果要获取该插件也很简单,后台安装 xn_theme_paopao,装完以后 plugin/xn_theme_paopao 目录就是该插件了。

“Xiuno BBS 40 模板制作入门教程(更换背景、修改颜色)” 的相关文章

(PC+WAP)微信小程序开发代理展示销售pbootcm网站模板 软件开发公司网站源码下载

(PC+WAP)微信小程序开发代理展示销售pbootcm网站模板 软件开发公司网站源码下载

pbootcms内核开发的网站模板,该模板适用于微信小程序网站、软件开发网站等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可;PC+WAP,同一个后台,数据即时同步,简单适用!附带测试数据!友好的seo,所有页面均都能完全自定义标题/关键词/描述,PHP程序,安全、稳定、快速;用低成…

(PC+WAP)粉色家政服务公司网站模板 月嫂保姆网站源码下载

(PC+WAP)粉色家政服务公司网站模板 月嫂保姆网站源码下载

(PC+WAP)粉色家政服务公司网站模板 月嫂保姆网站源码下载pbootcms内核开发的网站模板,该模板适用于家政服务公司网站、月嫂保姆网站等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可;PC+WAP,同一个后台,数据即时同步,简单适用!附带测试数据!友好的seo,所有页…

(PC+WAP)红色火锅加盟网站pbootcm模板 餐饮美食网站源码下载

(PC+WAP)红色火锅加盟网站pbootcm模板 餐饮美食网站源码下载

(PC+WAP)红色火锅加盟网站pbootcms模板 餐饮美食网站源码下载pbootcms内核开发的网站模板,该模板适用于火锅加盟网站、餐饮美食网站等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可;PC+WAP,同一个后台,数据即时同步,简单适用!附带测试数据!友好的seo,所有页面…

(PC+WAP)绿色草坪地坪施工pbootcm网站模板 操场人造草坪网站源码下载

(PC+WAP)绿色草坪地坪施工pbootcm网站模板 操场人造草坪网站源码下载

(PC+WAP)绿色草坪地坪施工pbootcms网站模板 操场人造草坪网站源码下载pbootcms内核开发的网站模板,该模板适用于人造草坪网站、草坪地坪网站等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可;PC+WAP,同一个后台,数据即时同步,简单适用!附带测试数据!友好的seo,…

(自适应手机版)响应式统一战线政府单位机构类网站源码 红色政府部门机构网站模板

(自适应手机版)响应式统一战线政府单位机构类网站源码 红色政府部门机构网站模板

本套织梦模板采用织梦最新内核开发的模板,这款模板使用范围广,不仅仅局限于一类型的企业,政府部门、单位机构类的网站都可以用该模板。你只需要把图片和文章内容换成你的即可,颜色都可以修改,改完让你耳目一新的感觉!布局规整,利于用户体验,手工书写DIV+CSS,代码精简。同一个后台管理 三网合一简…

0间隔24h采集线报+源码的资源网

0间隔24h采集线报+源码的资源网

1.更新下载类目的采集 及 导入网站程序:jizhiCMS + 高仿新版某刀资源网模板采集程序:蓝天采集 + 已对接好资源站规则网站图片及蓝天采集规则安装教程在下面⬇⬇⬇⬇⬇⬇⬇         链接:https:/…