Skin creation

Seed steps

1. Create background
2. Create wordmark
3. Tweak color scheme based on background/wordmark
4. Create Header and Video Game templates
5. Download all assets that can be found (images)
6. Upload all videos that can be found
7. Create content pages
8. Create main page
9. Check for proper page categorization
10. Fill in navigation menu

Background creation

• Choose an image of 2000 x 1080 (for no splitting)
  • Either choose an image that can be "split" into two, or combine two images
  • Use editing program to tweak, if needed
• Create fade in/out around the image:
  • left, right, bottom
  • Set Gradient tool to "Foreground to Transparent"
  • Set background to background color of wiki
  • Select blend tool, then left+click for areas around pic to change
  • Select Fade
• Make sure to export the image as .jpg/.jpeg
• Image size can be no larger than 300kb

CSS

If a glow is desired that surrounds the page borders, consider adding the following to MediaWiki:Wikia.css (change colors):

/* Page Glowing */
#WikiaPageBackground {
border:1px solid #B80438 !important;
box-shadow: 0 0 7px #B80438;
}

Wordmarks

• 250 x 65 png

Headers

• Template:Header
• Template:Header1 (slick version)
• Template:HeaderTest (tabbed-like)
• For custom headers, see Satellite Reign (site text)
• For nav portals, see FTL
• use font-family within the span style to change font
  • Arial, ARIAL
  • Arial Black, ARIAL BLACK
  • Comic Sans MS, COMIC SANS MS
  • Courier New, COURIER NEW
  • Georgia, GEORGIA
  • Impact, IMPACT
  • Times New Roman, TIMES NEW ROMAN
  • Trebuchet MS, TREBUCHET MS
  • Verdana, VERDANA

VG Infobox

• Template:Infobox_VG

Main page components

Welcome box

• Slick Welcome

Twitter

• Twitter timeline

<twitter screen-name="getfandom" />

• Supports such parameters as height=" " and theme="dark"

Facebook

• New plugin page

Bottom stuff

<br clear="all" />

Discussions

Be sure to enable Discussions.

Blogs

• Social Media buttons (blogs)
• Social Media button images

• {{w:VGBlogFooter}}

Linking

• [[w:c:wikiname:pagename]]
• Can also change the color of such links so they stand out from the site's normal internal link colors via MediaWiki:Common.css:

.oasis-dark-theme .WikiaMainContent a.external, .oasis-dark-theme .WikiaMainContent a.external:visited, .oasis-dark-theme .WikiaMainContent a.extiw, .oasis-dark-theme .WikiaMainContent a.extiw:visited { color: #99ccee; }

Infoboxes and tables

• Infobox help
• Use margin:auto; with classes to center them in css
• Linetable hover for table rows
  • Add to Wikia.css - table.hover tr:hover { background-color: #ffff99; }

Special site actions

• Use Special:EditWatchlist/raw to unfollow selected pages on a wiki
• Community messages: MediaWiki:Communitymessages-notice-msg
• Article spaces: api.php?action=query&meta=siteinfo&siprop=namespaces

Ooyala

• Doc
• Internal