Wiki for the forum

[wizzardx]

*wanders if css can be used*

I'm not very familiar with web dev, but it seems like by default CSS won't work (except as the "style" parameter, to already-allowed HTML-tags)

Here are the HTML tags that MediaWiki allows:

http://en.wikipedia.org/wiki/Html_in_wikitext

If I'm not mistaken, for external CSS files you need the "link" html tag, and for embedded CSS you need the "style" html tag, which aren't allowed by default.

I can most likely get them working, if you want to use CSS.

[Vermilion Sky]

If it's too much trouble to get them working, don't worry about it.

My page is just gonna get..

really huge XD. And css is good for pretty up stuff!

[wizzardx]

If it's too much trouble to get them working, don't worry about it.

My page is just gonna get..

really huge XD. And css is good for pretty up stuff!

Usually huge pages are a sign that you should split into smaller articles ^^.

I've installed the CSS Mediawiki extension. You can use it in wiki articles like this:

Code:  [ Select all ]

{{#css:
  body {
    background: yellow;
    font-size: 20pt;
    color: red;
  }
}}


I've used it in the wiki sandbox to change the background color. Have fun ^^.

[Utsuho Lazy]

Umm, what's CSS and how does it magically change the background to green? It's so interesting...

[虚偽の幻影]

Umm, what's CSS and how does it magically change the background to green? It's so interesting...

the one i learned is to create a group which you allocate stats to it, like background image, color, size font, etc. so whenever u wan a particular 'set' of such things u can just input the group name into the words or page that u wan. it makes things easier cause u dun need to type out every single tag for every stat.

[Vermilion Sky]

Cascading Style Sheets is HTMLs answer to PHP(but CSS can't create boards/forums like PHP).

To put it simply; It is scripting language, widely used to create and format layouts in an easy short amount of time with awesome flexibility. Combine this with div layers and you can create layouts/webpages without using tables or any other HTML element. If you want certain areas to be bold, you can without having to spam the <@b> tag. Just create an attribute for it, like Teddie said.

[wizzardx]

Umm, what's CSS and how does it magically change the background to green? It's so interesting...

CSS = Cascading Style Sheets. It's a tidy way for web programmers to separate content (the text you see in the web browser) from presentation (what it looks like, colors, etc).

CSS is basically special code inside the web page, which says, whenever certain things are found in the HTML (like paragraphs, or headers, or sections saying they want to use a custom style), that they should have the specified colors, fonts, etc.

The CSS code that I used on the wiki:

Code:  [ Select all ]

{{#css:
  body {
    background: lightgreen;
  }
}}


What that means, is that the page's "body" (the main part, that contains most of the others), will have a background color of light green.

You could for instance use it on your Fanhymns page, so that you don't have to specify the fonts and colors etc for each of your paragraphs. You'd define a section earlier in your page, where you say what certain styles look like (fonts, colors, etc), and then in the Hymns, say that those "spans" use the styles you declared earlier. That way, you could for instance change the look of your entire hymn by just changing a few lines, instead of every place where you set those colors and fonts.

You can read more about Cascading Style Sheets here:
http://www.w3schools.com/css/css_intro.asp

[Vermilion Sky]

If it's too much trouble to get them working, don't worry about it.

My page is just gonna get..

really huge XD. And css is good for pretty up stuff!

Usually huge pages are a sign that you should split into smaller articles ^^.

You mean make different pages?
I guess I can make a page for my hymns and another page for personal stuff.

[wizzardx]

You mean make different pages?
I guess I can make a page for my hymns and another page for personal stuff.

I'd suggest moving the Hymns over to a new article, "Vermillion Sky's Hymns" (and then link there from your member page and from the Fanhymns). Technically, your member page should be mainly about yourself, but you can obviously put whatever you want there ^^.

[Vermilion Sky]

Hmm, yeah I'll do that. ;o

[wizzardx]

Just added support for embedded YouTube videos.

Use this markup:

Code:  [ Select all ]

<youtube v="aYouTubeId" />

Replace "aYouTubeId" with the video's id. There's an example at the bottom of the Sandbox.

[Utsuho Lazy]

Umm, I was wondering, how to create tables like in Wikipedia articles?

[wizzardx]

Umm, I was wondering, how to create tables like in Wikipedia articles?

This one is slightly more complicated.

Here is some code which creates a 3x3 mediawiki table:

Code:  [ Select all ]

{| border="1"
|Row 1, Column 1
|Row 1, Column 2
|Row 1, Column 3
|-
|Row 2, Column 1
|Row 2, Column 2
|Row 2, Column 3
|-
|Row 3, Column 1
|Row 3, Column 2
|Row 3, Column 3
|}


Explanation:

• {| - Starts a new table
• border="1" - Gives the table visible borders
• | - A new table cell
• Row X, Column Y - contents of the cell
• |- - Start a new table row
• |} - End of the table

You can read more about wiki tables here.

The above example is also at the bottom of the Sandbox. You can play with that one to get a feel for how to make tables.

[Vermilion Sky]

Tables are so hard to position..even with the HTML version(way more complicating).

[Utsuho Lazy]

I... kinda get it. Thank you~ Guess I'll just edit my text into the default one.

[虚偽の幻影]

lol i half expected the HTML table tag.XD

[wizzardx]

lol i half expected the HTML table tag.XD

Yeah, that works too, but I didn't want to melt people's brains ^^.

[Utsuho Lazy]

Yeah, that works too, but I didn't want to melt people's brains ^^.

The above one was already difficult enough for me... D:

[Vermilion Sky]

lol i half expected the HTML table tag.XD

In a way it's not much different.. wiki tables are just without the <*table> <*tr><*td> stuff...

[wizzardx]

You can now play MP3s in the wiki. The main requirement is that you have URLs to the MP3s.

Example:

Code:  [ Select all ]

<flashmp3>http://url/to/song1.mp3</flashmp3>


You can play more than one song, by putting commas between, eg:

Code:  [ Select all ]

<flashmp3>http://url/to/song1.mp3,http://url/to/song2.mp3,http://url/to/song3.mp3</flashmp3>


There are other options you can also set, like colors, autoplay, looping, etc. More info here.

You can find an example at the bottom of the wiki sanbox.

Additionally, the wiki also supports a few more video and music hosts in addition to YouTube, thanks to another extension I installed recently.