适合小白的多说本地化、显示多说评论者UA信息及管理员标示教程(多说已say byebye)

Author: 陌小雨Date: 2017-10-15View: 228

1、下载本站分享的embed.js

地址:

修改上述文件中的8386621为你自己的多说id,然后上传到自己的主题文件夹.下面两个步骤就可以获取自己的多说id啦,先登录多说官网后台,然后依次按下图操作:

2、在主题style.css中添加下面css

多说显示UA css样式

/*多说UA开始*/
.user_admin {
    background-color: #F69EE5!important;
    border-color: #357ebd!important;
    color: #FFFFFF!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
span.ua{
	margin: 0 1px!important;
	color:#FFFFFF!important;
	/*text-transform: Capitalize!important;
	float: right!important;
	line-height: 18px!important;*/
}
.ua_other.os_other{
	background-color: #ccc!important;
	color: #fff;
	border: 1px solid #BBB!important;
	border-radius: 4px;
}
.ua_ie{
	background-color: #428bca!important;
	border-color: #357ebd!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_firefox{
	background-color: #f0ad4e!important;
	border-color: #eea236!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_maxthon{
	background-color: #7373B9!important;
	border-color: #7373B9!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_ucweb{
	background-color: #FF740F!important;
	border-color: #d43f3a!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_sogou{
	background-color: #78ACE9!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_2345explorer{
	background-color: #2478B8!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_2345chrome{
	background-color: #F9D024!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_mi{
	background-color: #FF4A00!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_lbbrowser{
	background-color: #FC9D2E!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_chrome{
	background-color: #EE6252!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_qq{
	background-color: #3D88A8!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_apple{
	background-color: #E95620!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_opera{
	background-color: #d9534f!important;
	border-color: #d43f3a!important;
	border-radius: 4px;
	padding: 0 5px!important;
}


.os_vista,.os_2000,.os_windows,.os_xp,.os_7,.os_8,.os_8_1 {
	background-color: #39b3d7!important;
	border-color: #46b8da!important;
	border-radius: 4px;
	padding: 0 5px!important;
}

.os_android {
	background-color: #98C13D!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_ubuntu{
	background-color: #DD4814!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_linux {
	background-color: #3A3A3A!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_mac{
	background-color: #666666!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_unix{
	background-color: #006600!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_nokia{
	background-color: #014485!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
/*多说UA结束*/

3、替换多说插件目录下文件wordpress.php,搜索embed.js替换地址为你第一步上传的地址。

4、然后就没有然后了,推荐你一款很漂亮的多说css样式:点此前往