Change Background image - Better Battlelog Forums #1799

Sitemap
Topicstarter
Ive created my own background page but cannot get it to show at all, maybe the size is not right but it just goes black, ive hosted the image at Image shack, any help would be great thanks.
Whats the ideal size, im using 1080 by 1920?


Edit:

keep this Thread as a how to file for other noobs like myself:)

Heres the end result...
http://img151.imageshack.us/img151/7948/betterbattlelogexample.jpg


I hope EA or Dice buy Better Battlelog from you, it really is a huge needed upgrade.

Thanks again!
Topicstarter
i can now see the image when i move the size down to width 800 but the image is too small now and it is tiling the image, does this change the background function work, if yes hoe do i remove th etiling and get the image the correct size for 1080 1920?
Topicstarter
Sigh ive tried everything, and still cant put my own battlelog background, keeps tiling it at 800 width or showing all black with the 1920 by 1080,
Just show your image link here.
If you need to positioning your image you need to use the background: css statement (tutorial is linked unter the background edit field).
if you can german, i have written here a long description how to use it in BBLog.
http://battlelog.battlefield.com/bf3/de/forum/threadview/2832654624834490856/last/


I will translate it to english.
Topicstarter
.
For the first, its no bug. Moved.
You image is to small. You should always use HD images (1920 x any).
Than you should positioning it to the top left, thats it.

background:top left url(yoururl.com)
Topicstarter
ok finally got it to work the problem i was having earlier was that i was uploading at image shack but they were not 1920 wide, i then uploaded them to photobucket where it was resizing it, so i uploaded the 1920 width to imageshack and it worked, only its slow, is there a faster preferred hosting site?
http://imgur.com/
?

you can use center to center the image and you can use fixed to make it not scroll.

so background: url(img_url) top center fixed no-repeat
Topicstarter
Its cool il stick with this, thanks everyone for your help :)
and thanks for better battlelog.
Topicstarter
so it looks ok, still cant stop it from tiling, so when i scroll down the image starts again, i have no idea where to put centre or fixed repeat , at imageshack?
JASPER wrote:
so it looks ok, still cant stop it from tiling, so when i scroll down the image starts again, i have no idea where to put centre or fixed repeat , at imageshack?

To stop the image from tiling add 'no-repeat' and to make the page scroll instead of the background add 'fixed'.

Example: background: url(IMAGE_URL_HERE) fixed no-repeat
You add that little piece of code (or whatnot) where you enter the URL to change the background.

Pretty much what juress said :)
Topicstarter
oh when i type it in better battlelog, ok will try, sorry if i didnt understand before hand when the same thing was posted.
Topicstarter
I tried this and it removed the image and gave me the standard premium background
http://img521.imageshack.us/img521/3944/battlelogbattlefield3ja.jpg
top center fixed no-repeat
im not winning here, but thanks anyway.
hopefully there will be a noob friendly method where you can just upload the image normally without any code.
JASPER wrote:
I tried this and it removed the image and gave me the standard premium background
http://img521.imageshack.us/img521/3944/battlelogbattlefield3ja.jpg
top center fixed no-repeat
im not winning here, but thanks anyway.
hopefully there will be a noob friendly method where you can just upload the image normally without any code.

It works perfectly...
background: url(http://img521.imageshack.us/img521/3944/battlelogbattlefield3ja.jpg) no-repeat top center

and add fixed if you want the image to scroll up and down with you...
proof:
http://i.imgur.com/WXDMr.jpg
JASPER wrote:
http://img521.imageshack.us/img521/3944/battlelogbattlefield3ja.jpg top center fixed no-repeat

That code is wrong, you forgot the url() and background:
Like this
background:url(http://img521.imageshack.us/img521/3944/battlelogbattlefield3ja.jpg) top center fixed no-repeat
We don't built other methods to change background, a upload don't solve your problem.
Topicstarter
Thanks for your help i really appreciate it, it is now fixed as one graphic and the other bit scrolls
Solution merged into first post. And closed.