前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >美化XiunoBBS主题高亮插件,高亮风格颜色 原创 CSS/SASS XiunoBBS

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

作者头像
奇梦
发布2018-07-18 16:10:02
9070
发布2018-07-18 16:10:02
举报
文章被收录于专栏:奇梦博客奇梦博客

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

美化后:

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

代码语言:javascript
复制
<!-- 主题高亮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>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档