Jiathis官网JiaThis博客 | 专注于社会化插件!

七/13

2

绝对干货:友言多风格样式DIY参数大全

对于喜欢样式DIY的站长们,这绝对是干货~~

友言提供了默认的框体样式,如果您在使用时,不满足于默认的样式,可以根据需求重新设计框体的外观,使评论框和网站的风格统一化。感兴趣的朋友一起来探讨,研发的乐趣就在于此。
友言后台例举了CSS样式案例:

隐藏顶部 #uyan_top{display: none !important;}
隐藏喜欢 #uyan_like{display: none !important;}
隐藏排序 #uyan_sort{display: none !important;}
隐藏计数统计 #uyan_tts{display: none !important;}
评论用户名样式 .uyan_cmt_uname{color: #3B5998 !important;}
评论用户头衔样式 .uyan_cmt_utname{color: #303030 !important;}
评论文本样式 .uyan_cmt_txt{color: #303030 !important;}
评论时间样式 .uyan_cmt_exp div{color: #303030 !important;}
评论回复等样式 .uyan_cmt_exp a{color: #303030 !important;}

以下是小言在本地测试后,得到的CSS修改表。有您需要的,请直接复制代码到友言后台的样式DIY框中,保存设置,前台即可显示效果。就不多说了,直接上表。

评论计数样式 #uyan_cmt_tit{font-size:19px !important;}
隐藏星星 #uyan_star{display: none !important;}
隐藏表情 #uyan_smile{display: none !important;}
隐藏社交账号登陆 #uyan_ottype{display: none !important;}
隐藏匿名登陆 #uyan_vis{display: none !important;}
按时间排序样式 #uyan_sort_name{font-size:17px !important;}
新浪微博样式 #uyan_sort_tsina{font-size:17px !important;}
腾讯微博样式 #uyan_sort_tqq{font-size:17px !important;}
评论内容样式 .uyan_cmt_txt{font-size:17px !important;}
发布按钮文字样式 #uyan_cmt_btn{color:#ffffff !important;}
登陆后用户名样式 #uyan_uname_txt{font-size:18px !important;}
个人信息样式 #uyan_usp div{font-size:15px !important;}
用户来源样式 .uyan_cmt_ufromname{font-size:17px !important;}
昵称必填样式 #uyan_l_uname{margin-left:-55px !important;width:159px !important;}
个人信息邮箱样式 #uyan_femail_show{color: #2c602f !important; }
个人信息评论数样式 #uyan_uacn{color: #2c602f !important;}
个人信息喜欢数样式 #uyan_uvon{color: #2c602f !important; }
框内文本样式 #uyan_comment{color: #2c602f !important; }
最新评论组件昵称样式 #uyan_newcmt_unit div{font-size:15px !important;}
最新评论内容及昵称样式 .uyan_weight_item a {color: #282828 !important;}
按时间排序下的横线样式 #uyan_sort {margin:23px 0 !important;}
登陆后的退出和发布样式 #uyan_stat_info a{font-size:16px !important;}
顶踩回复样式 .uyan_cmt_exp a{color: #303030 !important;}
背景颜色样式 #uyan_frame{background:#303030;}

 

提示:以上DIY样式是以“多彩”风格的评论框为例。站长可以通过Firebug等插件直接读取评论框css,并将更改内容写至CSS样式表中,如果修改代码不生效,不要忘记加入 !important 使设置的css优先级提高。

各位网站主们,对研究它的奥妙之处可谓是乐此不疲。有木有?喜欢样式自定义的朋友们还等什么,走起~

以上DIY样式在使用过程中有不懂之处,请咨询友言在线客服,QQ:1735067958


No tags

<<

>>

Theme Design by devolux.nh2.me