With BBLog 2.0 you can change the Background Image and Color of Battlelog like you want. For this you have to go to BBLog Center -> Minor Improvement -> Change Battlelog Background.
Many BBLog user asked, how they have to include the CSS Code, so i will write here a tutorial based on my german version.
There are 2 different ways how you can use it, a simple and a more complicated way.
1.) Simple way:
Just include ONLY the URL of you Graph into the Text Area and Save it.
This is easy but have one problem. Yout Background Image will be repeated ongoing.
Check for an Example: (Just include following line into text area) http://battlelog-cdn.battlefield.com/public/comcenter/unread.gif
2.) Customizable, complicated way:
On this way you can customize your background more than on the first way, but you have to do more things. You have to include a correct CSS Code, otherwise it won't work like you want. i have written here a description wich is the easiest way to generate this code.
Most important point: the " and ' signs you just need by the Image URL, nowhere else.
2.1.) Background Color:
next we will define the background color. for this you should use the HEX Code. For Example
for red or
for black and else. Photoshop, GIMP and other graphic/photo editors can help you to find the right HEX Code. You can use the names for colors too, for example
red, green, blue
and else. if you want to learn more about this topic please read:
2.2.) Background position:
by the next step you have to define the position of your background image. here you should following the Rule
because if you use only dates in pixel for the position, it will ALWAYS follow this rule!
for example: if you write 200px 100px, the left top corner of the image will be positioned 200px on the RIGHT SIDE and 100px UNDER the TOP of the left top corner of the browser window.
Now the Background Image. You have different ways to include it but you have alway to write the full path to the graphic. so you have to use one of these commands, adress is a space holder for the path: url("ADRESS")
Full Examples how it could work:
i have created for you some examples so you can test it how it could work.
for this i took the background from bf3stats.com
#ffffff -200px 400px no-repeat url("http://files.bf3stats.com/img/bf3/sitebg.jpg") #ffffff fixed no-repeat url("http://files.bf3stats.com/img/bf3/sitebg.jpg") #ffffff center top no-repeat url("http://files.bf3stats.com/img/bf3/sitebg.jpg") #ffffff center top repeat url("http://battlelog-cdn.battlefield.com/public/comcenter/unread.gif")
Hope i could help you. have fun by using the background function from BBLog.
If you want to learn more, please read: