Wikia

Community Central

Comments0

Basic Wikitext and CSS

Here, I'm going to make a record of WikiText and CSS that I use for My Wikia.


WikiText (HTML and other things)


Portal Layout

Click Open
<mainpage-rightcolumn-start />


<!--Things like Helping Out, Forum Activity etc-->


<mainpage-endcolumn />




<mainpage-leftcolumn-start />


<!--About, Navigation etc--->


<!--A slider-->


<!--Extra things-->


<mainpage-endcolumn />

Drop-Down Table

{| class="wikitable mw-collapsible mw-collapsed" width="100%"
! Click Open
|-
|
Hi
|}

This becomes:

Click Open

Hi

Slider

<gallery type="slider">
Example1.png
Example2.png|Example Two
Example3.png|Example Three|linktext=Great links
Example4.png|Example Four|link=Help:Contents|linktext=Interesting Pages
</gallery>

Gallery

<gallery navigation="true">
Example1.png
Example2.png|Captioned
Example3.png|'''[[Help:Wikitext|Wikitext]]''' can be used in captions.
Example4.png|link=Help:Contents|This photo links to [[Help:Contents]].
</gallery>


Slideshow

<gallery type="slideshow" hideaddbutton="true" navigation="true">
Example1.png
Example2.png|Captioned
Example3.png|'''[[Help:Wikitext|Wikitext]]''' can be used in gallery captions.
Example4.png|Clicking photo takes you to [[Help:Contents]].|link=Help:Contents|linktext=Help:Contents
</gallery>

Infobox Template

Making an infobox template

Put this in the template page, obviously putting in your desired information fields:

<infobox layout="default" theme="more>
 <title source="name"><default>{{PAGENAME}}</default></title>
<image source="image" />
  <header>Information</header>
  <data source="Info 1"><label>Info 1</label></data>
</infobox>

To use this infobox

example input:

{{"Name of Template"
|image = Example.jpg
|Info 1 = First information

Main Page Column Tags

<mainpage-leftcolumn-start />

content in the left column

<mainpage-endcolumn />

<mainpage-rightcolumn-start />

content in the right column

<mainpage-endcolumn />

Lua Infoboxes

{{#infoboxbuilder:
|  1:Type  = Title
 | 1:Value = Just a simple infobox

|  2:Type  = MainImage
 | 2:Value = [[File:Example.jpg]]

|  3:Type  = Header
 | 3:Value = FAQ

|  4:Type  = Line
 | 4:Label = Is it simple?
 | 4:Value = Yes, it is!

|  5:Type  = Line
 | 5:Label = Will I use it?
 | 5:Value = Every time!
}}

Tab View

Like a Tabber, but shows a whole page

<tabview>
PAGE1|TITLE
PAGE2|TITLE
PAGE3|TITLE
</tabview>

Helping out template


<tabber>
|-|Helping Out=<!--------------------------Helping out---------------------------------------->
===Helping out===
Welcome to the /* Insert Wiki name here */ Wiki! Feel free to [[Special:Userlogin|join us]] and contribute to this wiki. Everyone is free to create a new page or edit any [[Special:Allpages|existing one]].

Questions about wiki editing should be directed towards [[Message Wall:/* Insert Admin name here */|/* Insert Admin name here */]].
*New to wikis? Check out our [[Help:Contents|help page library]] and out [[/* Insert Wikia name here */:Manual of Style|policies and guidelines]].
*Not sure where to start? Our [[:Category:stub|stub articles]] always need expansion.
*Spotted some vandalism? Report it [[Message Wall:/* Insert Admin name here */|/* Insert Admin name here */].
*Browse wiki activity in [[Special:RecentChanges|Recent Changes]].
<createbox>
width=24
break=no
buttonlabel=Create new page
</createbox>
|-|Forums=<!------------------------------Forums----------------------------------------------->
<wikiaforum />
|-|Join Chat=<!--------------------------Join Chat-------------------------------------------->
===Chat===
Chat is a feature that allows near-instantaneous communication between users on a wikia. Anybody with a Wikia account can join chat by clicking the "Join the Chat" or "Start a Chat" button below.
<chat />
==Private messaging==
Private messages are conversations between you and one other user. If you are in a private message room with someone, you have the ability to stop receiving their private messages by selecting "'''block private messages'''" in their username menu. This setting is permanent and Wikia-wide until you select "'''Allow private messages'''" from their menu in the general chat room.
=="Me" action==
A feature in chat, borrowed from IRC, is the "/me" action. If a user (for example: YourName) preceded an entry in chat with "/me", it would render specially:
:<code>/me is going to the movies.</code>
would appear as:
:<span style="color: rgb(156, 156, 156);">* YourName is going to the movies.</span>

==Links==
Links work exactly the same in Chat as they do in the editor. For example, typing [[Special:Forum]] in Community Central Chat results in [[Special:Forum]] - the main forum page of Community Central.

You can make shorter links to other wikias by using an [[Help:Interwiki link|interwiki link]]. For example, typing [[w:c:starwars]] in Chat results in [[w:c:starwars]] - an easy way to link to Wookieepedia (http://starwars.wikia.com).

You can also link to specific pages using this method. Typing [[w:c:avatar:Aang]] in Chat results in a link to the [[w:c:avatar:Aang|Aang]] page on Avatar Wiki (http://avatar.wikia.com/wiki/Aang).

|-|Disclaimer=<!--------------------------Disclaimer------------------------------------------>
===[[Disclaimer|Read our ''full'' Disclaimer here]]===


|-|Manual of Style=<!--------------------------Manual of Style-------------------------------->
===[[/* Insert Wikia name here */: Manual of Style|Visit our ''full'' Manual of Style here]]===

</tabber>

Tabber

<tabber>First Tab Title=First tab sample text.
|-|Second Tab Title=Second tab content goes here. 
|-|Third Tab Title=Third tab content goes here.
</tabber>

CSS (the design of a Wikia)


Rounded Header Corners, Black Backgrounds, and White Text
h2 {
    color:#FFF; background-color:#000; text-align: center; style="border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; -webkit-border-top-left-radius: 30px; width:100%;  margin-top:1em; border:1px solid #999; font-size:95%;
}
 
h3 {
    color:#FFF; background-color:#000; text-align: center; style="border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; -webkit-border-top-left-radius: 30px; width:100%;  margin-top:1em; border:1px solid #999; font-size:95%;
}
 
h4 {
    color:#FFF; background-color:#000; text-align: center; style="border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; -webkit-border-top-left-radius: 30px; width:100%;  margin-top:1em; border:1px solid #999; font-size:95%;
}
 
h5 {
    color:#FFF; background-color:#000; text-align: center; style="border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; -webkit-border-top-left-radius: 30px; width:100%;  margin-top:1em; border:1px solid #999; font-size:95%;
}

Around Wikia's network

Random Wiki