Wiki:
Page name: PseudoHTML [Logged in 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?

2007-10-16 [Bookwyrm]: Even if we restricted it, there'd still be the issue of music playing on someone's page all by itself. Personally, I prefer the way Elfpack links to the song or video rather than posts it right on the page, especially with music. The only way I can see how it would be a working idea is if we restricted it to one song per profile that didn't allow the choice to play automatically. But I really don't see why someone couldn't just click the link and play it in another tab or webpage. It's essentially the same idea.

2007-10-16 [Hedda]: People do come to Elfpack from MySpace just because of the annoying music and unreadable presentations there. So destroying Elfpack in the same way is out of the question. And even Facebook is trying to destroy itself with all those kind of chain message in forms of vampires, zombies and bombs.

But I don't want Elfpack to be as boring as Orkut. <img:mood5-gif.gif>

2007-10-17 [dragonus]: Ok I see your point but [Bookwyrm] That is assentialy what I was saying haveing it that restricted no auto play you must click it to play it and one song only and the council control's the hole thing but as a reward from some contest so it isen't freely ubtainable that way your limited to one song and you don't control how it's put on your page only the council can do that. I also agree with you on those chain message thing's I hate them there so annoying.

2007-10-17 [Bookwyrm]: I don't think having it restricted would be much good, plus we don't really like to exercise THAT much control over the members. I'd feel like a music nazi, for lack of a better term. But right now, you can still post music and click the link for it to play, it just opens the song in a different page. I agree, it can be nice to have that option, but it's also possible to abuse it to the point of becoming annoying. I don't know, it's up to [Hedda] anyway. :P

2007-10-18 [zoloftzantac]: It isn't open to a vote, but if it was I would vote against annoying every time

2007-10-18 [Bookwyrm]: Ditto.

2007-10-19 [dragonus]: As would I i'm not one who like's to be annoyed. I also said it is but a suggestion if they choose not to have it then that is ok it is there place not mine to say what can and can't be added. I just like to have fun and mostly just chat with friend's.

2008-01-07 [Raiyr]: Does EP have a justify tag?

2008-01-08 [Bookwyrm]: I don't think so. I always make boxes and just indent the first part of a paragraph to make it justified. But the boxes only go up to a width of 500. That's a pretty decent size though.

2008-01-08 [Raiyr]: Ah. Kk. Thanks :) Is there a rotate tag?

2008-01-08 [Bookwyrm]: 'Kay you lost me there.

2008-01-08 [Raiyr]: A tag to rotate an image to the left or right...?

2008-01-09 [Bookwyrm]: Um...I actually do believe we have something like that, but I can't remember what it is. XD -calls Kitty's name-

2008-01-09 [Raiyr]: Yaay! I'm not going crazy! lol

2008-09-05 [Zenolia Rose]: Whats up???

2008-09-05 [Zenolia Rose]: cool, I can do it!

2009-05-24 [{SaRcAsTiC *lOsS *oF *tHe* SuBcOnSiOuS}]: Does anybody know how to put the little hearts and symbols like that?? I cant figure it out... so i figured id ask...

2009-05-24 [Hedda]: Copy and paste them...

2009-05-25 [{SaRcAsTiC *lOsS *oF *tHe* SuBcOnSiOuS}]: yeah i figured it out.... thanks tho!

2009-08-11 [sexy vampire]: hey this is so cool

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

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?