Step 1: Upload the custom icon Edit

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 Edit

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

Offsite image Edit

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 Edit

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 Edit

Where to add Edit

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

What to add Edit

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;

Wikis that use this feature Edit

Notes Edit

  1. Some users may prefer to place it in MediaWiki:Common.css or MediaWiki:Monobook.css