Wednesday, January 4, 2012

Minty Blue Minimalism #8 (2011/10/11)

First published on MySpace blog - 11/10/11
In which our hero adds one more level of sophistimocation to the Stylish script, in the form of some customized hyperlink colours.

A recent 'inquiry' from a friend (Hi Peter!) prompted me to add this script to allow you to customize the colours of your hyperlinks...

I mean to say, you've gone to all that trouble of decorating your homepage with EXACTLY the shades of green or brown that your little heart desires, but you're still stuck with all those default blue hyperlinks, right?

Well, if you add the following to your homepage STYLISH, then you can regain control over the colour of your links:-

a,a:link,a:visited {text-decoration:none!important; color:#0077dd!important;}
a:hover,a:active {color:#000000!important; outline:0!important; text-decoration:underline!important;}

Of course, mine ARE still blue, to fit my colour scheme... but YOU may substitute any RGB colour you like, wherever you see that little tick-tack-toe board (#------).

I've included these lines in the homepage section of the script only, but you COULD apply the changes to the rest of MySpace as well, by putting it in the 'general' section somewhere. Bear in mind though, this affects EVERY hyperlink on EVERY page (see here how the links on the menu bar are affected as well?), so you might end up with some eyewateringly ugly colour combinations when you look at other people's pages! You could, however, create another additional section so that the changes ONLY apply to (for example) your own blog pages.

Just to reiterate, here's the latest version of my entire script now. It's changed beyond all recognition since I started this, so I may be publishing this on userstyles.com as a 'new' project, laying the previous "MySpace Homepage 2011" script to rest. Stay tuned, I will post the details on a comment below when it's done...

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(www.myspace.com)
{
.commentContainer {
font-size:12px!important; color:#000000!important;
}
div.layout.group {
background: transparent!important;
}
nav.gearLinks {
float:left!important;
}
ul.streamViews,
ul.footertools,
article.RecommendationsModule,
article.bestOfTheFixModule,
article.bulletinsModule,
article.manageMyStuffModule,
article.myVisitorsModule,
article.bandArtistDashboardModule,
article.upcomingShowsModule,
article.friendSpaceModule
div.labeled_ad,
ad_container.medrec2,
ad_container.adspecial1,
div#tkn_leaderboard,
article.googleAdSenseModule,
div.module.module3.columnModule1.even.RecommendationsModule.draggable,
div.marketing,
div.linksColumn,
article#module-2.module.module2.columnModule0.odd.InfoGraphicModule,
div.infographic,
div.splashMedia,
div.footershim,
div.musicColumn,
div.splashSignUp,
article#module-3.module.module3.columnModule0.odd.SignUpV2Module.draggable,
div.curatorsColumn,
div.topicsColumn,
section#col2_0.column.column0.columnPath2_0.columnDepth1.firstColumn.lastColumn.allowDrop,
li.checkerLightBG,
div.alertsRequests,
div.pageFooter,
div.moduleFooter,
div.gracefulinjection,
div.shareButtonControl,
div.module.module4.columnModule1.even.RecommendationsModule.draggable {
display: none !important;
}
div.userActions {
float:right!important;
}
.msProfileTextLink {
font-weight:bold!important;
}
}

@-moz-document url-prefix('http://www.myspace.com/home')
{
.userHome {
background: url("http://graphicssoft.about.com/library/free/tiles/agsst135.jpg")!important;
}
.streamTabs {
display:none!important;
}
div.sysMessage {
background-color:#bbddff!important;
}
article.NotificationsModule {
background-color:#bbddff!important;
border-radius:0px!important;
width:150px!important;
float:right!important;
}
span.indicator {
color:#bbddff!important;
background-color:#ffffff!important;
}
li.notification.Online {
background-color:#bbddff!important;
border-radius:0px!important;
border-color:#ffffff!important;
}
li.notification.Mail {
background-color:#bbddff!important;
border-radius:0px!important;
border-color:#ffffff!important;
}
li.notification.Birthdays.secondLast {
background-color:#bbddff!important;
border-radius:0px!important;
border-color:#ffffff!important;
}
li.notification.Events {
background-color:#bbddff!important;
border-radius:0px!important;
border-color:#ffffff!important;
}
span.MSIcon.userCircleIconDarkWhite,
span.MSIcon.birthdayCircleIconDarkWhite,
span.MSIcon.mailCircleIconDarkWhite,
span.MSIcon.eventCircleIconDarkWhite {
display: none !important;
}
.superShareContainer {
background-color:#ffffff!important;
width:780px!important;
}
button.submitBtn.glue.large.primary {
background-color:#bbddff!important;
border-color:#ffffff!important;
color:#444444!important;
text-shadow:none!important;
}
div.minimized {
background-color:#ddeeff!important;
border-color:#ffffff!important;
}
.profilePicContainer {
display: none !important;
}
.dropdownFriendCategories {
background-color:#bbddff!important;
border-color:#ffffff!important;
float:right!important;
}
.dropdown li:hover a {
background:#bbddff!important;
}
.container {
background: transparent!important;
}
.horizontalMenu {
background-color:#ffffff!important;
width: 780px !important;
}
.horizontalMenu>.selected,
.horizontalMenu>li:hover>a,
.horizontalMenu>.selected>a {
background:#bbddff!important;
border-radius:0px!important;
text-decoration:none!important;
}
.activityStreamModule {
background-color:#ddeeff!important;
width:780px!important;
font-size:12px!important;
color:#000000!important;
}
.commentContainer {
background-color:#bbddff!important;
font-size:12px!important;
color:#000000!important;
box-shadow:0 0 12px rgba(0,0,34,0.5)!important;
}
.msProfileLink.miniProfile {
padding-right:2px!important;
padding-left:2px!important;
background:transparent!important;
}
div.glue-dialog.FBMP.large,
div.glue-overlay,
article.module.module6.columnModule2.odd.AdContainerModule.draggable,
article#module-6.module.module1.columnModule0.odd.adFbPromoModule.draggable,
li.recent {
display: none !important;
}
a,a:link,
a:visited {
text-decoration:none!important;
color:#0077dd!important;
}
a:hover,a:active {
color:#000000!important;
outline:0!important;
text-decoration:underline!important;
}
}


"COMMENTS FROM LAST TIME"
PP... http://userstyles.org/styles/54952/myspace-homepage-minty-blue-minimalism?r=1318589636
This script is now installable via USERSTYLES, under the new name "MySpace Homepage - Minty Blue Minimalism"
Peter Kelly... Thanks Minty I am going to try to install it. I'm not very good at this. ha ha
PP... Thanks Peter, it sounds like the sample script I sent you works! It just occurred to me that you don't actually need that 'webkit' line, 'cos that's for non-Mozilla browsers! As I mention within the blog, bear in mind that, if you put those lines in the 'general' section, this will affect EVERY hyperlink on EVERY page, so beware of frightful colour combinations! If you ONLY want to see those link colours on YOUR blog page then create a new section after the last wiggly bracket  } 
@-moz-document url-prefix('http://www.myspace.com/wpeterkell/blog')
{
a,a:link,a:visited {text-decoration:none!important; color:#FF0000!important;}
a:hover,a:active {color:#800080!important; outline:0!important; text-decoration:underline!important;}
Peter Kelly... I added and it only shows on blogs (links)

No comments:

Post a Comment