Help:Changing the style of interwiki links

An interwiki link is a special type of external link. Typical external links have a special icon (an arrow coming out of a box) alerting users that the link takes them to a different site, as well as a slightly different-shaded blue than normal links. On the other hand, interwiki links only use link coloring (same as normal external links), without the graphical icon to warn users.

All interwiki links on Wikia have classes based on where they lead, you can style them individually. The following is a guide on how to add and customize the design of interwiki links.


 * Notes:
 * Each description is followed by an example of the CSS code to use, using the idea of small images following the link. This can be modified to your liking.
 * When using images, be careful that they do not cause problems on dark skins if one is likely to be used on your wiki.
 * Replace IMAGELINK with links to your desired link image.

Putting the same warning icon on all interwiki links
All interwiki links have the class.

background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; }
 * 1) bodyContent a.extiw {

Links to all Wikia wikis
This affects all links with the   syntax.

background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; }
 * 1) bodyContent a.interwiki-w, #bodyContent a.interwiki-w:active,
 * 2) bodyContent a.interwiki-wikia, #bodyContent a.interwiki-wikia:active,
 * 3) bodyContent a.interwiki-wikicities, #bodyContent a.interwiki-wikicities:active {

Cross Wikia links
This is only required if you wish to have a different icon to the Central Wikia icon.

This affects all links with the   syntax.

background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; } background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; }
 * 1) bodyContent a[href^="http://www.wikia.com/wiki/c:"], #bodyContent a[href^="http://www.wikia.com/wiki/c:"]:active {
 * 1) bodyContent a[class~^="wikia-"], #bodyContent a[class^="wikia-"]:active {

Custom specific Wikia wiki icon
This affects any particular wiki linked to via the   syntax.

background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; }
 * Guild Wars
 * 1) bodyContent a.interwiki-w.wikia-guildwars, #bodyContent a.interwiki-w.wikia-guildwars:active,
 * 2) bodyContent a.interwiki-wikia.wikia-guildwars, #bodyContent a.interwiki-wikia.wikia-guildwars:active {

Custom Wikipedia/non-Wikia icons
This applies to wikis on Wikia's interwiki map, who take the link form.

The resulting class will be.

background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; }
 * Wikipedia
 * 1) bodyContent a.interwiki-wikipedia, #bodyContent a.interwiki-wikipedia:active {

background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; }
 * MediaWiki.org
 * 1) bodyContent a.interwiki-mw, #bodyContent a.interwiki-mw:active {

background: transparent url(IMAGELINK) no-repeat scroll center right; padding-right: 18px; }
 * Uncyclopedia
 * 1) bodyContent a.interwiki-uncyclopedia, #bodyContent a.interwiki-uncyclopedia:active {