Wiki:
Page name: PseudoHTML [Exported view] [RSS]
2013-06-26 13:22:00
Last author: sammie h!
Owner: Stephen
# of watchers: 20
D20: 6
Bookmark and Share

<img:stuff/PseudoHTML.jpg>

<img:stuff/aj/28425/book_blue_div.png>


A guide to the pseudo HTML on Elfpack


The limited "pseudo HTML" on Elfpack allows you to format your text, insert images in your text, and to link to postings, members, wiki-pages and other web pages. The pseudo HTML works just about everywhere - in messages, postings, your description, your blog, and of course on the wiki.

<img:stuff/aj/28425/book_blue_div.png>


Table of contents

PseudoHTML#1: Introduction
PseudoHTML#2: Formatting text
PseudoHTML#3: Making the text larger
PseudoHTML#4: Centering text
PseudoHTML#5: Aligning text to the right
PseudoHTML#6: Making the text Bold, Italic, Underlined or Strikethrough
PseudoHTML#7: Inserting other elements
PseudoHTML#8: Inserting an image
PseudoHTML#9: Inserting a horizontal ruler
PseudoHTML#10: Resizing images
PseudoHTML#11: Creating links
PseudoHTML#12: Linking to a web page
PseudoHTML#13: Linking to an Elfpack wiki-page
PseudoHTML#13b: Linking to a Wikipedia article
PseudoHTML#14: Linking to an Elfpack member
PseudoHTML#15: Linking to a posting
PseudoHTML#16: Linking to a poll
PseudoHTML#17: Linking to a blog entry
PseudoHTML#18: Linking to a guestbookmessage
PseudoHTML#19: Linking to a private forum
PseudoHTML#20: Linking to a public forum
PseudoHTML#21: Linking to the news on mainstreet
PseudoHTML#22: Linking to any page on Elfpack
PseudoHTML#23: Linking to a private message
PseudoHTML#24: Linking to parts of your house/wiki
PseudoHTML#25: Writing tags that are shown
PseudoHTML#26: Miscellaneous notes
PseudoHTML#27: Paragraphs and line breaks
[#Creating tables]: How to create tables
PseudoHTML#28: Boxes
PseudoHTML#29: Sounds and Videos
PseudoHTML#30: HTML tags that don't work
PseudoHTML#31: When the pseudo HTML doesn't do what you want
PseudoHTML#32: Other useful pages

Note: Click the link and you will be taken to that part of the wiki.
<img:stuff/aj/28425/book_blue_div.png>


Introduction



What is HTML?

HTML stands for HyperText Markup Language, and is a set of "codes" - tags - that can be put in the text to indicate how the text should be displayed (bold, italics etc), that the text should be a link to somewhere, or that there should be an object (for example an image) inlined in the text.

Some tags are "single", like the <hr> tag that indicates that a horizontal line should be inserted in the text. Other tags come in "pairs", a start tag and an ending tag, that are put around the text that is to be formatted. Examples of paired tags are the <b> ... </b> and <i> ... </i> tags that indicate bold and italics in the text.

What is "Elfpack's pseudo HTML"?

The "pseudo HTML" on Elfpack is a limited set of HTML tags and some Elfpack specific "codes" that work in postings, on the wiki, in your description etc. The available tags and "codes" are described below.

<img:stuff/aj/28425/book_blue_div.png>


Formatting text



You can format text with a limited number of "ordinary" HTML tags. All HTML tags aren't allowed and thus don't work, because that might make some pages look downright awful.

<img:stuff/aj/28425/book_blue_div.png>


Making the text larger

You can make the text larger by using the header tags "h1" and "h2" (other header tags don't work):

<h1> huge header "h1" ending with </h1>
<h2> large header "h2" ending with </h2>

h1 looks like this


h2 looks like this




Using the PRE tag:

The PRE tag allows you to write pre-formatted text, using a fixed width font and with all spaces displayed (extra spaces are normally removed):

<pre> pre-formatting tag "pre" ending with </pre>

An example:
    This text is pre-
            formatted
   
<img:stuff/aj/28425/book_blue_div.png>


Centering text

You can centre the text using the "center" tag like this:

<center>Text to be centered </center>

An example:
Centered text

<img:stuff/aj/28425/book_blue_div.png>


Aligning text to the right

You can align the text by using the "right" tag like this:

<right>Text to be aligned right</right>

An example:
Right aligned text


<img:stuff/aj/28425/book_blue_div.png>


Making the text Bold, Italic, Underlined or Strikethrough

You can make your text bold, italic or underlined by using the "b","i", "u" and "s" tags:

<b> bold tag "b" ending with </b>
<i> italics tag "i" ending with </i>
<u> underlined tag "u" ending with </u>
<s> strikethrough tag "s" ending with </s>

Bold text looks like this
Italic text looks like this
Underlined text looks like this
Strikethrough text looks like this

Bold, italics, underlined, strikethrough, centred and pre-formatting can be nestled, so that you get text that is both bold and italics while also being pre-formatted or centred. You can also nestle the italics tag with the header tags, to get headers in italics.

* Remember always to put the end tags on h1, h2, pre, center, b, u and i, or all the tags of that type will stop working in your text! This is one of the most common mistakes!
<img:stuff/aj/28425/book_blue_div.png>


Inserting other elements



There are two "elements" you can insert into your text: images and horizontal rulers.

<img:stuff/aj/28425/book_blue_div.png>


Inserting an image

To insert an image into your text you add the Elfpack-specific "IMG" tag at the point in your text where you want the image: <IMG:(URL to the image)>

An example:
<IMG:http://www.elfpack.com/Itayyam_logo.png>

The IMG tag above results in this:
<img:http://www.elfpack.com/Itayyam_logo.png>

The image doesn't have to be in Elfpack, but it must be on the internet. You cannot use an image directly from your own computer.

<img:stuff/aj/28425/book_blue_div.png>


Inserting a horizontal ruler

Horizontal rulers (lines) are inserted using the "hr" tag:

<hr>


There is a horizontal ruler, below this text, if you want to see what one looks like.




There is no closing tag for the "hr" tag or the "IMG" tag.

<img:stuff/aj/28425/book_blue_div.png>


Resizing images


If you want to inline images from Modelica Community you can change their size by writing one or two numbers before the ':' like this:
<IMG100:http://www.elfpack.com/Itayyam_logo.png> looks like <img100*0:http://www.elfpack.com/Itayyam_logo.png>
(keeps the current ratio between width and height, but new width will be 50px)

OR to change the height/width ratio:

<IMG50*100:http://www.elfpack.com/Itayyam_logo.png> looks like <img50*100:http://www.elfpack.com/Itayyam_logo.png> (image re-sized to 25*50)
<img:stuff/aj/28425/book_blue_div.png>


Creating links



Links are very simple on Elfpack. You don't use the <A HREF=...> construction that you may be familiar with from HTML. How you do the link depends on the type of link.

<img:stuff/aj/28425/book_blue_div.png>


Linking to a web page

To make a link to a web page you just write the URL to the web page. Nothing more, nothing less.

http://www.elfpack.com

<img:stuff/aj/28425/book_blue_div.png>


Linking to an Elfpack wiki-page

To make a link to a page on the Elfpack wiki, you write the page name followed by @wiki within square brackets. When written correctly, the page name without the brackets and @wiki will be displayed as the link in the resulting text.

An example:
[index@wiki]

The link looks like this:
index

(Advanced: Between "@wiki" and "]" you can add "edit", version number and/or #where in page (set with ) like this: [page@wikiedit88#hint] takes you to version 88 of "page" with an edit-form at the first <#hint> in it)
<img:stuff/aj/28425/book_blue_div.png>



Linking to a Wikipedia article

You can write [[Elftown]] to make a Wikipedia-link like this Elftown

If you want to write something different than the article name, you can write like [[Elftown|The best site in the world]] and it becomes: The best site in the world

(Sorry, there is no Elfpack article (yet...))
<img:stuff/aj/28425/book_blue_div.png>


Images in wiki-links

You can make a wiki-page link with an image in it.
Write your wikipage

The link will appear as follows
<wikiimg:elfpack@wiki:http://www.elfpack.com/Itayyam_logo.png>
elfpack
<img:stuff/aj/28425/book_blue_div.png>


Linking to a Elfpack member

To link to a Elfpack member you simply write the member's name within square brackets (no @wiki this time, or it will become a link to a wiki page...)

An example:
[Hedda
<img:stuff/aj/28425/book_blue_div.png>


Linking to a posting

A link to a posting is very similar to a link to a member; the posting number within square brackets:

[2]

<img:stuff/aj/28425/book_blue_div.png>


Linking to a poll

You can link to a poll with a link that looks like this: <poll:(poll number)>

An example:
<poll:1>

You can find the poll number right beside the poll's title.

<img:stuff/aj/28425/book_blue_div.png>


Linking to a diary entry

You can link to a diary entry by using this syntax <diary:entry number>

An example: <diary:1>

<img:stuff/aj/28425/book_blue_div.png>


Linking to a guestbookmessage

You can link to a guestbookmessage by using this syntax <gb:entry number>

An example: <gb:1>

<img:stuff/aj/28425/book_blue_div.png>


Linking to a private forum

If you have created a private forum, you can provide a link with a password to the forum to allow people to join the forum without invitation. The link looks like this: <joinforum:(forum number):(password)>

An example:
<joinforum:64:play> (The secret forum number 64 doesn't allow joining via password)
<img:stuff/aj/28425/book_blue_div.png>


Linking to a public forum

A link to an ordinary forum is a bit more complicated than a link to a private forum. To link to a forum, you use the pseudo HTML "URL" tag, writing the Elfpack URL to the forum: <URL:view_forum?forumnr=(forum number)>

An example:
<URL:view_forum.html?forumnr=1>

You can also link to such a forum by using the syntax <forum:forum number>
The forum number will show as the forum name.

Example:
<forum:Elfpack, newbie questions>

Clicking on the link will open a new window.

<img:stuff/aj/28425/book_blue_div.png>


Linking to the news on mainstuff

You can link to the news by using this syntax <URL:news.html?nrs=(newsnumber)>
An example: <URL:news.html?nrs=1>

Or you can link to the news by using this syntax <news:news number>
The number will appear as the newstitle.
An example: <news:Opened!>

Clicking on the link will open a new window.

<img:stuff/aj/28425/book_blue_div.png>


Linking to any page on Elfpack

To link to a page on Elfpack you can use the pseudo HTML "URL" tag: <URL:(Elfpack URL)>

An example:
<URL:help.html>

The "Elfpack URL" is the same as the URL to the page but without "http://www.elfpack.com/".
Clicking on the link will open a new window.

<img:stuff/aj/28425/book_blue_div.png>


Linking to a private message

In a message to a member you can link to a previous message you have received or sent to that member.
This goes as followed:
[messagenumber@]
The messagenumber you want to link to can be found on top of the specific message.
It will say: 'Letter number: #'.

The receiver can click the link and will then be sent to the message.

Note: You can only link to a message that you have received from or sent to the member you are writing to.

<img:stuff/aj/28425/book_blue_div.png>


Linking to parts of your house/wiki
Under Construction
<img:stuff/aj/28425/book_blue_div.png>


Writing tags that are shown

If you want to write a pseudo HTML tag that will be shown instead of interpreted as a tag, just like in the examples on this page, you put the string !uQt! somewhere in the tag. An example:

<!uQt!b> [help@!uQt!wiki] <!uQt!/b> 
will look like this:

<b> [help@wiki] </b> 

instead of like this:

help  

You can also use !uQt! within an !uQt!, to have the !uQt! in the tag shown, too...

<img:stuff/aj/28425/book_blue_div.png>



Creating tables



The table tag allows you to create columns, when you write:
<table>Column 1|Column 2 --- First data | second data</table>

It will look like this:
Column 1Column 2
First data second data


You write | (pipe) for a new column and --- (3 minus) for a new row.

<img:stuff/aj/28425/book_blue_div.png>


Miscellaneous notes



Case sensitivity:

Tags can be written in both uppercase and lowercase, but the whole tag must be in the same "case". That means you can write <hr> as well as <HR>, but not <Hr> or <hR>.

<img:stuff/aj/28425/book_blue_div.png>


Paragraphs and line breaks

As you may already have noted, you don't use the paragraph or line break HTML tags (<p> and <br>) on Elfpack. Instead you just write your text as you would in a text editor, using the Enter key to make line breaks as usual.
<img:stuff/aj/28425/book_blue_div.png>


Using the Box tag

The Box tag allows you to divide texts into boxes, which can particularly come in handy in case you're making some sort of list for instance. Also useful for grouping images together with their image-texts.

The normal tag <box> content</box> creates a box with "minimum width" and that can be different in different browsers.

If you want a fixed width, you can use the tags:
box50, box100, box150, box200, box250, box300, box400 and box500.

Example:
<box200>This is a box</box200> <box200>This is a second box</box200>

The above will look like this:
This is a box
This is a second box


Note: When you use the box tag on a wikipage, you will see some changes appear in how you can edit the wiki:
It has now become possible to either edit the wikipage as whole (Advanced edit), or edit the wikipage through box edit (Edit per box).
When you press one of these edits, it is also possible to switch to the other edit option. This might be useful to see how each editing page will look like.
If however you made any changes on the editing page, don't forget to submit the changes first. If you switch before you submitted the changes, the changes will be lost. 

<img:stuff/aj/28425/book_blue_div.png>


Adding Sound and Videos

You can add a sound file using the following code: <sound:URLofSOUND>. It will not play automatically, and if it's used in your house it will count towards your ten-image-limit.

Videos are added in exactly the same way: <sound:URLofVIDEO>

Of course, the file must be uploaded somewhere on the internet. Links to files hosted on other sites work too if you don't have uploading privs

Note: The code will only create a link to a pop-up window if you put it in your house! (For now. Might change)

Example:
<sound:http://musmakers.com/stuff/Music%20file/2.Elftown%20boss/1/Elftown%20boss.mp3>



<img:stuff/aj/28425/book_blue_div.png>


HTML tags that don't work

Here is a list of some (but not all!) of the HTML tags that cannot be used: <h4> <h5> <marquee> <blink>

Tags such as <font color=red> only work in your presentation and only if you have donated a small amount of money to Elfpack. You can do this by clicking <URL:donate.html>
<img:stuff/aj/28425/book_blue_div.png>


When the pseudo HTML doesn't do what you want

There are some common mistakes that will make your pseudo HTML stop working:

Start and end tags not paired. This will cause all the tags of that type to stop working. Go through your text and check that there's an ending tag for each starting tag (and a starting tag for each ending tag). This applies to the "b", "i", "h1", and "h2" tags.

Improper placement of "center" tags. When using <center> with "header" tags ( <h1> or <h2> ), you must place the <center> tags inside the header tags for the text to be centered. It will look like this: <h1><center>Text</center></h1> If you do not do this, the text will be aligned to the left like it normally is.

Missing "@wiki" in a link to a wiki page. This will cause the link to appear within brackets and be interpreted as a link to a member. Add @wiki after the page name within the brackets.

<img:stuff/aj/28425/book_blue_div.png>


Other useful pages



<URI:pseudo_html.html> - a compact version.

Pseudo HTML

More information about how to use the Elfpack Wiki can be found on the Wiki Guide page.

See also the other help pages and the Newbie forum!

<img:stuff/aj/28425/book_blue_div.png>


Go or return to:
<img:stuff/aj/28425/book_blue_blob.png> The Council
<img:stuff/aj/28425/book_blue_blob.png> The Hell of the Insane
<img:stuff/aj/28425/book_blue_blob.png> The Wiki-Index
<img:stuff/aj/28425/book_blue_blob.png> The Help-Index

Username (or number or email):

Password:

Login problems?

2009-08-22 [DeeJay™]: uhm.. is it just me, or does the "sound" tag not work?
i was gonna make a wiki with a few youtube videos of songs i liked, but instead was presented with a 'click here to download plugin' box, and when i try to install the missing plugin, i get a pop-up saying 'unknown plugin (text/html) - finish'
am i missing something..? i thought set it up correctly D':
take a look --> YouTunes

2009-08-25 [DeeJay™]: doesnt matter. found out how to do it :D
you should make a note that embedding of videos only works if you're using the URL from the 'embed' section (i.e. copy/paste it, and chop it down to one of the two URLs it contains), and not the actual URL

2009-09-01 [DeeJay™]: ._.
is there a way to make a 'slideshow' of videos?
i wanna kinda.. have one mix into the other, on mah wiki. which means an 'auto-skip to next' and an 'auto-play' feature
is it possible? o:

2009-10-05 [Hedda]: No.

You can do it with exported HTML pages, of course, but not on normal pages.

2013-05-29 [sammie h!]: If I don't get round to here this week, I will do it Next week. :) x

2013-06-15 [kittykittykitty]: You'll do what next week?:o

2013-06-16 [sammie h!]: Sorry, been busy lately, coming up to farthers day soon so spoiling my man. :)

2013-06-16 [kittykittykitty]: I still have no idea what you were planning to get round to doing.

2013-06-18 [sammie h!]: The template. :)

2013-06-25 [DeeJay™]: ughhh.. i'm trying to have a video in a wiki, but it's simply not working. can someone tell me where i've gone wrong?
i want this video --> http://www.youtube.com/watch?v=UXoNE14U_zM
on this wiki --> You can't handle the truth!
but <sound:URLofVideo> doesnt work?
i think i might have the wrong URL for it to work, but i have no idea how to find the one i need.

2013-06-25 [DeeJay™]: OMG DUN ITTTT!
had to copy the 'embed' code, remove everything that wasnt the URL, then replace 'embed' from the URL with 'v'.. not sure why. but this should probably be explained here?

2013-10-01 [h3ddach3]: [DeeJay™]: I agree. The information would be helpful on this page. See: iframe as well. Glad you were able to make it work. :)

2013-10-04 [sammie h!]: [h3ddach3] & [DeeJay™] I will agree with that, I'll see what I can do. :)

2013-10-04 [kittykittykitty]: There must be other features that aren't included on the help pages too. We didn't keep on top of them as new features were released. Anything you can do to fix it would be great Sammie.

2013-10-06 [sammie h!]: Ok, on Monday I will get onto it hun. X

2013-10-26 [Stephen]: Hey Sammie, how's the help page reworking going?

2013-10-31 [sammie h!]: I've not got time at the moment, real life events going on, badly.

2013-12-19 [kittykittykitty]: Any time now?:P

2014-01-03 [sammie h!]: Kitty I'm grieving that's why I've not been on.

2014-01-24 [kittykittykitty]: I am sorry to hear that, Sammie.

2014-01-25 [sammie h!]: It's ok x

Number of comments: 100
Older comments: (Last 200) 4 3 2 1 .0.

Show these comments on your site

News about Elfpack
Help - How does Elfpack work?