[BF4] X-RAY Dark Glass Theme by jpfive - Better Battlelog Forums #150021

Sitemap
Post edited 4 x times, last by
Topicstarter
[BF4] X-RAY Dark Glass BBLog Theme
by jpfive
Description:
XRAY is a dark glass BF4 battlelog theme that sticks to the basics of clean and minimal design.

- Made for the every-day user
- Easy navigation
- Dark and clean layout
- Active Buttons light up green
- Server Browser simplified and cleaned up
- Clean integrated Google Fonts: Roboto

It's the Small things that make a big difference!

*This theme is for BF4 Battlelog


IIDOGHUNTERII
- jpfive

xray-bblog-forum-v1-2.jpg


Version 1.2.1: Removed green links (too much green on some pages). Links now have a Green hover instead.
Version 1.2: All links are green. Adjusted more buttons, fonts, text, colors, & fixed minor bugs.
Version 1.1: Minor tweaks and visual changes.
Version 1.0: My personal css tweaks that have been modified over time. No Glow. Flat. Simple. Modern.

Latest Version 1.2.1:
xray_bblog_theme_v1_2_1.css

Version 1.2:
xray_bblog_theme_v1_2.css

Version 1.1:
xray_bblog_theme_v1_1.css

Version 1.0:
xray_bblog_theme_v1_0.css


xray-battlelog-theme.jpg


IIDOGHUNTERII
Post edited 2 x times, last by
I like it, it's now approved for theme gallery (May take a few hours to appear).
Btw. I've renamed the title of the theme to normal size, no caps.
Please do it so for your topic title also. All caps isn't nice.
Topicstarter
Thank you Foo, fixed it.
Glad to see people using the theme already, or at least trying it out! Please post all suggestions here. And if you find any bugs please let me know!

More Features in Version 1.1

xray-bblog-forum-v11-0.jpg

xray-bblog-forum-v11-01.jpg


Download:
xray_bblog_theme_v1_1.css


Regards
IIDOGHUNTERII
jpfive
very nice theme!
Post edited 2 x times, last by
Pretty neat clean theme! :) I found an undesigned element:



I get this "undesigned part" if the button is active (pressed) without hovering with the cursor over it.

You have to change this part here:

.btn.btn-primary:active:not([disabled]):not(.disabled), .btn.btn-primary.active:not([disabled]):not(.disabled), a.btn.btn-primary:active:not([disabled]):not(.disabled), a.btn.btn-primary.active:not([disabled]):not(.disabled) {
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(top, #ff0000 0%, #d5dde5 50%, #b79d83 100%);
background-image: linear-gradient(to bottom, #ff0000 0%, #d5dde5 50%, #b79d83 100%);
text-shadow: none;
color: black;
border: 1px solid #b79d83; }
Post edited 2 x times, last by
Topicstarter
DaniluK4000 wrote:
very nice theme!


T3RRORTOAST wrote:
Pretty neat clean theme! :) I found an undesigned element:

I get this "undesigned part" if the button is active (pressed) without hovering with the cursor over it.



Thank you for the feedback fellas!

I've now fixed this in the latest version of Xray, v1.2:
xray_bblog_theme_v1_2.css

xray-bblog-forum-v1-2.jpg


Hope you continue to enjoy the theme :]

And please let me know of any suggestions or bugs

IIDOGHUNTERII
jpfive
I found something in the code of the theme v1_2_1. I don't think this belongs in here:

#viewport :: before {
Display: block;
Content: "" url ('http://www.jpfivedesign.com/wp-content/uploads/2016/02/jpfive-logo-e1457503021133.png') "";
Height: 20px;
Position: fixed;
Z-index: 1000;
Font size: 14px;
Left: 50px;
Top: 120px;
Opacity: 0.2;
Padding: 5px;
Padding-left: 10px;
Padding-right: 10px;