Night Theme - Better Battlelog Forums #139607

Sitemap
Post edited 1 x times, last by
Topicstarter
This is topic for the nice, light, transparent theme for the BF4 Battlelog. Fast loading, no bugs including, every week updates

Screenshots
Topicstarter
Daily major 1.1 update: some design improvements
Where can i download this?
Topicstarter
Download BBL here -
http://getbblog.com/install
activate it, swipe to menu, click on "themes" and select "night theme" and reload the page
Topicstarter
In 1.2:

- Meet: New background!
- Platoon page small improvements
- Copyright improvements
- New colors to forums/headers/e.t.c.
- New colors to top menu
- Added background for footer
- Some other improvements and fixes
Topicstarter
In 1.2.3:
- Fixed some errors
- Design improvements
Post edited 1 x times, last by
Topicstarter
215 of installs, thank you all!!!
Topicstarter
Update, test new background and new design!
Topicstarter
Thanks for downloads guys! There's very popular theme! I will make update soon
Topicstarter
Update 1.4

- New background
- Added borders left and right both for Container
- Fixed bug with Buttons border
- Updated Server Loading Panel buttons
- Updated color of forum replies
Theme looks good
Topicstarter
azphat12 wrote:
Theme looks good


Thanks!
Thank you for this clean and simple theme but please remove the "Thanks/Usage" Message or at least make it removable.

Thanks.
Post edited 1 x times, last by
Topicstarter
ezek1el3000 wrote:
Thank you for this clean and simple theme but please remove the "Thanks/Usage" Message or at least make it removable.

Thanks.


Just forget to remove it -_-

Removed!
Holy cow. That was quick. Thanks!
ok i'm a bit lost how do you add the theme
really nice looking theme, I'll be using this one for awhile. great work!
Topicstarter
Update! New blur effect & New backround
Post edited 1 x times, last by
Is there a way to add a custom background to this theme?
Because after you change it via BBlog, the blurry part of the center of the page doesn't change.
Topicstarter
manu094 wrote:
Is there a way to add a custom background to this theme?
Because after you change it via BBlog, the blurry part of the center of the page doesn't change.


U can manually change it by this css code

#base-background::before {
background-image: url("");
}
Topicstarter
Update 1.4.7

- Improved faster loading
- Updated background
- Added place in bottom of the site for chats
- Added new right border in menu
- Updated design of the bottom chats
Topicstarter
Update 1.4.5:

- New related with new BF Background
- New menu design - what do you think about it?
- Fix for buttons borders
If you want to hide the unnessesary panels under top story like i do with mine, add this css :)
With style applied


#bottom-tiles > .tiles:first-child{
display: none;
}
#bottom-tiles > .tiles:nth-child(2){
height: 147px;
}
#bottom-tiles > .tiles:last-child > .premium{
display: none;
}
#bottom-tiles > .tiles:nth-child(2) > .challenges > .box{
position: relative;
top: -144px;
right: -336px;
width: 328px;
}
#bottom-tiles > .tiles:last-child > .battlepacks > .box{
position: relative;
right: -329px;
}
Post edited 1 x times, last by
Topicstarter
badjokr, it looks nice! I Have updated theme
Post edited 3 x times, last by
I noticed today that the textarea on my platoon-wall is going outside the boxes and to fix this i'd have to change this:
#clubs .wall-post-message-form textarea, #clubs .wall-sticky-form textarea {
max-width: 568px !important;
}
and i'd also change the existing code on line:218 to this:
#clubs .wall-post-comment-form textarea {
width: 492px;
}
Just so that they are all aligned with each others. :)



Remove the !important if you find it working without it, you could also add a extra tag to the css selector if nessesary.
result
Topicstarter
Very strange bug -_-

Fixed

textarea {
width: calc(100% - 18px) !important;
}
Post edited 1 x times, last by
Battlelog game dropdown menu fix

body.show-section-select #community-bar .dropdown-bar {
height: 163px !important;
}
#community-bar .dropdown-bar {
background: transparent !important;
}

before

after
badjokr wrote:
height: 160px !important;


163px seems to be more accurate
Background dosnt scale on higher resolution above 1080p (1920x1080)
before


Change this: (line 465)
div#base-background {
background-image: url("https://pp.vk.me/c631524/v631524456/23db5/qZ3w7EO4PkU.jpg");
}
to this:
div#base-background {
background: url("https://pp.vk.me/c631524/v631524456/23db5/qZ3w7EO4PkU.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
after
Topicstarter
So interesting bug. It needs more then just change background-size to cover
Post edited 1 x times, last by
DaniluK4000 wrote:
So interesting bug. It needs more then just change background-size to cover


Hm, I agree with badjokr. "background-size: cover" solves your problem. That's it.

Because of

#base-background {
background: #84878E url("http://dk4000.com/images/nightbackground.png") repeat scroll 0% 0%;
[u][b]background-repeat: no-repeat;[/b][/u]
}

the background will not be repeated and because of

#base-background {
background-position: center;
}

and


@media screen and (min-width: 1261px)
html:not(.is-touch) body:not(.no-comcenter) #base-background {
margin-left: -237px;
}

the background will be centered.