美化XiunoBBS主题高亮插件，高亮风格颜色原创 CSS/SASS XiunoBBS

2022/08/04

闲侃

本文章向大家介绍美化XiunoBBS主题高亮插件，高亮风格颜色原创 CSS/SASS XiunoBBS ，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

XiunoBBS主题高亮插件是个好东西，不过默认设置高亮主题的时候样式太丑了，风格一、二、三…同一样的灰色！！下面是美化前后的对比图；

美化后：

找到网站路径： /plugin/huux_hlight/hook/footer_js_after.htm 替换以下代码即可；

<!-- 主题高亮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":"&nbsp;<?php echo '<span class="huux_thread_hlight_style0 icon-heartbeat">&nbsp;'.lang('thread_hlight_0').'</span>';?>",
"1":"&nbsp;<?php echo '<span class="huux_thread_hlight_style1 icon-heartbeat">&nbsp;'.lang('thread_hlight_1').'</span>';?>",
"2":"&nbsp;<?php echo '<span class="huux_thread_hlight_style2 icon-heartbeat">&nbsp;'.lang('thread_hlight_2').'</span>';?>", 
"3":"&nbsp;<?php echo '<span class="huux_thread_hlight_style3 icon-heartbeat">&nbsp;'.lang('thread_hlight_3').'</span>';?>", 
"4":"&nbsp;<?php echo '<span class="huux_thread_hlight_style4 icon-heartbeat">&nbsp;'.lang('thread_hlight_4').'</span>';?>", 
"5":"&nbsp;<?php echo '<span class="huux_thread_hlight_style5 icon-heartbeat">&nbsp;'.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">'+"&nbsp;<?php echo lang('thread_hlight_style');?>"+'<i class="icon-hand-o-right"></i>&nbsp;'+radios+'</p>'});
})
</script>

Xiuno 美化