赛博哥谭 发表于 2021-4-6 23:25:58

个人资料自定义图片&重金悬赏css


可以在网页版个人设置界面添加个性图片了,同时也会在手机个人资料显示。
方法:网页-设置-空间背景


建议图片大小500X200
过大手机版背景会显示不全
如果优先电脑版效果,图片可以为1920X400左右


阿文按:
【缺少一个手机版扩展css:】


不用写<style type="text/css"></style>标签,直接写css语句即可,如:#uhd{border-radius: 10px;}


这里我看不懂#uhd是什么意思,尝试填了#uhd{width=100%;},无效
有会写css语句的知道怎么设定width=100%之类的,可以私信@流浪哥谭 提供解决办法,悬赏10000金币(或者10振金)。


大意就是插件作者留了一处可以自定义的css,我想插入一段代码让图片在手机端能完美显示。

更多信息请私信我或者留言。

ps:此项设置需要哥谭元老以上等级才能使用。

代码在此留言或者私信,我都会尝试一下的!

我是yyf铁粉 发表于 2021-4-6 23:25:59

对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。

background-size有3个属性:

    auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。

    cover:当使用该属性时,图片将被缩放至恰好能覆盖div,并且图片被隐藏的部分最少,这种属性在大图背景中应用比较广泛。这点比较难理解,需要结合实践理解。

    contain:当使用该属性时,图片被缩放至最大且能被完全展示出来,但是由于图片的的尺寸比例与div的尺寸比例会有不同,所以当图片不能盖住div时,图片会自动平铺。

crawford 发表于 2021-4-6 23:57:37

#uhd是说对id =uhd那个标签设置中括号里面的样式

我是yyf铁粉 发表于 2021-4-7 08:41:49

background-size:100% 100%;
background-attachment:fixed;

这个显示效果是强制拉伸,不知道是不是你要的效果

blaze 发表于 2021-4-7 08:49:32

python pytorch我再来回答

赛博哥谭 发表于 2021-4-7 08:50:16

我是yyf铁粉 发表于 2021-4-7 08:41
background-size:100% 100%;
background-attachment:fixed;



好的我试试

赛博哥谭 发表于 2021-4-7 08:50:29

blaze 发表于 2021-4-7 08:49
python pytorch我再来回答

大佬这是啥

刁迈乎 发表于 2021-4-7 08:51:20

{:15_435:}

刁迈乎 发表于 2021-4-7 08:51:54

{:15_435:}

jiniersi 发表于 2021-4-7 17:37:29

那啥,我看不懂,教教怎么白嫖悬赏。

嘿嘿哈哈 发表于 2021-4-7 17:40:20

那啥,我看不懂,教教怎么白嫖悬赏。

无名阿文 发表于 2021-4-7 17:40:58

jiniersi 发表于 2021-4-7 17:37
那啥,我看不懂,教教怎么白嫖悬赏。

转发给随便一个程序员基友,骗他说你在学习搭论坛教教我,许诺一次开黑带他赢,然后得到正确答案之后领取奖赏然后回头开黑点金飞鞋整蛊,这样你就白嫖了

芒果小酪 发表于 2021-4-7 18:21:54

那啥,我看不懂,教教怎么白嫖悬赏。

为了自由 发表于 2021-4-7 20:19:18

可以在网页版个人设置界面添加个性图片了,同时也会在手机个人资料显示。

logly_zhao 发表于 2021-4-8 14:09:54

#uhd{border-radius: 10px;}这个就是设置div id为uhd的样式 border-radius是设置圆角弧度,刚才F12看了下uhd应该是网页版的空间背景区域div,所以设置属性可以,但是调成手机模式f12看的话 div似乎是另外一个,没怎么研究过代码结构,可以试着在css里给这个div设置样式看下。

logly_zhao 发表于 2021-4-8 14:17:54

这里不用 #uhd{width:width=100%} 改成. .user_avatar{background-size:cover}试下
页: [1]
查看完整版本: 个人资料自定义图片&重金悬赏css