Custom external link icon

Step 1: Upload the custom icon

Your icon should generally follow the same instructions as the Custom cursor ones (have a transparent background, shape that reminisces the standard icon etc.) However, try to use one that is even smaller than a cursor icon. In general, avoid using anything larger than 10px per 10px.

 Step 2: Decide where the image is hosted

You can use images off-site by linking with full-URL or upload a local one to your wiki.

Offsite image

If you plan on using an off-site image then:

1. Find the image somewhere on the internet.
2. Copy the image URL to paste later on.

Local image

If you plan on using a local image (prefered) then:

1. Upload the images you want to be displayed with Special:Upload.
2. Copy the filename.ext of the image just uploaded to paste later on.
3. use "/wiki/Special:FilePath/YOUR_FILENAME_WITH_EXT" as the URL in places mentioned below.

Step 3: Add code

Where to add

• If you are admin and intend for all viewers to see it: go to Special:CSS
• If you are not an admin or want it for personal use: go to Special:MyPage/wikia.css

What to add

Fill in the _____ with the URL (usually ending in .png) of the image that you want to use as a custom icon. Add the the following code in the page:

/***** Custom icon for external links *****/

.WikiaArticle a.external::after {
	background-image: url("_____") !important;
	background-position: 0 0 !important;
}

If you want to have no icon at all

/***** No icon for external links *****/

.WikiaArticle a.external::after {
	background:none !important;
	background-position: 0 0 !important;
}

Wikis that use this feature

• Darkwood Wiki
• Portuguese Runescape Wiki
• Russian Unexplored Wiki