免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [教學] 虚线、实线..都可以实现头像边框代码(我变我变我变变变! ) [打印本頁]

作者: empty    時間: 2013-3-15 11:15     標題: 虚线、实线..都可以实现头像边框代码(我变我变我变变变! )

本帖最後由 empty 於 2013-3-15 18:01 編輯

代码位置:其他头部
说明:宽度不需调节,颜色可以修改#ABCFDA为其他颜色
  1. <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是凸线【根据你想要的属性修改对应值】

虚线效果
QQ截图20130315111357.jpg
我使用的代码
<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) / 下載次數 3153
http://s-club.tw/discuz/attachment.php?aid=19741&k=92cd15cb452db71ec172e4ba57c51b4e&t=1732337502&sid=Kk8to1


作者: 哥哥    時間: 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://s-club.tw/discuz/) Powered by Discuz! 7.2