About-wiki: Difference between revisions
From stonehomewiki
Jump to navigationJump to search
Stonezhong (talk | contribs) No edit summary |
Stonezhong (talk | contribs) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
= Wiki Features = | = Wiki Features = | ||
== Global CSS == | == Global CSS == | ||
* [[MediaWiki:Common.css Global CSS] | * [[MediaWiki:Common.css|Global CSS]] | ||
== You can use raw HTML tags == | == You can use raw HTML tags == | ||
Latest revision as of 11:58, 5 March 2023
Wiki Features
Global CSS
You can use raw HTML tags
You can wrap your html content in <html>...</html>, for example,
hello
source code:
<html><div style="background-color:green;">hello</div></html>
You can insert external images
method 1: use raw img tag
for example:
source code:
<html><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/220px-FullMoon2010.jpg" /></html>
method 2: use traditional wiki style
Example:
| https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/220px-FullMoon2010.jpg |
| This is a picture |
source code:
{|
| https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/220px-FullMoon2010.jpg
|-
| This is a picture
|}
insert youtube video
Insert raw html directly. example
source code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/syp6Lsd8HOo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
expandable
Example:
source:
<div class="toccolours mw-collapsible mw-collapsed mono expandable"> <div class="mw-collapsible-preview"></div> <div class="mw-collapsible-content"> * [https://www.youtube.com/ youtube] </div> </div> <p></p>
