免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
帖子
发帖
查看: 1万|回复: 1
上一主题 下一主题 打印

[已解决] 新会员数据调用里的会员名长度问题   [复制链接]

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

附件:您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 麻城生活网 于 2018-12-4 09:14 编辑

原爱秀社区新会员数据调用代码
  1. <style type="text/css">
  2. #huiyuan_img ul li:before{content:"";transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg)}
  3. #huiyuan_img ul li:after{content:"";transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg)}
  4. #huiyuan_img ul li img{border-radius:50%;border:2px solid #fff;box-shadow:1px 1px 0 0 rgba(0,0,0,.2);transition:1s;-webkit-transition:1s;-moz-transition:1s}
  5. #huiyuan_img ul li img:hover{-webkit-transform:rotate(360deg) scale(1.5);-moz-transform:rotate(360deg) scale(1.5);-ms-transform:rotate(360deg) scale(1.5);-o-transform:rotate(360deg) scale(1.5)}
  6. .wj1{float:left;margin:6px 0;width:15px;border:1px solid #DDD;text-align:center;display:inline;-moz-border-radius:2px}
  7. .wj2{float:left;margin:5px 0 0 0;width:5px}
  8. #huiyuan_img{float:left;width:66px}
  9. #huiyuan_img ul{text-align:center}
  10. </style>

  11. <div id="huiyuan" style="height:75px!important;">
  12. <div class="wj2"></div><div class="wj1">新会员</div>
  13. [node]
  14. <div id="huiyuan_img">
  15. <ul><li>{avatarsmall}</li><span>{member}</sapn></ul>
  16. </div>
  17. [/node]
  18. </div>
复制
安装到我的论坛效果
捕获.PNG
2018-12-2 22:35


请问如何做到长会员名缩短限制,确保为一行显示???

最近看过此主题的会员

你好世界
访问时间:2022-10-11 20:24
开心
访问时间:2020-09-07 11:34
恒小杰
访问时间:2019-10-01 16:18
芙蓉姐姐
访问时间:2019-07-11 20:47
众望所归
访问时间:2018-12-10 15:07
Yenifer
访问时间:2018-12-06 16:11
麻城生活网
访问时间:2018-12-04 09:14
icode
访问时间:2018-12-04 00:33
天使小小
访问时间:2018-12-03 08:47

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

回复 1# 麻城生活网


    改一下#huiyuan_img ul 的css为
#huiyuan_img ul {
    text-align: center;
    overflow: hidden;
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

点评

麻城生活网   

好的    我去  试试   无界兄    我主页那个你看了没有   什么问题你知道吗    其他页面都好好的   就是主页导航有问题    手机端 不是以前的    发表于 2018-12-3 22:08 

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖
B Color Image Link Quote Code Smilies
高级模式 | 发新话题

 
您需要登录后才可以回帖 登录|立即注册 
快速
返回顶部
返回首页