[Travis]

I hope everyone is familiar with Stylish, which is an extension for at least Firefox and Chrome that allows CSS to be altered for certain sites. It should allow us to put our money where are mouth is when we say we don't like the forum style and to some extent fix it ourselves. (Or at least find one or two styles we do like more).

There is now a tan theme that is almost the same as the old tan theme (See the Themes section)

--------------------------------------------------------------------------------------
Install Guides
--------------------------------------------------------------------------------------

Google Chome Install Guide
- Download the https://chrome.google.com/extensions/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en-gb Extension
- Press the Spanner Icon (Top right) and Press Extensions
- Press the Options button for Stylish
- Press "Add New Style"
- Write a name in the name box (anything you want)
- Copy the CSS scripts that you want into the large text box marked "code"
- Check "Enabled"
- In the "Applies to" drop down, select "URLs Starting With" and in the text box put "http://www.gamesas.com/" (Without the quotes)
- Press Save

Firefox Install Guide
- Install https://addons.mozilla.org/en-US/firefox/addon/2108
- Click on the new icon bottom right
- Ensure you are on the forums
- Press Write New Style, then For www.gamesas.com
- It should open a dialog box
- Put any name you want in the "name" box
- Paste the CSS scripts that you want between the braces. e.g.:

@namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("www.gamesas.com") {  /* paste code in this bit */}

- Press Save

Opera Installation Guide (By DEFRON)
-Save CSS somewhere
-right-click the forum website
-Edit Site Preferences
-Display
-Using the Choose Dialoge, locate the CSS file
-Open it, ok out
-Restart Opera.

Known incompatibility with themes not specific for Opera: http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/page__view__findpost__p__15754843

--------------------------------------------------------------------------------------
Themes
--------------------------------------------------------------------------------------

http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/page__view__findpost__p__15755423 by Qazaaq

http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/page__view__findpost__p__15754408 by falchya
http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/page__view__findpost__p__15756462 by Max_aka_NOBODY (Based on falchya's theme)
http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/page__view__findpost__p__15754690 by Solid_moose (Tweaked version of Max's theme)


--------------------------------------------------------------------------------------
CSS Tweaks
--------------------------------------------------------------------------------------

I am trying to keep everything modular so that people can pick or chose. If anyone has any CSS they want to add, let me know and I can edit it into this post.

/** * Extends forum width to 95% of the page */#container{    width:95% !important;}#left, #right{        display: none !important;}/** * This is CSS3, so it may not work on all browsers. If it doesn't * work on your try updating to a later version. */#top, #bottom{    width: 95% !important;    background-size: 100% 26px !important;    -o-background-size: 100% 26px !important;    -webkit-background-size: 100% 26px !important;    -khtml-background-siz: 100% 26px !important;    -moz-background-size: 100% 26px !important;}

/** * Sticks login bar to the top of the page so it doesn't scroll */#header-container{    margin: 25px auto 0px !important;}#bar{    position: static !important;    height: 50px !important;}

/** * Removes the footer logos (which is an ugly white box)  * and the "forum lead by" information (which seems to be the same for all forums) */#footer-logos, #forum_led_by{ display:none !important; }

By http://www.gamesas.com/index.php?/user/47451-qazaaq/ (Post #18):
This changes the CD background into the elder scrolls parchment:

body.fid_18, body.fid_19, body.fid_20, body.fid_21, body.fid_83, body.fid_99, body.fid_84, body.fid_100 {    background:#000 url('http://static.zenimax.com/forums/images/public/style_images/zenimaximg/games/elderscrolls/elderscrolls-background.jpg') fixed 50% 0 !important;}

Also, for this to work in firefox you need an additional background size statement: -moz-background-size

Also by http://www.gamesas.com/index.php?/user/47451-qazaaq/ (Post #38):

/** *This moves the Bethesda Softworks logo at the top of the CD board and the board index to the upper left corner instead of half in the center. It shouldn't affect other boards. */body.fid_18 #header-container, body.fid_0 #header-container {  width: 90% !important; }

By http://www.gamesas.com/index.php?/user/47451-qazaaq/ (Post #92):

/** * Moves the filter bar (bottom of the list of topics) onto one line rather than two */div#forum_filter fieldset br { display: none !important; }

--------------------------------------------------------------------------------------
Greasemonkey Scripts
--------------------------------------------------------------------------------------

This https://addons.mozilla.org/firefox/addon/748 script adds a CD link to the main page. It also works on Chrome 5, at least on Linux just save it to the filesystem as anything.user.js and then drag the file onto an open page.

// ==UserScript==// @name          Bethesda Forum CD Link// @namespace     http://yacoby.net// @description   Adds CD link to bethesda forum main page// @include       http://www.gamesas.com/// @include       http://www.gamesas.com/?// @include       http://www.gamesas.com/index.php?// @include       http://www.gamesas.com/index.php?/index// ==/UserScript==var div = document.createElement("div");div.setAttribute("class","category_block block_wrap cidp_61");div.setAttribute("style","margin-bottom:0;padding:0;");var h3 = document.createElement("h3");h3.setAttribute("id","category_61");h3.setAttribute("class","maintitle");var a = document.createElement("a");a.setAttribute("href","http://www.gamesas.com/index.php?/forum/18-community-discussion/");a.setAttribute("id","cid_61");a.setAttribute("style","background:none;");a.innerText = "Community Discussion";div.appendChild(h3);h3.appendChild(a);document.getElementById("categories").appendChild(div);

[Alessandra Botham]

screenshot?

[LijLuva]

screenshot?

http://img51.imageshack.us/img51/1750/bsforum1.jpg

[Tiffany Holmes]

It's a sad case that straight away, people now need to mod the new forum layout.

I personally hate it, it's also slow to display, took me ages to find the login button, which was behind the header graphic!

[Jerry Cox]

Hmmm... I'll have a go at figuring out Stylish in the morning, doesn't seem to be immediately cooperative.

[Hayley O'Gara]

It's a sad case that straight away, people now need to mod the new forum layout.

In some ways it was expected. I don't think anyone likes changes from the familiar and the same set of complaints occurred when MWSummit became PES. It does have a whole load of features I like (Syntax Highlighting. YAY), but I am just trying to put forward alterations to fix the ones I dislike. (Like the fixed width, which was the main one)

[Izzy Coleman]

I'm generally happy with it, but I'm struggling with the white-on-black colour scheme because it hurts my eyes.

Luckily Summer suggested I use https://addons.mozilla.org/en-US/firefox/addon/2592, which allows you to choose colours as well as font sizes. I now have a soothing purple-on-pink custom skin that I find much more restful for long periods of browsing.

[Luis Reyma]

Thanks

Bookmarked for now. My Firefox is so modded that I really have to watch what I add in sometimes. Kinda like Oblivion is for me.

I'm gonna hold out for a week and see if the admins really do attempt to address this deluge of grief like I've seen that they may in various posts.

But if not then yeah I'll try it.

Or spend more time at TESAlliance.

But don't modders pretty much always improve upon Bethesda products?
And then doesn't Bethesda then take these mod ideas and make them their own with the next game release?

That is what makes me think that they may address this and I'm gonna give them the benefit of the doubt (if that is the right phrase) - for now.

[edit] OK I just tried the purple on pink - Ouch!

No squint is not the answer - I don't want every website to have the same color schemes.

[Liii BLATES]

Nice style, although #top and #bottom don't seem to look right (on Chrome, so it's not a support issue). Is background-size relative to the image or the element?

[Shae Munro]

[edit] OK I just tried the purple on pink - Ouch!

No squint is not the answer - I don't want every website to have the same color schemes.

I think you set noSquint changes you want to specific websites, so it would not give other sites you browse to the same color schemes.

Thanks Yacoby and others for looking for some solutions to issues that are being complained about - hopefully those can be short term solutions. I can get used to a lot of the features, but a couple things (light text on dark background in particular for me) are rough to deal with at present. But I can be patient - the forums just came up late yesterday afternoon, it's the weekend... so give some time for the admins to sort and process some of the major complaints.

[Robert Jr]

Nice. But I actually kind of like this new theme now. Albeit for the stars and having to go to a subforum to get to CD.

[mimi_lys]

Well I just looked through the options for no-squint and it says color options are for all sites.

I think you can change the zoom functions for different sites.

But mainly I agree and hope these fixes are all temporary as real fixes will be addressed by the forum overlords.

[benjamin corsini]

This new styles looks great. It will take time getting used to but its nice.

[jessica Villacis]

Nice style, although #top and #bottom don't seem to look right (on Chrome, so it's not a support issue). Is background-size relative to the image or the element?

It is relative to the size of the parent element I think. I have just fixed an issue with it scaling badly. It still isn't perfect (It is about 2px out for some reason) but it is far better than it was and it scales properly for all screen sizes.

EDIT:
Shifted the #top and #bottom bar by 1px. A bad fix but it now looks fine.

EDIT:
No, it still breaks by about 1px. There is something I am missing I think.

EDIT:
Now fixed

But mainly I agree and hope these fixes are all temporary as real fixes will be addressed by the forum overlords.

It would be nice to have it fixed. The one thing they can't do is use the CSS3 CSS that I have as browsers like IE6 don't support it (There are other ways of doing it) but I have hopefully shown that it is not to hard to make the page a fluid rather than fixed width design.

[Portions]

I think you set noSquint changes you want to specific websites, so it would not give other sites you browse to the same color schemes.

No, I checked with YouTube, TESNexus, and Yahoo. Its affects are global. If you want to prevent this, you need to specify ALL other sites in the exceptions list.

[Chris Duncan]

Yeah no squint is basically making the options available in firefox more readily available. You can do most of that without No Squint just be exploring the menus of Firefox.

But even the zoom features aren't that great. So I can set the page to zoom to 140% and the text stays the same - then all the graphics and rendered material will be fuzzy and the regular sized text will look out of place.

Hoping this all get addressed - really is my favorite forum.

[Abi Emily]

No squint is not the answer - I don't want every website to have the same color schemes.

Oh, you can set it up per website. Actually, grey on white is probably the most soothing combination. It's just finding a contrast level that is strong enough to be legible but weak enough not to burn the retina!

[Kathryn Medows]

Good idea Yacoby!

This changes the CD background into the elder scrolls parchment:

body.fid_18, body.fid_19, body.fid_20, body.fid_21, body.fid_83, body.fid_99, body.fid_84, body.fid_100 {    background:#000 url('http://static.zenimax.com/forums/images/public/style_images/zenimaximg/games/elderscrolls/elderscrolls-background.jpg') fixed 50% 0 !important;}

Also, for this to work in firefox you need an additional background size statement: -moz-background-size

[Nathan Hunter]

Could someone please post the entire code (the whole style you use) needed to make the forums wider and the bar stuck at the top (Firefox)? I must be missing something obvious, since it doesn't want to work for me... There is :cake: in it

Spoiler

although the cake is a lie

[Lauren Graves]

I had to add !important to each rule, as firefox doesn't override otherwise.

Here's my stylesheet, I'm currently converting everything to tan, so there are some additional rules in there.

@namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("www.gamesas.com") {    /**     * Extends forum width to 95% of the page     * There are some bugs, in that there are some images that don't scale     */    #container{	width: 95% !important;    }    #top, #bottom {        -moz-background-size: 95% 26px !important;        margin-right: auto !important;        margin-left: auto !important;    }    #left, #right {        width: 0px !important;    }        /**     * Sticks login bar to the top of the page so it doesn't scroll     */    #header-container{	margin: 25px auto 0px !important;    }    #bar{	position:static !important;	height:50px !important;    }/* background community discussion */body.fid_18, body.fid_19, body.fid_20, body.fid_21, body.fid_83, body.fid_99, body.fid_84, body.fid_100 {    background:#000 url('http://static.zenimax.com/forums/images/public/style_images/zenimaximg/games/elderscrolls/elderscrolls-background.jpg') fixed 50% 0 !important;}.rowpin, .rowpin td, .post_block.rowpin, .row1, .row1 td, .post_block.row1, .row2, .row2 td, .post_block.row2, .message{background-color: #dbcda8 !important;background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;}table #forum_table a{  color: #000 !important;}table #forum_table a:hover{  color: #000 !important;}}

I'll be fixing codeboxes next, because this annoying. Same class, not possible.

[Breautiful]

Thanks!

[Mr. Allen]

LOW-FI version appears to be no more but ADBLOCK PLUS helps as well.

With ADBLOCK PLUS, you can BLOCK the .png texture graphics which are making things difficult to read.

The forum then becomes white lettering on a darkish grey background (still not ideal, but far better that the form over function that exists now in my view).

Ill try the STYLISH and see if that works out, thanks for the tip

Just noticed, ADDBLOCK + will change it to white lettering on a black background in the FALLOUT 3 area...(with no texture graphics of course)

[TRIsha FEnnesse]

Hut! Works perfectly, like my soundcard, as they announced in Warcraft 2. Muchas gracias, Yacoby. Still haven't bothered to go for lighter moods or whatnot, but I'm happy as is with things being scaled back to whack, instead of out-of, as was sadly the case. For now, at least, things are more enjoyable. Now all I need is to figure how I find posts containing quotations of mine, which was the basis of how I knew someone had answered to my posts. Search engine is a behemoth. <_<

EDIT:

Ooh, Adblock Plus to the rescue. No need to tweak, just followed the advice of Steamfax. Got a nice grey background again.

[Laurenn Doylee]

I had to add !important to each rule, as firefox doesn't override otherwise.

Did not see the font in your code. I liked the background but wish to alter the font color.

We mod the games now we mod the forum

Web designers spend years trying to study how to make a glitzed up site that will impress their superiors and contractors...
And we undo it all with ADBLOCK PLUS and NO SQUINT!


OH YEAH, nosquint WORKS like LO-FI
Bethesda everywhere changes but NOW i can READ
And I do not find any global site changing (except magnification but easily changed), only the Bethesda sites

Good Job Summer and Stomper!!!

Thanks

[lucy chadwick]

You are a god.


At least, on the opening page of the forums. The style changes don't seem to apply when I click one of the forums to enter. Is anyone else experiencing that? I'm using Chrome.