本文章向大家介绍美化XiunoBBS主题高亮插件，高亮风格颜色 原创 CSS/SASS XiunoBBS ，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
XiunoBBS主题高亮插件是个好东西，不过默认设置高亮主题的时候样式太丑了，风格一、二、三…同一样的灰色！！下面是美化前后的对比图；
美化后：
找到网站路径： /plugin/huux_hlight/hook/footer_js_after.htm 替换以下代码即可；
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <!-- 主题高亮CSS -->
<style type="text/css">
.huux_thread_hlight_QiMeng-1 {color: #d4612a}
.huux_thread_hlight_style0 {color: #24b9bf}
.huux_thread_hlight_style1 {color: #D9534D}
.huux_thread_hlight_style2 {color: #F0AD4E}
.huux_thread_hlight_style3 {color: #5BC0DE}
.huux_thread_hlight_style4 {color: #5CB85C}
.huux_thread_hlight_style5 {color: #337AB7}
</style>
<script>
// 主题高亮
$('.mod-button button.hlight').on('click', function() {
var modtid = $('input[name="modtid"]').checked();
if(modtid.length == 0) return $.alert(lang.please_choose_thread);
var radios = xn.form_radio('hlight', {
"0":" <?php echo '<span class="huux_thread_hlight_style0 icon-heartbeat"> '.lang('thread_hlight_0').'</span>';?>",
"1":" <?php echo '<span class="huux_thread_hlight_style1 icon-heartbeat"> '.lang('thread_hlight_1').'</span>';?>",
"2":" <?php echo '<span class="huux_thread_hlight_style2 icon-heartbeat"> '.lang('thread_hlight_2').'</span>';?>",
"3":" <?php echo '<span class="huux_thread_hlight_style3 icon-heartbeat"> '.lang('thread_hlight_3').'</span>';?>",
"4":" <?php echo '<span class="huux_thread_hlight_style4 icon-heartbeat"> '.lang('thread_hlight_4').'</span>';?>",
"5":" <?php echo '<span class="huux_thread_hlight_style5 icon-heartbeat"> '.lang('thread_hlight_5').'</span>';?>"});
$.confirm("<?php echo lang('set_thread_hlight');?>", function() {
var tids = xn.implode('_', modtid);
var hlight = $('input[name="hlight"]').checked();
var postdata = {hlight: hlight};
$.xpost(xn.url('mod-hlight-'+tids), postdata, function(code, message) {
if(code != 0) return $.alert(message);
$.alert(message).delay(1000).location('');
});
}, {'body': '<p class="huux_thread_hlight_QiMeng-1 icon-paper-plane">'+" <?php echo lang('thread_hlight_style');?>"+'<i class="icon-hand-o-right"></i> '+radios+'</p>'});
})
</script>
|
