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?

2006-12-08 [FireGypsy]: O_o

2006-12-08 [zoloftzantac]: *is now thinking about [FireGypsy] giving [kittykittykitty] a rubbing oil foot massage ... with her feet*

2006-12-08 [FireGypsy]: What is with you and feet lol!

2007-01-23 [Nobodies Hero]: well this is possibly exlpained osmewhere in the notes...though i am unfortunatly unable to find it anywhere...(sorry!) but ive seen...ways to link a song to your house(not by simply using the "link" control) where it has the media player bar in the page and it has the buttons and all...its almost like a bar....and i was just wandering if anybody would or could point me in the direction of usefule informtaion...if anybody even knows what im talking about...>.<

thanks in advance all...^^

2007-01-23 [RabidSphinx]: use a songs URL and the "sound" tag. <sound:>

2007-01-23 [Nobodies Hero]: agggghhhh....much abliged...^^ i must have missed that one...im guessing its in this wikki?...XP...oh and just a further not...woudl it be possible to upload your own song...onto Elfpack...and use it form here?...bu any chance?

2007-01-23 [RabidSphinx]: it's not on this page as far as i know...

and uploading the song, you need the prives to be able to upload more than just pictures onto a wiki for an EP URL...i'm not sure who has such prives or how one would get them, sorry

2007-01-23 [Nobodies Hero]: oh no please dont be...your help is much appreciated really...^^ at leasy now i know, but thankyou very much for helping me out there...^^...t'was veyr nice of yaz...^_^

2007-01-23 [RabidSphinx]: lol. any time. that's what i do. i help. :) gotta earn my badge somehow

2007-01-31 [kittykittykitty]: Somebody might want to expand on what I've written :P I haven't used either of the tags so I don't know if that's entirely correct XD

2007-02-01 [zoloftzantac]: XD

2007-04-08 [dragonus]: I still don't get it I did exactly as tthis page say's but all it show's is a object that say' click here to play music video how do I get it rite on the page wher all you have to do is click play to watch it without haveing to go to the link to see it

2007-04-08 [zoloftzantac]: Well, first of all you need to understand that you are supposed to replace the words "URLofSOUND" with the actual URL of your sound ;)

The code on your house says this

<sound:URLofSOUND/http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid=201084899>

Change it to this

<sound:http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid=201084899>

2007-05-07 [dragonus]: Just a sugjestion but woulden't it be easier to just make the music thing the same as on myspace that way people woulden't have to see a popup page they can just play the music to hear it. Just an idea you don't have to do that if you don't want to I just thaught it may make it a bit easier that's all.

2007-05-07 [Hedda]: Define "Same as on MySpace"! There are many ways to do it on MySpace. But I'll not allow people to write any kind of HTML in their presentation, because that kills the idea behind presentations. People can put what-ever they want on wiki-pages and exactly what they want on exported wiki-pages where they can use HTML and what-ever as they please.

2007-05-07 [dragonus]: i ment kinda like the music bar where you click play and it play's the song you wanted to put up

2007-05-07 [dragonus]: That popup thing does get anoyying at times and i figured if it was like myspace. Where you had the music bar you would only have to click play to play it but to make it somewhat restricted. Why not make it where only song's made by you can play not all the song's in the world but your own music that you yourself have made. In that way people can't go hog wild adding million's of song's.

2007-05-09 [zoloftzantac]: myspace is annoying, it happens a lot there that two or music files play at the same time. I also *hate* when a web page plays sound all by itself when loading ...

2007-05-11 [dragonus]: well on my myspace profile my song's play in line not at the same time i dont like the overlapping song thing so i alterd mine so that wouldent happen if any want to who i am there just look for dragoon or just click the link on my page here it bring's you rite to it

2007-10-16 [dragonus]: It's been awhile but I have an idea on that question I asked before. What if instead of makeing it exactly like myspace why not have the main people on elfpack like the councel member's create a main music page that they are the only ones that can add music to here in elfpack only there choices would be allowd and if anyone likes a song that a council member has put in then have those people ask the council member's if they would place that 1 song on there page for them to completly restric the area of adding endlesly. Basicaly allowing music as a normal thing but only the council can bring in song's and add them to peoples pages kinda like a reward for something. Not realy what it could be rewarded for, Maby some kinda of musical competition or something.

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.

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?