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

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

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

建议图片大小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时，图片会自动平铺。

2塔 2021-4-6 23:25:59 回复收起回复

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

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

3塔 2021-4-6 23:57:37 回复收起回复

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

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

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

4塔 2021-4-7 08:41:49 回复收起回复

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

python pytorch我再来回答

5塔 2021-4-7 08:49:32 回复收起回复

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

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

好的我试试

6塔 2021-4-7 08:50:16 回复收起回复

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

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

大佬这是啥

7塔 2021-4-7 08:50:29 回复收起回复

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

{:15_435:}

8塔 2021-4-7 08:51:20 回复收起回复

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

{:15_435:}

9塔 2021-4-7 08:51:54 回复收起回复

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

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

10塔 2021-4-7 17:37:29 回复收起回复

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

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

11塔 2021-4-7 17:40:20 回复收起回复

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

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

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

12塔 2021-4-7 17:40:58 回复收起回复

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

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

13塔 2021-4-7 18:21:54 回复收起回复

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

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

14塔 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设置样式看下。

15塔 2021-4-8 14:09:54 回复收起回复

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

这里不用 #uhd{width:width=100%} 改成. .user_avatar{background-size:cover}试下

16塔 2021-4-8 14:17:54 回复收起回复

		自动登录	找回密码
密码			开始流浪*

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

最佳答案

已有 0 人打赏作者

本帖子中包含更多资源

本帖子中包含更多资源