Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Share your images. 分享你的背景图。 #106

Open
shalldie opened this issue May 27, 2018 · 51 comments
Open

Share your images. 分享你的背景图。 #106

shalldie opened this issue May 27, 2018 · 51 comments

Comments

@shalldie
Copy link
Owner

shalldie commented May 27, 2018

分享各自的背景图。
Share the background images.

@shalldie
Copy link
Owner Author

backtop1
backtop2
backtop3

@shalldie
Copy link
Owner Author

logo
show

@shalldie
Copy link
Owner Author

currupt_des

@shalldie
Copy link
Owner Author

err_tip

@shalldie
Copy link
Owner Author

@treezhou05
这个issue是用来存放一些图片用的(有些朋友想要原图),请不要在此回复。你可以另开一个。

插件下载之后就会自动运行。如果不显示则一般是权限原因。

@TreeZhou
Copy link

TreeZhou commented Jun 29, 2018

自己调整的图片,希望大家喜欢。谢谢作者的解答,最后设置好了。
image
image

https://i.loli.net/2018/06/29/5b35d7383694b.png
https://i.loli.net/2018/06/29/5b35d75e58fde.png

@piumnl
Copy link

piumnl commented Oct 16, 2018

17
个人喜欢这张,这张来自游戏 arcaea(没拿授权,权当广告

@UserNameYSH
Copy link

So, how do you set up different background images in paging mode?
那么,如何在分页模式中设置不同的背景图像呢?

@UserNameYSH
Copy link

菜鸟报道

@UserNameYSH
Copy link

那么,如何在分页模式下设置不同的背景图像?那么,如何在分页模式中设置不同的背景图像呢?

啊,已经找到了,逗号万岁

@yywc
Copy link

yywc commented Apr 2, 2019

image

pika

提交一只皮卡丘

"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"right": "0",
"bottom": "0",
"width": "45%",
"height": "45%",
"z-index": "9999",
"background-size": "contain",
"opacity": 0.3,
},
"background.useDefault": false,

@craybee
Copy link

craybee commented May 11, 2019

大锅,你介个插件的本地安装路径可以提供下吗

@DragonQuestHero
Copy link

"background.customImages":[
    "https://user-images.githubusercontent.com/24371189/47023104-85336080-d191-11e8-957f-b4ac3f8a24c1.png",
],
"background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "right": "0",
    "bottom": "0",
    "width": "100%",
    "height": "100%",
    "z-index": "9999",
    "background-size": "contain",
    "opacity": 0.3,
    },
    "background.useDefault": false,

感觉还行

@mariusagur
Copy link

vscode20200220

@8naf
Copy link

8naf commented Jun 30, 2021

image
https://i.ibb.co/5c03GT5/Gawr-Gura-4.webp
https://i.ibb.co/BCp4pLR/Gawr-Gura-8.webp

@8naf
Copy link

8naf commented Jun 30, 2021

image
https://i.ibb.co/P5sqRWR/Kinako-4.png
https://i.ibb.co/tmVtR8Z/Kinako-3.png

@8naf
Copy link

8naf commented Jun 30, 2021

image
https://i.ibb.co/pxQDkjg/Menhera-19.webp
https://i.ibb.co/BthcFjP/Menhera-3.png

@yuguansu
Copy link

九公主-21
九公主-31

@cdry
Copy link

cdry commented Sep 13, 2021

bg

@shalldie shalldie pinned this issue Sep 23, 2021
@LeSnow-Ye
Copy link

LeSnow-Ye commented Oct 1, 2021

默认图片有出处吗?还是大佬自己画的 ¿

要是自定义图片和默认图片能同时生效就好了

附一张 Toru

Toru_gif

@HUANG-Haolun
Copy link

hanser!
hanser555

@en1cm4
Copy link

en1cm4 commented Nov 17, 2021

¿Cual archivo es el que debo modificar ? o cual es la ruta del archivo...

@Jasonzyt
Copy link

Jasonzyt commented Jan 3, 2022

bg

康――娜――(破音

@Jasonzyt
Copy link

Jasonzyt commented Jan 3, 2022

77353796_p0 clannad
pixiv id 77353796

@mason-jing
Copy link

有大佬知道怎样将背景设为全屏吗?我现在图片只能显示在代码编辑区

@yuguansu
Copy link

有大佬知道怎样将背景设为全屏吗?我现在图片只能显示在代码编辑区

外面有相同问题,因为权限问题,暂不支持

@sulbon
Copy link

sulbon commented Mar 23, 2022

{
"background.loop": false,
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"https://raw.githubusercontent.com/cat-milk/Anime-Girls-Holding-Programming-Books/master/Typescript/Beako_Reading_The_TypeScript_Programming_Language.png"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "100% 100%",
"background-repeat": "no-repeat",
"background-size": "contain",
"opacity": 0.25,
"-webkit-mask-image": "linear-gradient(90deg, transparent, black, black)",
"-webkit-mask-size": "40% 100%",
"-webkit-mask-repeat": "no-repeat",
"-webkit-mask-position": "right top, right bottom",
},
}

