Forum Style Alterations

Post » Fri May 27, 2011 9:28 pm

Is there any way to make http://static.zenimax.com/forums/images/public/style_images/zenimaximg/top.png stretch to match the new wider forums ?


If you usethe Stylish code, then I don't think so. If you use Nosquint, it does it automatically.
User avatar
Svenja Hedrich
 
Posts: 3496
Joined: Mon Apr 23, 2007 3:18 pm

Post » Fri May 27, 2011 8:28 pm

http://i41.photobucket.com/albums/e266/Celauran/MuchBetter.jpg!

http://i212.photobucket.com/albums/cc280/legogod/BGSF/MuchBetter.jpg


Has anyone else noticed it hides the profile text?
User avatar
Dylan Markese
 
Posts: 3513
Joined: Sat Dec 01, 2007 11:58 am

Post » Fri May 27, 2011 9:20 pm

If you usethe Stylish code, then I don't think so.

Ah, okey-dokey. No a big problem anyway.
Has anyone else noticed it hides the profile text?

Yeah, does make the profile look weird.
User avatar
Lexy Dick
 
Posts: 3459
Joined: Mon Feb 12, 2007 12:15 pm

Post » Fri May 27, 2011 12:42 pm

Change

#top, #bottom{ width: 90% !important; background-size: 100% 26px !important; -o-background-size: 100% 26px !important; -webkit-background-size: 100% 26px !important; -khtml-background-siz: 100% 26px !important;}

into
#top, #bottom{ width: 90% !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;}


Yacoby, could you update this in the OP?

That did it, thanks!
User avatar
cassy
 
Posts: 3368
Joined: Mon Mar 05, 2007 12:57 am

Post » Fri May 27, 2011 11:49 am

Has anyone else noticed it hides the profile text?

Which text, exactly? I'm still tweaking my CSS.
User avatar
Natalie J Webster
 
Posts: 3488
Joined: Tue Jul 25, 2006 1:35 pm

Post » Fri May 27, 2011 2:56 pm

Thanks a lot. The new style is usable now!
User avatar
Ian White
 
Posts: 3476
Joined: Thu Jul 19, 2007 8:08 pm

Post » Fri May 27, 2011 5:59 pm

Here's a another try at duplicating the old green theme, based on Falchya's sheet.

Code:
Spoiler
#container {  width: 95% !important;}#left, #right {  width: 0 !important;}#top, #bottom {  width: 95% !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;}#header-container {  width: 95% !important;}#content {  color: #d0ccba !important;}body, #middle, #top, #bottom, #left, #right {  color: #d0ccba !important;  background: #193a1d !important;}.rowpin .topic_title {  font-weight: bold !important;}.prettyprint {  background: #adaaa7 !important;  font-family: Consolas, "Lucida Console", Courier, monospace !important;  font-size: 14px !important;  margin: 0px !important;}.bbc_spoiler_wrapper {  padding: 0px !important;}.quote, .citation {  background: #1e240c !important;  color: #c8c8a6 !important;}#bar {  position: static;  height: 40px;  background: #002000 !important;  padding-bottom: 0;}#bar * {  text-shadow: none !important;}.input_rte {  background: #ffe !important;  color: black !important;}#footer-legal, #footer-logos {  display: none;}.signature {  margin-left: 0;  margin-right: 0;}.author_info {  border: none;}.post_block {  background: #002C00 !important;}.post_block:nth-child(4n) {  background: #193A1D !important;}#topic_summary .post_block {  background: #002C00 !important;}#topic_summary .post_block:nth-child(even) {  background: #193A1D !important;}#top, #bottom {  border-right: 1px #000F00 solid !important;  border-left: 1px #000F00 solid !important;}#left {  border-right: 1px #000F00 solid !important;}#container {  position: relative !important;  left: -1px !important;}#right {  border-left: 1px #000F00 solid !important;}#editor_fast-reply {  border: none !important;}#header {  background: #193A1D !important;}#header-container {  width: 95%;  margin: 0 auto 0;  border-left: 1px #000F00 solid !important;  border-right: 1px #000F00 solid !important;}body {  overflow-x: hidden;}.rowpin, .row2 {  background: #002C00 !important;}.row1 {  background: #193A1D !important;}.block_wrap {  margin: 0px;}


