繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[教學]
虚线、实线..都可以实现头像边框代码(我变我变我变变变! )
[打印本頁]
作者:
empty
時間:
2013-3-15 11:15
標題:
虚线、实线..都可以实现头像边框代码(我变我变我变变变! )
本帖最後由 empty 於 2013-3-15 18:01 編輯
代码位置：其他头部
说明：宽度不需调节，颜色可以修改#ABCFDA为其他颜色
<style>.avatar img{padding:2px 2px 2px 2px !important;border:1px solid #ABCFDA !important;}</style>
複製代碼
border:1px
solid
; 是边框属性 1px是大小
solid是实线 none是无 dotted是点线
dashed
是虚线 double是双线 groove是立体线 ridge也可以说是立体线吧 inset是凹线 outset是凸线【根据你想要的属性修改对应值】
虚线效果
下載
(9.57 KB)
2013-3-15 11:14
我使用的代码
<style>.avatar img{padding:2px 2px 2px 2px !important;border:1px
dashed
#666 !important;}</style>
帮助到了你就回复支持一个吧，新手教程~~咯咯 {:5_144:}
圖片附件:
QQ截图20130315111357.jpg
(2013-3-15 11:14, 9.57 KB) / 下載次數 1015
http://www.sclub.com.tw/discuz/attachment.php?aid=19741&k=ee7e6bc6d656d06cacd18896c3fe6aed&t=1713940831&sid=Ct28EC
作者:
哥哥
時間:
2013-3-15 11:22
沙发 谢谢分享
作者:
tedstarry
時間:
2013-3-15 11:39
提示:
作者被禁止或刪除 內容自動屏蔽
作者:
章鱼
時間:
2013-3-15 12:53
最好再把.avatar的margin设为负2，这样头像菜单不会错位
作者:
章鱼
時間:
2013-3-15 12:53
然后这个代码最好放在其他头部信息
作者:
微醺的岁月
時間:
2013-3-15 15:16
谢谢分享！
作者:
empty
時間:
2013-3-15 15:40
回復
5#
章鱼
其他头部和第三方？都可以放置？还是放置到其他头部效果好一点？？？{:5_147:}
作者:
bossll
時間:
2013-3-15 17:04
回復
7#
empty
妳好!
阿陌站長若要知道,將此代碼放置其他头部和第三方哪個效果好,建議妳可以自己試驗一下就知道了!
作者:
bossll
時間:
2013-3-15 17:05
辛勞熱阿陌站長分享,相關教學!
謝謝!
作者:
章鱼
時間:
2013-3-15 17:54
回復
7#
empty
都可以放,但是CSS一般放在其他头部信息,这样加载速度快
作者:
empty
時間:
2013-3-15 18:01
回復
10#
章鱼
哦哦哦，谢谢，懂了~{:5_144:}
我说我去测试，怎么感觉都一样。。。
作者:
pigeon
時間:
2013-3-15 20:42
感谢分享，章鱼也很热心，支持了。
作者:
pigeon
時間:
2013-3-15 20:42
对了，有没有头像居中的代码
作者:
empty
時間:
2013-3-15 20:45
回復
13#
pigeon
头像居中？？？什么效果？
作者:
达人小G
時間:
2013-3-16 04:10
支持楼主谢谢分享
作者:
赤泽泉美
時間:
2013-3-16 11:16
感谢分享
作者:
pigeon
時間:
2013-3-16 20:22
回復
14#
empty
现在的头像如果尺寸小，就会仅着左上角排放，就是如果有用户组图片可以看出来，头像的右下角显示空白，有没有代码可以把头像挪到整个头像位置的正中间。
作者:
empty
時間:
2013-3-16 20:58
回復
17#
pigeon
没什么大用处的感觉，直接提醒大家不要把头像设置小了，不然会变形的。
作者:
tommy850924
時間:
2013-3-17 01:23
可愛～謝謝分享
作者:
rosa1414
時間:
2013-3-17 07:49
回復
7#
empty
辛苦了。。。加油、多試其他地方、有不同效果、重要的還是依個人的喜愛
作者:
梦旅人。
時間:
2013-3-28 17:19
这个我爱 谢谢楼主
作者:
圓圓
時間:
2013-6-2 11:01
謝謝分享
作者:
晗子嫣
時間:
2013-9-19 11:51
好看，谢谢楼主
作者:
咘懂得
時間:
2014-8-30 11:30
提示:
作者被禁止或刪除 內容自動屏蔽
作者:
wanru
時間:
2014-9-16 01:56
效果很好谢谢
作者:
葱葱
時間:
2015-1-31 09:50
不好意思 请问你们说的其他头部和第三方，在模版管理的什么位置啊？没有看到这个名称标题的文件啊？
作者:
宇宇
時間:
2015-2-5 17:51
謝謝分享教學
作者:
好吃布丁
時間:
2015-2-6 20:06
謝謝分享
作者:
柚橙夏
時間:
2015-2-13 20:28
好看qwq~~~~~~~~~~~~
作者:
柚橙夏
時間:
2015-2-16 16:47
谢谢分享~~
作者:
墨色
時間:
2015-4-30 16:13
哇哦！！这个可以有呀
歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://www.sclub.com.tw/discuz/)
Powered by Discuz! 7.2
圖片附件: QQ截图20130315111357.jpg (2013-3-15 11:14, 9.57 KB) / 下載次數 1015
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line