End-user code to modify how you view Brewerfan

[1992casey]

-----------------------

Note: a lot of this stuff applies to ezBoard; I'll get that updated sometime in the future. In the meantime, directions for CSS modifications for Opera and for Mozilla-based browsers remain the same. Of course, instead of modifying p092.ezboard.com, you'd be modifying brewersfandemonium.yuku.com.

--1992casey, 2007-08-12

-----------------------

 

One thing that's always gone on here at Brewerfan is that a lot of people create signatures that look very much like the body of their messages. Certainly, I acknowledge that tossing in a little style is difficult for some. And Brian's limited in how much he can modify what's provided to him by ezBoard.

 

But the cool thing is that there is an end user solution that'll work in most web browsers. I finally decided to take a few minutes to whip up some CSS that would make signatures stand out from the bodies of messages. When I say a few minutes, I mean that literally; I should have done this eons ago.

 

All anyone has to do is follow a few simple instructions and copy and paste. Signatures will look like these examples.

 

This works like a charm in Firefox, SeaMonkey, Camino, and Opera. Nothing should prevent it from working in Flock, K-Meleon, and Netscape 8. This won't work in my ancient Jaguar version of Safari; I can't be sure if it'll work in newer versions or not. I know for a fact that it won't work in IE 6, but it might work in IE 7. (Opera has one little caveat: the code applies to the entire p092.ezboard.com subdomain, not just Brewerfan.net.)

 

Links to the code to paste are at the end of the post. Brief directions...

• Firefox or Flock: Paste the code for Mozilla browsers into the Stylish extension. Changes take effect the next time a page is reloaded.
• 
  
• All Mozilla browsers, including Firefox and Flock: Paste the code for Mozilla browsers into userContent.css. Changes take effect when the browser is restarted.
• 
  
• Opera: Paste the code for other browsers into a plain text file with the .css extension. Right-click anywhere on a Brewerfan.net forum page and choose Edit Site Preferences... Hit the display tab, browse for your CSS file, and hit OK. Changes take effect the next time a page is reloaded.

Links to the code:

• CSS for Mozilla browsers
• CSS for other browsers

I can come up with more detailed directions if someone needs them.

[Team Canada]

Nice.

 

 

edit: I found a weird corner case that doesn't work: Check out Braminano's post in this thread.

[1992casey]

Thanks for the heads up.

 

In this case, Braminano's 'signature' is part of the actual body of the message. I'm not sure what he intends; his other recent posts don't include that.

 

At any rate, I don't see anything that can be done with 'paste-in' signatures.

[M Skjellyfetti]

All of a sudden, everybody's signatures are sarcastic!

 

All kidding aside, awesome job casey.

[1992casey]

Actually, I hate picking web page colors; Brewer Navy seemed to be very safe. When I chose Navy, I thought of the sarcastic blue right away, but in a weird sort of way, that's a semantic fit. http://forum.brewerfan.net/images/smilies/smile.gif

 

If you'd like to change the color, simply paste another color over 'navy', save, then do the necessary reload or restart. Here's a list of 147 HTML color names supported by popular browsers.

 

If you want to get into color hexes (stuff like #000080), you have the choice of millions of colors. A search for 'HTML colors' will pop up lots of information.

 

I'd advise against changing the color in the last line (#800000), though. That resets Brian's original link color. Without that, links within signatures would appear the same as the rest of the text.

[sbrylski]

I changed mine to a dark grey - "DarkSlateGrey"

 

Thanks a lot, I love it.

[Team Canada]

Good call with the gray, I like that. Unobtrusive, yet easy enough to read if you really want to.

[1992casey]

GAME05 mentioned elsewhere that he'd like to be able to quickly spot his posts within a thread. Of course, an avatar will help pull this off.

 

Here's some CSS that re-styles your username so it stands out within threads and in the 'started by' column in discussion lists. Unfortunately, it doesn't do anything about your username if it appears in the 'Last Comment' column.

 

For Mozilla browsers:

@namespace url(http://www.w3.org/1999/xhtml);
 
/* Styles my handle in posts */
 
@-moz-document domain("ezboard.com") {
 
a[href*=PublicProfile?gid=1992casey] {
 color: green !important;
 background-color: transparent !important;
 font-weight: bold !important; }
}[/pre]Generic code for Opera and possibly other browsers (NOT tested):
a[href*=PublicProfile?gid=1992casey] {
 color: green !important;
 background-color: transparent !important;
 font-weight: bold !important; }[/pre]Of course, you would replace '1992casey' with your username. And you can choose a color other than green. Check the links above for color lists.

[1992casey]

This code is for those who don't like "pink font" in-game threads or dislike colored fonts in general.

 

For Mozilla browsers:

@namespace url(http://www.w3.org/1999/xhtml);
 
@-moz-document url-prefix(http://forum.brewerfan.net/viewforum.php?f=) {
 
/* Override colored fonts */
 
span {color:black !important}
}[/pre]Generic code for Opera and possibly other browsers (NOT tested):
/* Override colored fonts */
 
span {color:black !important}[/pre]

[1992casey]

-----------------------

NOTE: Yuku stuff starts here.

-----------------------

 

You can use end-user CSS to shrink or enlarge the font sizes on the forums.

 

Code for Mozilla-based browsers:

@namespace url(http://www.w3.org/1999/xhtml);

 

@-moz-document domain("brewersfandemonium.yuku.com") {

 

body {font-size: 1em !important} }

In Opera:

body {font-size: 1em !important}

For reference, brewersfandemonium.yuku.com's base font is 0.6 em. You can use pretty much anything you want: .8em, 1.2em, etc.