Screens:
http://static.max99x.com/misc/bgsf-forum.jpg http://static.max99x.com/misc/bgsf-topic.jpg http://static.max99x.com/misc/bgsf-posting.jpg
User avatar
GabiiE Liiziiouz
 
Posts: 3360
Joined: Mon Jan 22, 2007 3:20 am

Post » Fri May 27, 2011 1:55 pm

Oh guru of programming that is the mighty Yacoby, anything for Opera? :D
User avatar
Teghan Harris
 
Posts: 3370
Joined: Mon Mar 05, 2007 1:31 pm

Post » Fri May 27, 2011 2:23 pm

For Opera users: you can drop this in your user css folder and it will work (Windows this is C:\Users\[usernaame]\AppData\Roaming\Opera\Opera\styles\user

There may be some issues with some of them though (I am running a custom solid sky-blue) Of course I am certain that someone here wouldn't mind trying to debug any issues.
User avatar
Del Arte
 
Posts: 3543
Joined: Tue Aug 01, 2006 8:40 pm

Post » Fri May 27, 2011 6:52 pm

Excellent work Yacoby. Saves me from putting my work hat on for a hobby. Certainly seems to be mitigating the headache. Perhaps it was the floating search box producing queasiness?
User avatar
Amy Cooper
 
Posts: 3400
Joined: Thu Feb 01, 2007 2:38 am

Post » Fri May 27, 2011 12:32 pm

Oh guru of programming that is the mighty Yacoby, anything for Opera? :D

Heh, they works (somewhat) in Opera from what I can tell. None of them really did what I wanted so I created a really basic sky-blue one. If you just put them in the user CSS folder (my previous post) you can try them out. I then suggest you look into http://my.opera.com/Tamil/blog/quickly-enable-or-disable-a-style-using-keyboard-shortcut-or-mouse-gesture)
User avatar
ShOrty
 
Posts: 3392
Joined: Sun Jul 02, 2006 8:15 pm

Post » Fri May 27, 2011 3:30 pm

Oh guru of programming that is the mighty Yacoby, anything for Opera? :D

Per-site custom stylesheets are available in Opera out of the box, though buried deep in the options. Save any of the styles here into a file, then select it via:
Tools -> Preferences -> Advanced -> Content -> Manage Site Preferences -> "Enter "www.gamesas.com" -> Add -> Display -> My stylesheet -> Choose
User avatar
Jessica White
 
Posts: 3419
Joined: Sun Aug 20, 2006 5:03 am

Post » Fri May 27, 2011 3:06 pm

Per-site custom stylesheets are available in Opera out of the box, though buried deep in the options. Save any of the styles here into a file, then select it via:
Tools -> Preferences -> Advanced -> Content -> Manage Site Preferences -> "Enter "www.gamesas.com" -> Add -> Display -> My stylesheet -> Choose

Or, you know, you could just right click->edit site preference->Display->Choose my style sheet

I find doing it through site-specific can cause issues with it not loading always, so I prefer to add it as a global style sheet and toggle it
User avatar
Joey Bel
 
Posts: 3487
Joined: Sun Jan 07, 2007 9:44 am

Post » Fri May 27, 2011 8:18 pm

Here's a another try at duplicating the old green theme, based on Falchya's sheet.

Code:
Spoiler
#container {  width: 95% !important;}#left, #right {  width: 0 !important;}#top, #bottom {  width: 95% !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;}body.fid_18 #header-container, body.fid_0 #header-container {  width: 95% !important;}.ipb_table, #content, .post_block, [class='topic hfeed'], .topic_summary, .post_body, .edit, .bbc_url, .header {  color: #d0ccba !important;}body, #middle, #top, #bottom, #left, #right {  color: #d0ccba !important;  background: #193a1d !important;}.fid_18 {  background: #002d03 !important;}.desc {  color: #d0ccba !important;}.topic_title {  color: #e5e9d7 !important;  background: transparent !important;  font-weight: bold !important;}.prettyprint {  background: #adaaa7 !important;  font: 13px !important lucida console !important;}.maintitle {  background: #193a1d !important;  color: #e5e9e0 !important;}.quote, .citation {  background: #1e240c !important;  color: #c8c8a6 !important;}#bar {  position: static;  height: 40px;  background: #002000 !important;  padding-bottom: 0;}.input_rte {  background: #ffe !important;  color: black !important;}.bbc_url {  background: transparent !important;}#footer-legal, #footer-logos {  display: none;}.signature {  margin-left: 0;  margin-right: 0;}.author_info {  border: none;}.post_block {  background: #002C00 !important;}.post_block:nth-child(4n) {  background: #193A1D !important;}#topic_summary .post_block {  background: #002C00 !important;}#topic_summary .post_block:nth-child(even) {  background: #193A1D !important;}#top, #bottom {  border-right: 1px #000F00 solid !important;  border-left: 1px #000F00 solid !important;}#left {  border-right: 1px #000F00 solid !important;  position: relative;  left: -1px;}#right {  border-left: 1px #000F00 solid !important;}.editor_fast-reply {  border: none !important;}#header {  background: #193A1D !important;}#header-container {  width: 95%;  margin: 0 auto 0;  border-left: 1px #000F00 solid !important;  border-right: 1px #000F00 solid !important;}body {  overflow-x: hidden;}.rowpin, .row2 {  background: #002C00 !important;}.row1 {  background: #193A1D !important;}.block_wrap {  margin: 0px;}


Screens:
http://static.max99x.com/misc/bgsf-forum.jpg http://static.max99x.com/misc/bgsf-topic.jpg http://static.max99x.com/misc/bgsf-posting.jpg


Edited to change the searchbar to default, it was double size and green in your version.

Spoiler
@namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("www.gamesas.com") {#container {  width: 95% !important;}#left, #right {  width: 0 !important;}#top, #bottom {  width: 95% !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;}body.fid_18 #header-container, body.fid_0 #header-container {  width: 95% !important;}.ipb_table, #content, .post_block, [class='topic hfeed'], .topic_summary, .post_body, .edit, .bbc_url, .header {  color: #d0ccba !important;}body, #middle, #top, #bottom, #left, #right {  color: #d0ccba !important;  background: #193a1d !important;}.fid_18 {  background: #002d03 !important;}.desc {  color: #d0ccba !important;}.topic_title {  color: #e5e9d7 !important;  background: transparent !important;  font-weight: bold !important;}.prettyprint {  background: #adaaa7 !important;  font: 13px !important lucida console !important;}.maintitle {  background: #193a1d !important;  color: #e5e9e0 !important;}.quote, .citation {  background: #1e240c !important;  color: #c8c8a6 !important;}.input_rte {  background: #ffe !important;  color: black !important;}.bbc_url {  background: transparent !important;}#footer-legal, #footer-logos {  display: none;}.signature {  margin-left: 0;  margin-right: 0;}.author_info {  border: none;}.post_block {  background: #002C00 !important;}.post_block:nth-child(4n) {  background: #193A1D !important;}#topic_summary .post_block {  background: #002C00 !important;}#topic_summary .post_block:nth-child(even) {  background: #193A1D !important;}#top, #bottom {  border-right: 1px #000F00 solid !important;  border-left: 1px #000F00 solid !important;}#left {  border-right: 1px #000F00 solid !important;  position: relative;  left: -1px;}#right {  border-left: 1px #000F00 solid !important;}.editor_fast-reply {  border: none !important;}#header {  background: #193A1D !important;}#header-container {  width: 95%;  margin: 0 auto 0;  border-left: 1px #000F00 solid !important;  border-right: 1px #000F00 solid !important;}body {  overflow-x: hidden;}.rowpin, .row2 {  background: #002C00 !important;}.row1 {  background: #193A1D !important;}.block_wrap {  margin: 0px;}

User avatar
teeny
 
Posts: 3423
Joined: Sun Feb 25, 2007 1:51 am

Post » Fri May 27, 2011 8:03 pm

I like the new style actually, Looks pretty enough an works better now that more games as being published by beth/zeni but I really prefer the old forums :(
User avatar
Kevan Olson
 
Posts: 3402
Joined: Tue Oct 16, 2007 1:09 am

Post » Fri May 27, 2011 5:58 pm

Hmm, I'll try that out, thanks.? :foodndrink:
User avatar
Ezekiel Macallister
 
Posts: 3493
Joined: Fri Jun 22, 2007 12:08 pm

Post » Fri May 27, 2011 8:13 am

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.

Nope. Click on the looking glass icon in the bottom right corner of the browser. All changes done there are website specific.

I used the changes in the main post. Very nice. Now its much much better. I'm still using orange text though. Much easier to read, even though they changed the default text to be easier to read, although the orange is still easier for me.
User avatar
Lindsay Dunn
 
Posts: 3247
Joined: Sun Sep 10, 2006 9:34 am

Post » Fri May 27, 2011 3:35 pm

Edited to change the searchbar to default, it was double size and green in your version.

Don't know about double size (maybe a Chrome/Firefox incompatibility), but it's green and static (not scrolling with the page) on purpose.
User avatar
mike
 
Posts: 3432
Joined: Fri Jul 27, 2007 6:51 pm

Post » Fri May 27, 2011 2:01 pm

Hmm, I'll try that out, thanks.? :foodndrink:

FYI (forgot to include it): You must restart Opera no matter which way you do it before Opera will recognize the user CSS
User avatar
LuBiE LoU
 
Posts: 3391
Joined: Sun Jun 18, 2006 4:43 pm

Post » Fri May 27, 2011 1:29 pm

Don't know about double size (maybe a Chrome/Firefox incompatibility), but it's green and static (not scrolling with the page) on purpose.

Must be, as it wasn't static for me.
User avatar
Bedford White
 
Posts: 3307
Joined: Tue Jun 12, 2007 2:09 am

Post » Fri May 27, 2011 1:02 pm

Which text, exactly? I'm still tweaking my CSS.

The http://i212.photobucket.com/albums/cc280/legogod/BGSF/4tvq948.png section. The text is all black.

Here is the code I have:
Spoiler
@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;    }/* 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, .messagetable #forum_table a{  color: #000 !important;}table #forum_table a:hover{  color: #000 !important;}}

User avatar
Louise Andrew
 
Posts: 3333
Joined: Mon Nov 27, 2006 8:01 am

Post » Fri May 27, 2011 9:24 am

The http://i212.photobucket.com/albums/cc280/legogod/BGSF/4tvq948.png section. The text is all black.


.about_contact{    color: #FFF;}

User avatar
GRAEME
 
Posts: 3363
Joined: Sat May 19, 2007 2:48 am

Post » Fri May 27, 2011 9:30 am

Problem for Opera users for the two themes I have tried (Falchya's green and Qazaaq's tan) is that the table size is cut in half (http://i19.photobucket.com/albums/b195/DEFRON/Desktop/tablesizetanusercss.jpg - the top bar marks where it normally is). Opera users can stubb the problem by disabling tables, but doing so in the main forum is messy (and all areas have the half table issue, not just threads)

Any help would be appreciated
User avatar
^~LIL B0NE5~^
 
Posts: 3449
Joined: Wed Oct 31, 2007 12:38 pm

Post » Fri May 27, 2011 7:16 pm

.about_contact{    color: #FFF;}


:confused:
User avatar
Emma Pennington
 
Posts: 3346
Joined: Tue Oct 17, 2006 8:41 am

Post » Fri May 27, 2011 7:08 am

:confused:

Did adding that to your stylesheet not solve the problem?
User avatar
ShOrty
 
Posts: 3392
Joined: Sun Jul 02, 2006 8:15 pm

PreviousNext

Return to Othor Games