无标题
梦-幻-联-动 https://github.com/cat-milk/Anime-Girls-Holding-Programming-Books

@tonine1337
Copy link

@therainisme
Copy link

therainisme commented Apr 16, 2022

image

kq

https://user-images.githubusercontent.com/41776735/163673800-0e575aa3-afab-405b-a833-212474a51adc.png

"background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "right": "0",
    "bottom": "0",
    "width": "10vw",    
    "z-index": "9999",
    "background-size": "contain",
    "opacity": 0.3,
}

@PommesPeter
Copy link

image

url:https://user-images.githubusercontent.com/54879512/163674024-1a132324-b35d-4795-a062-2c819736e29e.png

"background.style": {
  "content": "''",
  "pointer-events": "none",
  "position": "absolute",
  "right": "0",
  "bottom": "0",
  "width": "30%",
  "height": "30%",
  "z-index": "9999",
  "background-size": "contain",
  "opacity": 0.5,
  },

@pengxiaotian
Copy link

image

@shalldie
Copy link
Owner Author

background-fullscreen

@KoichiKiyokawa
Copy link

image

  "background.fullscreen": {
    "image": "https://i.pinimg.com/originals/59/0e/d3/590ed3a4e7be835cb48a2288c017fa54.jpg",
    "size": "contain",
    "opacity": 0.88
  }

@shalldie
Copy link
Owner Author

shalldie commented Nov 4, 2022

590ed3a4e7be835cb48a2288c017fa54

@wenda84
Copy link

wenda84 commented Jan 17, 2023

image

pika

提交一只皮卡丘

"background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "right": "0", "bottom": "0", "width": "45%", "height": "45%", "z-index": "9999", "background-size": "contain", "opacity": 0.3, }, "background.useDefault": false,

这个配置可以使用,thx

@shalldie
Copy link
Owner Author

shalldie commented Feb 8, 2023

image

rYHWm9f6nt3pSwc

seH6v1pJIdODynX

@summerainX
Copy link

如果我想设置不透明的应该如何配置呢 就是背景图片是不透明的,直接调整透明度会导致代码部分 被覆盖了,颜色很奇怪

@shalldie
Copy link
Owner Author

shalldie commented Apr 6, 2023

@summerainX
可以再开个issue描述问题,这个issue用于大家分享图片~

@rlawotmd7991
Copy link

rlawotmd7991 commented Apr 21, 2023

4kcyberpunk

image

@JoCat
Copy link

JoCat commented Jun 10, 2023

image
_amber_and_baron_bunny_genshin_impact_drawn_by_pinocchio_dlekrkdwlt

@shalldie shalldie changed the title vscode-background images Share your images. 分享你的背景图。 Jun 29, 2023
@VladyslavParashchenko
Copy link

@shalldie could you share your config, I would like to have one image per each open editor tab like on your screenshots

@shalldie
Copy link
Owner Author

shalldie commented Jul 17, 2023

@shalldie could you share your config, I would like to have one image per each open editor tab like on your screenshots

@VladyslavParashchenko

  "background.enabled": true,
  "background.useFront": true,
  "background.customImages": [
    "https://i.loli.net/2021/03/26/seH6v1pJIdODynX.png",
    "https://i.loli.net/2021/03/26/rYHWm9f6nt3pSwc.png"
  ],
  "background.interval": 12,
  "background.style": {
    "background-size": "320px 460px",
    "opacity": 0.4
   }

@VladyslavParashchenko
Copy link

@shalldie thanks a lot, it works

@YL-python
Copy link

image

// background 插件设置 start
"background.enabled": true,
"background.useFront": true,
"background.useDefault": false,
"background.customImages": [
"https://upload-bbs.miyoushe.com/upload/2023/02/24/196231062/8540249f2c0dd72f34c8236925ef45bc_3880538836005347690.png"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"right": "7%",
"bottom": "0",
"width": "30%",
"height": "30%",
"background-repeat": "no-repeat",
"background-size": "contain",
"opacity": 0.3
},
// background 插件设置 end

@changehu
Copy link

changehu commented Dec 4, 2023

cyt

@Musicminion
Copy link

放一只绫华!
ayaka-origin

@shalldie
Copy link
Owner Author

@ZWL2307375057
Copy link

https://files.codelife.cc/wallhaven/full/8o/wallhaven-8om931.jpg?x-oss-process=image/resize,limit_0,m_fill,w_2560,h_1440/quality,Q_92/format,webp 摸鱼时看看腿也不错喔 @_ @ !

wallhaven-8om931

呀,预览图放错了,作者好细心,爱了爱了~

@ZWL2307375057
Copy link

您好,请问可以分享一下你的字体配色吗,我觉的你的这个配色非常鲜明,想抄个作业~

@shalldie
Copy link
Owner Author

@ZWL2307375057
我的吗?

没有啥额外的配置,
font size: 14px
颜色主题:Default Dark+

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests