This thread is inspired by another: view original post
[url=http://userstyles.org/styles/85081/bnet-dark?r=1364326941]Credit goes to SM and Shou for this theme, I just took the liberty of fixing the issues that happened when the last change came out.[/url] Credit also goes to L00 for his removing hidden threads section and his and Clint Beastwood's help with the alternative forums section. Credit also goes to Zoid for part of his dark theme which allowed me to fix the nav bar section and information from his pre-space theme which allowed me to recreate the gradient theme.
The changes that I have made so far is fixing most of the issues on pages, inconsistent colors, the bug that happened during the last update that was pushing thing to the left, the forum banners not showing up, the border around the foreground was removed as well as the gap at the top in private groups, I also made it feel more like pre-bungie.next by adding in several old backgrounds and bars and more proper forum names. This theme now works perfectly on both white and dark Bnet as well.
There are several versions to choose from as well, default version see above...
[url=http://i.imgur.com/i1OLsYI.png]Example one.[/url]
[url=http://i.imgur.com/gN7NigO.jpg]Example two.[/url]
[url=http://i.imgur.com/fgLZS0y.png]Example three.[/url]
True mute section
This section completely mutes a person if you set it to hidden, no some hidden posts button, no thread has been hidden, they are completely out of site. Setting it to shown will leave the mute function completely alone.
Foreground Changes
This section deals with the color of text, links, polls, questions, and more. The dark version switches everything to a dark mode, while the normal version keeps the links a relatively same color.
Title Text Glow
This section changes the glow around thread titles in the forums. Glow adds a glowing border around the text, while normal removes it.
Forums
What this does is change the side forum names to something a little more familiar, such as The Flood and Septagon. It also adds some names with a twist on it, The Soul for support, AKA emotional support, and Domination for World Domination for Bungie. This is all under the Alternative Forums section. Setting it to normal forums will leave it alone. The submenu has also been done as well. I am in the process of adding alternative banners but that is still in progress. Some are added but they need work.
Top and Bottom Gaps
This section allows for the removal of the Forum text at the top, rules and info section at the bottom and the gaps in between. This is if you have it set to none though. Setting it to normal will leave it in a similar version to the default bnet. In the none version, there is an issue with the tabs on the news and destiny sections though.
Background
This give you several old backgrounds to choose from, from the darkness, beta backgrounds, blue gradient, all the way back to the grid background. It also has a nav bar and Bungie logo that matches the version.
[url=http://userstyles.org/styles/85081/bnet-dark?r=1364326941]Here is the download link to the userstyle. Tell me what issues you run into and I'll try to fix it.[/url]
For an alternative theme.
[url=http://userstyles.org/styles/85118/darkbnext-v2?r=1364411206]This version is being managed by Clint Beastwood.[/url]
It is based off of Zoid's dark theme instead.
-
29 Replies in this Sub-ThreadI'm trying to add a space to "OffTopic" in the drop down menu, but I can't figure it out. Everything I do doesn't work: .Nav_Top .nav_logo .submenu li a[href="/en-us/Forum/Topics?tg=%23OffTopic"] :before {display: inline-block; content: "Off Topic" !important;} That's the closest I got, but the original "OffTopic" is still visible directly underneath. I'm not very knowledgeable with this stuff, so any help would be great.
-
Try this: .Nav_Top .nav_logo .submenu li a[href="/en-us/Forum/Topics?tg=%23OffTopic"]:before { content: "Off Topic " !important; } .Nav_Top .nav_logo .submenu li a{ display: inline-block; overflow: hidden; white-space: pre; } (It may collapse my white space in my post, so please note there are a bunch of spaces after Off Topic!) For some reason, in your case, putting a few of those things in that first selector doesn't work right. I'm not sure why. By adding another rule without the href portion of the selector, I was able to make it work, and I'm guessing you'll want those rules to apply to all the options of that menu anyway. The three rules I've put in there are: display: inline-block; You can't delete text out of an element using only CSS, so the goal here is to add enough content before the existing content so that it overflows the element, then hide the overflow. Since anchor tags are standard inline elements, the overflow attributes don't apply to them and have no effect. Setting the display to inline-block fixes this so that you can use the overflow attributes. overflow: hidden; This should hide anything that's too big to fit into the element. white-space: pre; This forces the browser to preserve your white space without wrapping anything. By default, the browser will shrink multiple spaces down to one space and wrap text as necessary. That's why the OffTopic was showing below your Off Topic rather than being forced to the side. This overrides that behavior so it forces the existing text off to the right. So with those three in place, it should put "Off Topic" followed by a bunch of spaces so that the original text now overflows and is hidden.
-
Well, it sort of worked once I got rid of "display: inline-block;" It Made the original text appear directly next to the new text so I added an ungodly amount of invisible characters, adding regular spaces made the new text appear after each link, because the only way to make it disappear was to push it all the way off the right side of the screen. Visually it looks fine, but the hover link actually extends all the way across the screen, which I find incredibly annoying.
-
-