Page 1 of 1

Smaller site header

Posted: 14 Aug 2011, 11:47
by spillerrec
Just sharing this custom stylesheet for this forum. It makes the header smaller and removes the whitespace at the sides. Only tested in Opera though.
mindbords.jpg
(Will PNG ever be fixed? Screenshots like this compresses much better in PNG than JPEG. For this image: PNG 56.8 KB vs JPEG 109 KB (at 93% quality) )

Code: Select all

/********** DESCRIPTION START **********
Site: Mindboards

Description: Minimizing header height and maximizing post width
Author: Spiller
Created: 14-08-2011 [DD-MM-YYYY]
Last update: 14-08-2011 [DD-MM-YYYY]
/********** DESCRIPTION END **********/


/********** HEADER MINIMIZE START **********/
#logo{ display:none !important; }
#site-description h1{ margin-top:0px !important; }
#site-description p{ margin-bottom:5px !important; }
#site-description .skiplink{ display:none !important; }

/**** Move search box up, absolute positioning ****/
#search-box{
	position: absolute !important;
	float: none !important;
	top: 12px !important;
	
	/* Move it to the left completely and use the full width */
	left: 0 !important;
	width: 100% !important;
}
#search-box form{
	float:right !important;
	margin-right: 20px !important;
}
/********** HEADER MINIMIZE END **********/


/********** WIDTH MAXIMIZE START **********/
#wrap{ padding: 5px 5px 0 5px !important; }
/********** WIDTH MAXIMIZE END **********/

Re: Smaller site header

Posted: 14 Aug 2011, 12:20
by HaWe
how can I use this with Firefox and IE 7/8?

Re: Smaller site header

Posted: 14 Aug 2011, 14:26
by spillerrec
For Firefox:
I quickly googled it for Firefox, it seems you will have to add it to the global user CSS file which should be in your configuration folder. (Try to look in "Users/your user name/application data/mozilla/", there should be a file called user.css or something like that.) You will also need to add some extra code to prevent it from being applied to all websites. (As otherwise it will cause unexpected behavior.) Restart your browser after that.
Try to google it to find a proper guide, you might also find an unstable add-on for it or something... (Search terms: "user stylesheets", "user css" or "custom stylesheets".)

For IE 7/8: Please help the web by not using those browsers. Update to IE9 if you can, or switch to Chrome or Firefox.

For Opera:
  • Save the text in a file on your HDD. (The extension .css is preferred, but not necessary.)
  • Right click on this page and click "Edit site preferences...". (This will apply it only to SourceForge.net.)
  • Go to the tab "Display" and click "Choose" under "My Style Sheet".
  • Select the .css file which you saved previously.
  • Click OK and refresh the page.
To compare the support: (Quick googling)
IE: global stylesheet, change the configuration files
Firefox: global stylesheet, but allow parts to be site specific with nonstandard code, change the configuration files
Chrome: Global stylesheet, change the configuration files
Safari: Global stylesheet, can be changed in GUI
Opera: Global and domain specific stylesheets, can be changed in GUI. Only domain and sub-domain matching for site specific stylesheets (and other preferences), no URL matching.

Since you can only make it site specific in Firefox and Opera, I do not recommend you try this in other browsers.

Re: Smaller site header

Posted: 14 Aug 2011, 14:30
by HaWe
using XP, AFAIK can't use IE9 (why "help the web..." ?)
for FF: too much work to do ;)

Re: Smaller site header

Posted: 14 Aug 2011, 15:06
by mightor
using XP, AFAIK can't use IE9 (why "help the web..." ?)
They are really terrible browsers and require a lot of work-arounds on websites by the web site authors to make their pages look somewhat palatable on those browsers. The sooner we get rid of those browsers, the better it is for everyone.

- Xander

Re: Smaller site header

Posted: 14 Aug 2011, 16:10
by nxtreme
doc-helmut wrote: too much work to do ;)
If you have the time to program neural networks and for all your other programming, I'm sure you'd have time to switch browsers.When I got a new computer this summer, it only took me about half an hour to install a new browser and move five years of bookmarks and history from the old browser to the new one.

Re: Smaller site header

Posted: 14 Aug 2011, 18:26
by HaWe
one has to set preferences... ;)

Re: Smaller site header

Posted: 14 Aug 2011, 19:55
by muntoo
I should try Opera sometime... (Just try, not use. ;))

You could also put this in AdBlock:

Code: Select all

sourceforge.net##A[id="logo"]
sourceforge.net##P[class="skiplink"]
If you're hardcore (like me ;)):

Code: Select all

sourceforge.net##DIV[id="site-description"]
sourceforge.net##A[id="sf_logo"]
About Spiller's CSS: I'm not sure, but I think you can also use Stylish for Firefox.

Re: Smaller site header

Posted: 15 Aug 2011, 01:14
by spillerrec
doc,
I know you can't install it on XP, that's why I also suggested changing ; ) (Actually, I recommend you to change rather than to upgrade to IE9 even if that had been possible.)
IE 7 and 8 are just really bad browsers. They have lots of bugs which cause webpages to render incorrectly and are really outdated compared to all other browsers out there.
The reason most users don't notice any issues with using these is that they hold a huge market share. So web-developers need to spend much time on fixing all the issues that appear in those browsers. I can live with that though, it is nowhere near as bad as IE6...
The most important reason imo is that it prevents the web from evolving. IE8 has much less support for a lot of web-standards and this makes it impossible to use them even though all other browsers have had support for a long time. The web is evolving fast nowadays, IE just didn't (until IE9, but they are still far behind), which in practice makes all this work nearly wasted...

And just to give you some examples:
JavaScript performance in IE9 compared to IE8 is about 7-10 times as fast.
The ACID3 test, which test for JavaScript compliance, gives IE8 20/100 while all other browsers have 100/100.
IE8 doesn't support XHTML while Firefox, Safari and Opera had support back in 2005. And what is the result? XHTML is DEAD (and w3c has even admitted it). Everybody tried to transition to XHTML however IE made it impossible to change completely and now none seems to remember that this transition never completed...
Fun fact: HTML5 is designed to degrade gracefully if browser support is missing. Result: some parts of HTML5 still breaks in IE6-8 because their standards compliance to HTML4 is buggy...