繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
成為SCLUB使用者論壇會員
登錄
論壇首頁
搜索
應用程序
幫助
導航
私人消息 (0)
公共消息 (0)
論壇任務 (0)
系統消息 (0)
好友消息 (0)
帖子消息 (0)
應用通知 (0)
應用邀請 (0)
SCLUB免費論壇申請-使用者論壇
»
Discuz--版型設置
» 分享一款头像圆角代码,加阴影立体效果。
返回列表
發帖
發短消息
加為好友
无界
當前離線
UID
40309
帖子
1905
精華
1
閱讀權限
100
在線時間
2975 小時
註冊時間
2012-11-16
版主
積分
5071
威望
5071
金錢
2879
最後登錄
2025-4-7
1
#
跳轉到
»
倒序看帖
打印
字體大小:
t
T
无界
發表於 2016-12-21 20:48
|
顯示全部帖子
[版型教學]
分享一款头像圆角代码,加阴影立体效果。
效果如图:
下載
(6.76 KB)
2016-12-21 20:48
将下边代码放到css_common模板最下边即可。
.postauthor .avatar a img {
width: 100%;
border-radius: 50%;
border: 5px solid #FFF;
box-shadow: 0px 6px 20px 0px rgba(0,0,0,.19),0px 8px 16px 0px rgba(0,0,0,.2);
}
複製代碼
1
評分人數
我很贊同
威望 + 4
金錢 + 4
4rphotoclub
收藏
分享
爱秀代码
發短消息
加為好友
无界
當前離線
UID
40309
帖子
1905
精華
1
閱讀權限
100
在線時間
2975 小時
註冊時間
2012-11-16
版主
積分
5071
威望
5071
金錢
2879
最後登錄
2025-4-7
2
#
无界
發表於 2016-12-22 00:21
|
顯示全部帖子
回復
3#
21648069
再加一句
.popavatar a img {border-radius: 50%;}
複製代碼
TOP
返回列表
Discuz--風格
☆【建議我們】
Discuz--代碼美化
◎【系統問題反應】
[收藏此主題]
[關注此主題的新回復]
[通過 QQ、MSN 分享給朋友]