Fandom

Community Central

Comments0

Basic Wikitext and CSS

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

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%;
}

Also on Fandom

Random Wiki