Jump to content
  • 0

XATSPACE


Question

  • Members

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.
Link to post
Share on other sites

17 answers to this question

Recommended Posts

  • 5
  • Smiley Makers

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;

Link to post
Share on other sites
  • 0
  • Wiki Editors

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.

Link to post
Share on other sites
  • 0
  • Members
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

Link to post
Share on other sites
  • 0
  • Wiki Editors

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,

Link to post
Share on other sites
  • 0
  • Volunteers
#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?

Link to post
Share on other sites
  • 0
  • Members
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

Link to post
Share on other sites
  • 0
  • Volunteers
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?

Link to post
Share on other sites
  • 0
  • Members
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

Link to post
Share on other sites
  • 0
  • Members

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
Link to post
Share on other sites
  • 0
  • Smiley Makers

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.

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

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.