Wikipedia:Visualizing redirects
{{shortcut|WP:VIZ}}
There are several options for making links that are redirects have a different color than normal links.
Using a stylesheet
You can add this to your common.css:
.mw-redirect {
color: green;
}
.mw-redirect:visited {
color: green;
}
.mw-redirect:hover {
color: green;
}
.mw-redirect:active {
color: green;
}
Using JavaScript
You can also use a userscript to get the same effect, commonly used ones are:
- User:Anomie/linkclassifier
- User:BrandonXLF/GreenRedirects, a script that turns redirects green
- User:Nihiltres/assesslinks.js, allows you to see the assessment of every article linked from a given page and turns redirects magenta
Yet another alternative is this script which you can place in your common.js. It adds a 'redirects" tab which turns all redirects green whenever you want:
{{hidden begin|titlestyle = background:#eee; text-align:center;|title = Code}}
if(mw.config.get('wgAction') != 'edit' && mw.config.get('wgCanonicalNamespace') != 'Special'){
var highlightRedirects = {
tab_redirects : null,
addStylesheetRule : function(tag, style){
var ss = document.styleSheets[0];
if(ss.insertRule){
ss.insertRule(tag + '{' + style + '}', ss.cssRules.length);
} else if(ss.addRule){
ss.addRule(tag, style);
}
},
run : function(){
highlightRedirects.addStylesheetRule('a.mw-redirect', 'color:green');
},
install : function(){
with(highlightRedirects)
{
tab_redirects = addPortletLink ('p-cactions', 'javascript:highlightRedirects.run();', 'redirects');
if(document.getElementById('ca-history'))
document.getElementById('ca-history').parentNode.appendChild(tab_redirects);
}
}
};
addOnloadHook(highlightRedirects.install);
}
{{hidden end}}