📄 lybbs
字号:
<HTML>
<HEAD>
<TITLE>LyBBS样式设计DIY</TITLE>
<STYLE type=text/css>
A:visited,A:active,A:link {
TEXT-DECORATION: none; Color:#000000
}
A:hover {
TEXT-DECORATION: underline overline
}
BODY {
FONT-SIZE: 12px;
COLOR:#000000
}
INPUT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px
}
SELECT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px
}
TEXTAREA {
FONT-SIZE: 12px; LINE-HEIGHT: 15px
}
FONT {
LINE-HEIGHT: normal
}
TD {
FONT-SIZE: 12px; LINE-HEIGHT: 15px
}
TD.bgStyle {
BACKGROUND-COLOR: #FFFFFF
}
TABLE {
BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
BORDER-BOTTOM: 1px solid;
WIDTH: 98%;
BACKGROUND-COLOR: #000000
}
</style>
</head>
<BODY bgColor=#ffffff leftMargin=5 topMargin=5 marginheight="0" marginwidth="0">
<table cellPadding=3 cellSpacing=1 align=center>
<tr>
<td class=bgStyle>
<b>1、CSS的说明:<b>
</td>
</tr>
<tr>
<td class=bgStyle>
打开include/head.jsp,在<STYLE type=text/css>和<STYLE>之间是控制整个论坛的CSS样式,这里我大概作个说明:<br>
A:表示控制链接的样式;<br>
BODY表示是控制论坛的字体大小、字体颜色、背景颜色、滚动条样式和背景图片标签的样式;<br>
INPUT表示是控制输入框标签的样式;<br>
SELECT表示是控制下拉列表框标签的样式;<br>
TEXTAREA表示是控制多行输入框标签的样式;<br>
FONT表示是控制<font>标签的样式;<br>
TD表示是控制<td>标签的样式;<br>
TD.whiteStyle表示是底为白色的表格样式;<br>
TD.menuStyle表示是菜单栏的表格样式(就是显示欢迎您:xxx 登录 注册等工具的地方);<br>
TD.catStyle表示是标题栏的表格样式(这个地方最广泛,象显示分类等标题的地方);<br>
TD.catFontStyle表示只显示字体而不显示背景的表格样式(少量使用,有些标题表格里套表格,这时只需要字体属性);<br>
TD.navStyle这个标签控制两个地方,一是首页显示版主和发帖数的地方,另外是显示论坛 → 分类 → 分论坛 → 帖子列表这些快速链接的样式;<br>
TD.bgStyle表示使用标题背景作为背景的表格样式(象显示论坛logo的上下两条背景);<br>
TD.noBgStyle表示使用论坛body标签的背景作为背景的表格样式(象include/announcement.js公告);<br>
TD.otherStyleTitle未使用;<br>
TD.otherStyleContent未使用;<br>
TD.forumColorOne在多列情况下,基数列的表格样式;<br>
TD.forumColorTwo在多列情况下,偶数列的表格样式;<br>
TD.replyColorOne内容回复中,基数行的表格样式;<br>
TD.replyColorTwo内容回复中,偶数行的表格样式;<br>
SPAN.highLight加重的字体样式;<br>
SPAN.lastPostUser最后回复者的字体样式;<br>
SPAN.normalUser一般用户的字体样式;<br>
SPAN.superUser超级用户的字体样式;<br>
SPAN.smodUser总版主的字体样式;<br>
SPAN.modUser分论坛版主的字体样式;<br>
SPAN.banUser被禁止的用户字体样式;<br>
.tableCommonStyle表示一般表格的样式(使用在<table>中的样式);<br>
.tableNoBgStyle表示没有背景颜色的表格样式(使用在<table>中的样式);<br>
.menuskin应用在游戏、在线用户等鼠标提示的样式风格;<br>
.quote应用在引用的样式,可以设置引用区的背景和字体样式。
</td>
</tr>
</table>
<table cellPadding=3 cellSpacing=1 align=center>
<tr>
<td class=bgStyle>
<b>2、后台默认风格设置说明:</b>
</td>
</tr>
<tr>
<td class=bgStyle>
用超级用户的身份进入后台管理中心 → 默认风格设置中,你会看到下面的选项:<br>
1、系统自带风格的选择,这里会列出所有的系统风格,选择后,可以的操作包括提交(确认生效)和导出(导出这种风格的SQL语句)和删除(删除这种样式);<br>
2、论坛背景样式:两个选项,整个论坛的背景颜色和背景图片;<br>
3、滚动条样式:六个选项,都是关于右侧滚动条的;<br>
4、标题选项:三个选项,大部分表格标题部分的背景颜色、背景图片和字体颜色;<br>
5、表格选项:两个选项,表格的边界颜色和宽度;<br>
6、菜单带选项:三个选项,菜单栏的背景颜色、背景图片和字体颜色(就是显示欢迎您:xxx 登录 注册等工具的栏);<br>
7、字体选项:十二个选项,设置中已经写的很清楚,这里就不再一一概述了;<br>
8、列颜色选项:三个选项,列颜色一是基数列(1、3、5...)的背景颜色,列颜色二是偶数列(2、4、6...)的背景颜色,列颜色三是首页中显示版主和发帖数及分论坛中导航部分的背景颜色;<br>
9、内容字体颜色:无效;<br>
10、回复样式:四个选项,包括回复基数行的背景颜色及字体颜色和回复偶数行的背景颜色及字体颜色;<br>
11、其他样式:无效。
</td>
</tr>
</table>
<table cellPadding=3 cellSpacing=1 align=center>
<tr>
<td class=bgStyle>
<b>3、后台导入/导出/删除SQL语句说明:</b>
</td>
</tr>
<tr>
<td class=bgStyle>
用超级用户的身份进入后台管理中心 → 默认风格设置中,风格旁边会有三个按钮,分别是导出、导入和删除:<br>
1、导出:把当前的样式导出成SQL语句,把导出的SQL语句复制下来,并重命名成 <你的样式名.sql>,可以发布给别人共享(发布过程及方式见下面的说明);<br>
2、导入:会出现一个多行输入框,把别人的SQL语句复制到这里,并检查样式名称是不是重复?若重复,改,然后提交,就可以把样式导入你的数据表(SQL语句必须是insert into style开头,否则不能提交);<br>
3、删除:删除当前的样式,直接从数据表中删除,所以操作不能撤消(默认风格是系统风格,不能删除)。
</td>
</tr>
</table>
<table cellPadding=3 cellSpacing=1 align=center>
<tr>
<td class=bgStyle>
<b>4、设计自己的样式:</b>
</td>
</tr>
<tr>
<td class=bgStyle>
用超级用户的身份进入后台管理中心 → 默认风格设置中:<br><br>
根据上面的说明,输入你的样式数据,并提交,打开新的窗口并进入论坛查看样式是否满足你的喜好,如果不喜欢,请重新设计你的样式,这样反复直到你满意为止,此时导出你的SQL,复制后再进入导入的界面,粘贴刚才的SQL语句,并重新命名样式名称(把你的样式名称替换成你喜欢的名称,并且不要和已经存在的重复),一切就绪后,提交后,你的新样式就显示在了风格系统中,如果不喜欢还可以删除掉这个样式再重新设计。<br><br>
图片等请放到%lybbs_home%/skins中,并建立你的新样式文件夹,请最好使文件夹的名称符合你的风格样式,并且,请一定要注意,<b><font color=red>请不要使用中文来作为文件夹的名称</font></b>,否则会导致问题。<br><br>
每次设计的样式都默认提交到系统默认风格中,如果重新设计,就会替换你原来设计的默认风格,所以,满意后,<b><font color=red>一定要记得导出SQL,重新命名样式名称后再导入,这样,下次设计新的样式的时候,就不用担心风格丢失了。</font></b>
</td>
</tr>
</table>
<table cellPadding=3 cellSpacing=1 align=center>
<tr>
<td class=bgStyle>
<b>5、template中示例说明:</b>
</td>
</tr>
<tr>
<td class=bgStyle>
进入%lybbs_home%/readme/template中,里面有一个发布的样式示例,我们命名为<轻舞飞扬.zip>(暂时借用痞子蔡小说的人物),这个风格就是你第一次装系统的默认风格样式,因为如果你提交了新的样式,就会把默认风格样式替换掉,所以,这个轻舞飞扬的风格就必须要导入到风格表中,以防止你下次设计新的样式后又怀念默认风格时,可以方便的再调回来。<br>
使用说明请查看轻舞飞扬.zip里的说明文档,如果还是不太会,请到我们的论坛来提问。
</td>
</tr>
</table>
<table cellPadding=3 cellSpacing=1 align=center>
<tr>
<td class=bgStyle>
<b>6、发布你的DIY作品:</b>
</td>
</tr>
<tr>
<td class=bgStyle>
请参考template的示例,导出SQL语句后,保存为样式.sql文件,并把SQL语句中的样式名称命名为你希望的样式名称,连同你的图片文件和说明文档一起打成包,发布到我们的FTP,这样别人就可以使用你发明的样式了。当看到你的样式在网上传播并被使用,也会是件非常开心的事情。<br>
<b><font color=red>希望你喜欢并且乐意使用我们的样式设计系统!</font></b>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -