Monday, January 2, 2012

Minty Blue Minimalism #2 (2011/05/13)

First published on MySpace blog - 13/05/11
In which our hero adds a little bit of refinement to the famous STYLISH script for Firefox, then works on a version for all you Chromeheads.

The original version of this script (see previous blog) just applied changes to the HOMEPAGE.

I've further tweaked this code so that certain parameters apply to the whole of the MySpace DOMAIN. In other words, when you leave the homepage for other corners of MySpace, you won't suddenly see the return of all those ugly features (black IM bar, big white boxes) that you took so much trouble to remove! All the features that apply only to the homepage are now in a section of their own at the end.

It also does away with all that page refreshing when you move about the site.

Minty's Homepage

I've tested this (and am running it!) on Firefox 4. It could probably be adapted for all you CHROMEheads as well (The Chrome version of Stylish has a different way of script entry, with which I am not totally familiar. For example, you don't need to include the 'url-prefix' bit within the script itself, but you enter that into a separate box on the form. I don't think you need to bother with the WWW-compliance either, that's a given.) Googly googly! I shall give it a try and report back to you!

Once again, a million thanks to PFEIFFER STYLEZ CUSTOMIZING for the inspiration.

Here we go again:-


@namespace url('http://www.w3.org/1999/xhtml');
@-moz-document url-prefix('http://www.myspace.com/')
{
div.commentContainer {
font-size:12px!important;
color:#000000!important;
}
article.NotificationsModule,
article.bestOfTheFixModule,
article.RecommendationsModule,
article.bulletinsModule,
article.manageMyStuffModule,
article.myVisitorsModule,
article.bandArtistDashboardModule,
article.upcomingShowsModule,
article.friendSpaceModule,
ul.streamViews,
ul.footertools,
div#tkn_leaderboard,
labeled_ad,
article.googleAdSenseModule,
li.checkerLightBG,
li.userAlerts,
div.moduleFooter,
div.gracefulinjection,
.expElevator {
display: none !important;
}
}

@-moz-document url-prefix('http://www.myspace.com/home')
{
.container {
background-color:#ffffff!important;
}
.layout {
background-color:#e8e8e8!important;
}
.streamTabs {
background-color:#e8e8e8!important;
}
.superShareContainer {
background-color:#bbddff!important;
width: 715px !important;
}
.horizontalMenu {
background-color:#ffffff!important;
width: 800px !important;
}
.dropdownFriendCategories {
background-color:#ddeeff!important;
float:right!important;
}
.activityStreamModule {
background-color:#ddeeff!important;
width: 800px !important;
font-size:12px!important;
color:#000000!important;
}
.commentContainer {
background-color:#bbddff!important;
font-size:12px!important;
color:#000000!important;
}
}


STOP PRESS - Chrome Version... Yes, ladies and gentlemen, it CAN be done! See the screen shot below for evidence! When entering the code in the Chrome Stylish interface, you DON'T include the opening and closing stand-alone { } brackets, just the ones within the body of the script. It so happens that the URLs are indeed entered in a separate entry box under the main window. Copy the script in two sections; the first (down as far as .expElevator {display: none !important;}) should apply to the entire domain and the second (from .container {background-color:#ffffff!important;} to .commentContainer {background-color...}) applies to just the homepage.



"COMMENTS FROM LAST TIME"

Seb... Chromehead here. Yes, please!
PP... Yet more changes added today (Friday) - I've fixed the grey space behind the stream tabs again (if you look at the Chrome screenshot above, you'll see that it was white for a while); I removed a new advertising space that has recently appeared at the foot of the profiles and elsewhere; I've also got rid of that silly 'express elevator' button (although some of you might find it useful). The amended script above contains all of these changes. Musos & artists: There's a new alternative homepage layout. If you've looked at it and decided that it's not for you (remember, there's nothing new there that you can't access via the dropdown menu anyway), then add the following line to the '/home' section of the above script:-
.homeSwitch, span.new {display: none !important;}
CC... Double P! You rock in every way known to man and in ways not yet discovered by Science!!!! I usedAdBlockPlus & have a Stylish Script that I got from David the guy from MSC (MySpaceCompilation), but this looks like it will rid me of all the crap I despise! Hooray!!! Thank you! xoxo

CC... One question.. how does one access "notifications"? When I tried to access them, I was led to a blank page... Just curious to see if it happened to you as well...
PP... That was a choice I made and I'm sticking by it! No, but you're right, if you delete the user alerts (which I happen to think are extraneous), then the notifications page appears empty as well. Go figure, as they say. I really only access the notifications page now and again just to empty it of 'junk'. It's usually full of all those 'so-and-so commented after you on a status' things anyway. If like me you have a little Stylish icon on your tool bar. you can toggle the scripts off when you go to the notications.
CC... Ah well, nevermind.. I re-added the user alerts to my homepage. I could always delete it, now that I know how! Yay! Your script is AWESOME! I know nothing about coding, but I was able to figure out what everything was because you wrote it so clearly. Thanks again.
PP... Hi folks - I've just added a new photo album "STYLISH PROJECTS", to include some more screengrabs of various works in progress...
http://www.myspace.com/pedanticpedestrian/photos/albums/stylish-projects/1783550

No comments:

Post a Comment