Jump to content
  • 0

Question

ok so heres the thing, i added this css code: 

background:url('https://i.imgur.com/9WaWGR7.jpg') no-repeat center fixed,#000000; background-size: cover}*{font-size:10px}*{font-family:Arial, sans-serif}*{color:blue}*{text-shadow:0px 2px 2px #000}*{cursor: url('http://i.imgur.com/I9n3k9V.png') ,auto}#xatstyinfo,#xatstyabout0,#xatstywhatpoll,hr{display:none}#xatstyheader,td,#xatstymedia{background:none}table{position:fixed}table{bottom:0;

and when i go to my xatspace, there are parts of the edges that are hidden behind the bars, but when i click F11 key, i can see the whole background, this background size is like, oversized, so is there any idea how to set the size on point?

Edited by muffins
Tweaked format.

Share this post


Link to post
Share on other sites

17 answers to this question

Recommended Posts

  • 5

Try this css

 

background:url(https://s20.postimg.org/dv4su51r1/quint.png) no-repeat center fixed,#000000; background-size: cover}*{font-size:10px}*{font-family:Arial, sans-serif}*{color:blue}*{text-shadow:0px 2px 2px #000}*{cursor: url(http://i68.tinypic.com/34pkmd4.png) ,auto}#xatstyinfo,#xatstyabout0,#xatstywhatpoll,hr{display:none}#xatstyheader,td,#xatstymedia{background:none}table{position:fixed}table{bottom:0;}#screen{position:absolute}#screen{z-index:-99} #screen{width:100%} #screen{height:100%} #screen{background:url(https://i.cubeupload.com/3EEcCb.jpg)center fixed no-repeat; background-size:cover;

Share this post


Link to post
Share on other sites
  • 0

The image you're trying to use is relatively large (3200x1800). Most people nowadays have a 1080p screen, so generally 1920x1080 is the ideal size you'd want to use.

 

Try doing that and reply back how it goes.

Share this post


Link to post
Share on other sites
  • 0
Just now, Kyle said:

The image you're trying to use is relatively large (3200x1800). Most people nowadays have a 1080p screen, so generally 1920x1080 is the ideal size you'd want to use.

 

Try doing that and reply back how it goes.

so you mean i fix that on photoshop? i set the size to that? 

NAH it didnt work, same issue but lower quality

Share this post


Link to post
Share on other sites
  • 0

It may come out distorted if you just attempt to resize the current image to 1920x1080. I don't really use Photoshop so I don't know per se; perhaps you could resize the background layer in Photoshop to 1920x1080?

 

I don't know but, if all else fails, you could start a new project at 1920x1080,

Share this post


Link to post
Share on other sites
  • 0
#screen{position:absolute}#screen{z-index:-99} #screen{width:100%} #screen{height:100%} #screen{background:url(URL HERE)center fixed no-repeat; background-size:cover}

If you insert this into your CSS, does it fix the problem?

Share this post


Link to post
Share on other sites
  • 0
7 minutes ago, Angelo said:

#screen{position:absolute}#screen{z-index:-99} #screen{width:100%} #screen{height:100%} #screen{background:url(URL HERE)center fixed no-repeat; background-size:cover}

If you insert this into your CSS, does it fix the problem?

No. it disappears

Share this post


Link to post
Share on other sites
  • 0
9 minutes ago, SlimShady said:

No. it disappears

background:url(http://i68.tinypic.com/21oo5yb.jpg) no-repeat center fixed,#000000; background-size: cover}*{font-size:10px}*{font-family:Arial, sans-serif}*{color:blue}*{text-shadow:0px 2px 2px #000}*{cursor: url(http://i68.tinypic.com/34pkmd4.png) ,auto}#xatstyinfo,#xatstyabout0,#xatstywhatpoll,hr{display:none}#xatstyheader,td,#xatstymedia{background:none}table{position:fixed}table{bottom:0;}#screen{position:absolute}#screen{z-index:-99} #screen{width:100%} #screen{height:100%} #screen{background:urlhttp://i68.tinypic.com/21oo5yb.jpg)center fixed no-repeat; background-size:cover}

This?

Share this post


Link to post
Share on other sites
  • 0
2 minutes ago, Angelo said:

background:url(http://i68.tinypic.com/21oo5yb.jpg) no-repeat center fixed,#000000; background-size: cover}*{font-size:10px}*{font-family:Arial, sans-serif}*{color:blue}*{text-shadow:0px 2px 2px #000}*{cursor: url(http://i68.tinypic.com/34pkmd4.png) ,auto}#xatstyinfo,#xatstyabout0,#xatstywhatpoll,hr{display:none}#xatstyheader,td,#xatstymedia{background:none}table{position:fixed}table{bottom:0;}#screen{position:absolute}#screen{z-index:-99} #screen{width:100%} #screen{height:100%} #screen{background:url(https://i.cubeupload.com/3EEcCb.jpg)center fixed no-repeat; background-size:cover}

This?

http://prntscr.com/hf9nda same issue

Share this post


Link to post
Share on other sites
  • 0

Nope. should I ? @Angelo

 

8 hours ago, Mike said:

Try this css

 

background:url(https://s20.postimg.org/dv4su51r1/quint.png) no-repeat center fixed,#000000; background-size: cover}*{font-size:10px}*{font-family:Arial, sans-serif}*{color:blue}*{text-shadow:0px 2px 2px #000}*{cursor: url(http://i68.tinypic.com/34pkmd4.png) ,auto}#xatstyinfo,#xatstyabout0,#xatstywhatpoll,hr{display:none}#xatstyheader,td,#xatstymedia{background:none}table{position:fixed}table{bottom:0;}#screen{position:absolute}#screen{z-index:-99} #screen{width:100%} #screen{height:100%} #screen{background:url(https://i.cubeupload.com/3EEcCb.jpg)center fixed no-repeat; background-size:cover;

Thanks to you. its almost solved, but there are a little bit more still hidden http://prntscr.com/hfewtg

Edited by SlimShady

Share this post


Link to post
Share on other sites
  • 0
1 hour ago, SlimShady said:

I bought it, whats the next move?

Go to edit profile and then mark the Power ME option so save it

Share this post


Link to post
Share on other sites
  • 0

The problem is the image needs to be recreated to fit exactly in 1358x672 (my resolution) which would make it work on most others perfectly assuming you fit everything into the box correctly. I did this with your image but I just shrunk it to fit, you'd be better off remaking the image smaller.

Share this post


Link to post
Share on other sites
  • 0

The question or questions in this topic have been answered and an answer has been marked. This topic is now closed.

 

If you have any other questions, please open a new topic.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.