# of watchers: 1
|(Password protected page, unknown password)||(Password protected page, unknown password)|
|Previous: digital-art-programs||Up: useful-wikis-by-artsieladie||Next: the wiki's wiki page|
|The limited "pseudo HTML" on Heddate sites allows you to format text, insert images in text, and to link to postings, members, wiki-pages, |
and other web pages. The pseudo HTML works just about everywhere - in messages, postings, descriptions, diaries, and of course on wikis.
For a very compact description of the pseudo HTML, see <URI:pseudo
[#Introduction]:♦ Introduction to page.
♦ Page guideline.
[#Formatting text]:♦ Larger text
♦ Enhancing text: Bold, Italic, More
♦ Altering text: pre, sub, sup
♦ Positioning text: center, right align
♦ Hiding text
♦ Justifying text
[#Inserting elements]:♦ Inserting an image
♦ Inserting a rating box
♦ Inserting a horizontal ruler
[#Working with images]:♦ Resizing images
♦ Rotating images
♦ Aligning images
♦ Flipping images
[#Extras]:♦ Using box tag
♦ Creating tables
♦ Creating wiki polls
♦ Writing tags as regular text
♦ Adding sounds and videos
♦ Adding iframes
[#Linking on site]:♦ Linking to a web page
♦ Linking to a wiki-page
♦ Linking an image to a wiki-page
♦ Linking to a member
♦ Linking to a diary entry
♦ Linking to a guestbook message
♦ Linking to a private message
♦ Linking to parts of your house or wiki
♦ Linking to a forum posting
♦ Linking to a private forum
♦ Linking to a public forum
♦ Linking to any page on this site
♦ Linking to a poll
♦ Linking to a Mainstreet news item
[#Linking off site]:♦ Linking to a Wikipedia article
♦ Linking to pages on Elfwood
♦ Linking to profiles on Myspace
♦ Linking to Facebook profiles, groups
[#Miscellaneous notes]:♦ Case sensitivity
♦ Paragraphs and line breaks
♦ HTML tags that don't work
♦ When pseudo HTML doesn't work right
[#Other useful pages]:
[#Page Edit History]:
|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).
♦ make the text into a working link to somewhere, on or off this site.
♦ display an object (for example, an image) inlined in the text.
Some tags are "single", like the <hr> tag indicating a horizontal line should be inserted in the text. Other tags come in "pairs", with a start
tag and an ending tag, which are placed just before and just after the text to be formatted. Examples: <b> ... </b> and <i> ... </i> tags
which indicate bold and italic text, respectively.
What is "Elftown’s pseudo HTML"?
The "pseudo HTML" on the heddate sites is a limited set of HTML tags and some site specific "codes" that work in postings, on the wiki, in
your description, etc.. The available tags and "codes" are described as follows.
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.
Page Guideline: How to use this wiki-page.
To minimise this page from being too overwhelming, due to the extensive amount of information,
most of the content is hidden, but this guideline explains how to be able to access the information.
♦ Review the topics.
♦ The main topics are "header links".
♦ Under each "header" is listed the topics covered in that section.
♦ Choose a topic you want to read about.
♦ Click on the "header link" you're interested in and/or what's listed under it.
♦ You'll be taken to the section of the "header" you selected.
♦ Once there, click on the "Show Content" just under the header title.
♦ All the sub-topics will be listed to take you to each of the sub-topics listed in the section.
♦ To return to the "Table of Contents", a link back to it is at the bottom of each main section
[#Enhancing text: Bold, Italic, More]
|[#Altering text: pre, sub, sup]|
[#Positioning text: center, right align]
|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.
|<h1> huge header "h1" ending with </h1>|| |
h1 looks like this
|<h2> large header "h2" ending with </h2>|| |
h2 looks like this
|<h3> big header "h3" ending with </h3>|| |
h3 looks like this
|You can make your text: bold, italic, underlined, crossed out, highlighted, and blacked out, using the "b", "i", "u", "s", "hl", and "bo" tags:|
Bold, italics, underlined, strikethrough, centered and pre-formatting can be nestled, so that you get text that is both bold and italics while
also being pre-formatted or centered. You can also nestle the italics tag with the header tags, to get headers in italics. Be sure to use both
the start and end tags for all pseudo HTML used, but multiple end tags need to be added "in reverse order" of the start tags, like this:
* Remember always to put the end tags on h1, h2, pre, center, b, u, i, s, HL and BO or all the tags of that type will stop working in
your text! This is one of the most common mistakes!
|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>
This text is pre-formatted.
|The "sup" tag:|
The "sup" tag makes text superscripted
<sup> sup tag "sup" ending with </sup>
sup text looks like this next to normal text
|The "sub" tag:|
The "sub" tag makes text subscripted
<sub> sub tag "sub" ending with </sub>
sub text looks like this next to normal text
Center text using the "center" tag like this:
<center>Text to be centered </center>
|Aligning text to the right|
Align text to the right using the "right" tag like this:
<right>Text to be aligned right</right>
Right aligned text
|The Hide tag allows you to hide things (like text and images) on your page so that you have to click the resulting "show content" link |
to make the hidden things visible on the page.
<hide>Hope you're having an awesome day! (( hugs ))</hide>
The above tag results in this:
This a hidden text! Nothing to see here.
Note: The "show content" disappears once you click on it. You can have many hide tags on a page. You will need to click on them separately
to see what "each" is hiding.
|Use the <justify>-tag. example:|
<box300><justify>The justify tag makes both the left and the right hand columns of your text have straight, neat edges. But be warned:
it might look silly if you have very thin columns, and/or use long words. How would you make columns of varying width? By sticking the text
and the justify tag within a box tag. Columns made with box100 and the justify tag will look silly, though. You can of course use the
justify tag without the box tag.</justify></box300>
|To insert an image into text, add the "img" tag at the point where you want the image to be placed in the text: <img:(URL to the image)>|
The "img" tag above results in this:
Note: The image doesn't have to be on this site, but it must be on the Internet. You cannot use an image directly from your own computer.
Inserting a rating box:Rating boxes allow people to rate things on a scale
from 1-5. The rating box can be in two sizes.
<rate> will make a box like this: Unknown poll 3354 error!
<srate> will make a smaller box like this: Unknown poll 3355 error!
Note: <rate> and <srate> won't work in wiki-comments.
Inserting a horizontal rulerHorizontal rulers (lines) are inserted using the "hr" tag:
Look 'just' below this text to see a horizontal ruler.
|If you want to inline images from this site you can change their size by writing one or two numbers right after "img" and before the ':' |
(colon) like this:
Adjusts width: <img50:htt
(Maintains the current ratio between width and height, but new width will be 50px.)
Adjusts height: <img*50:ht
(Maintains the current ratio between width and height, but new height will be 50px.)
OR to change the height/width ratio:
Image re-sized to 25*50: <img25*50:
(The number entered to the left of the asterisk, adjusts the width and to the right of it, adjusts the height.)
|If you want to rotate an image (The image has to be uploaded to this site!), you can add a 'l' (left), 'r' (right), or 'a' (around) after 'img' and |
before the ":" (colon):
Rotate left: <imgl:http
Rotate right: <imgr:http
Rotate around: <imga:http
|You can align images by using "limg" and "rimg" instead of the normal "img" tag.|
When you don't align an image, it looks like this.
Note: When text is added with/after image with no alignment, the text starts at the bottom of the image, and not at the top.
Left alignment using the "limg" tag:
When you write <limg50:ht
This image is aligned to the left.
Note: When text is added with/after image tag is used with "left" alignment, the text starts at the top of the image AND appears to
the "right of the image" as is showing like so now.
And then goes on here...
Right alignment using the "rimg" tag:
When you write <rimg50:ht
This image is aligned to the right.
Note: When text is added with/after image tag is used with "right" alignment, the text starts at the top of the image as well, but appears to
the "left of the image" as is showing like so now.
And then goes on here...
|If your image is upside down or the wrong way round, you can change this.|
To make an image appear upside down:
(Imagine a horizontal line running through the middle of the drawing - the picture will flip around this line.)
To make an image appear mirrored or reversed:
(Imagine a vertical line running through the middle of the drawing - the picture will flip around this line.)
|[#Using box tag]|
| [#Creating wiki polls]|
[#Writing tags as regular text]
| [#Adding sounds and videos]|
|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.|
To create a box tag, you write:
box : "minimum width" (Depends on the browser what that is.)
You can choose between:
box50, box100, box150, box200, box250, box300, box400, box500 and box3500
<box200>This is a box</box200> <box200>This is a second box</box200>
Which 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:
♦ Advanced edit: To edit the wiki-page as a "whole".
♦ Edit per box: To edit the wiki-page "per box" through 'boxedit'.
Also: When you select either 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.
IMPORTANT: If however, you've 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.
|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:
|There are three different types of polls that you can make on wiki-pages: <wikipoll>, <voting>, and <multivoti|
To make a poll, decide which type of poll you want to create, click to edit the wiki, insert one of the above tags that goes with the type of
poll you've decided to add to the wiki-page, and then submit the changes.
On the newly edited wiki, you should now see a box containing a poll. You just need to insert your question and the answers you want
people to be able to pick from into the relevant boxes.
Wikipolls: Like polls in your member area; allow people to vote for only one option; don't show who voted for what.
Voting polls: Allow people to vote for only one option; show who voted for each option.
Multivoting polls: Allow people to vote for multiple options in the poll; show who voted for what option.
|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:
You can also use !uQt! within an !uQt!, to have the !uQt! in the tag shown, too...
You can also put text between <qt></qt> and it will not be treated as pseudo HTML.
The standard way to inline code is to use <pre><qt>this[is]=your_code;</qt></pre>
|You can add a sound file using the following code: <sound:URL|
count towards your ten-image-limi
Videos are added in exactly the same way: <sound:URL
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
Note: The code will only create a link to a pop-up window if you put it in your house! (For now. Might change)
|(This is just random inserted text to be used as a "width" guideline for the table this text is in, like a 'text space saver' sort of, I guess.)|
A priv of 90 or below is required to add iframes to wiki-pages.
|[#Linking to a web page]|
[#Linking to a wiki-page]
[#Linking an image to a wiki-page]
[#Linking to a member]
[#Linking to a diary entry]
[#Linking to a guestbook message]
[#Linking to a private message]
| [#Linking to parts of your house or wiki]|
[#Linking to a forum posting]
[#Linking to a private forum]
[#Linking to a public forum]
[#Linking to any page on this site]
[#Linking to a poll]
[#Linking to a Mainstreet news item]
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, like:
Linking to a wiki-page:
To make a link to a wiki-page on this site, you
write the page name followed by "@wiki" with-
out the quotation marks and within square (lower case)
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] looks like this: index
|CONFUSING! NEEDS RE-WRITING: |
(Advanced: Between "@wiki" and "]" you can add "edit", version number and/or #where in page (set with <#something>) like this:
[page@wikiedit88#hint] takes you to version 88 of "page" with an edit-form at the first <#hint> in it).
|Instead of linking to a wiki as shown above, you can link to a wiki by using an image. You could for instance use the wikibanner of a wiki |
to link to that wiki. By clicking on the image, you will be taken to the wiki.
To make a hyperlinked image, write the following:
The link looks like this:
When you click it, it will take you to the wiki Elftown.
You can also thumbnail the image, but not in the most regular way. You have to decide which height or width you want the image to have.
X represents width; Y the height. Once you've decided what height/width you want, insert it in the end of the link like this:
The height will become 20 pixels, it will look like this:
The link again leads to Elftown.
- OR -
The Width will become 20 pixels, and it will look like this:
This link again leads to Elftown.
You can also change both the height and the width by adding this to the end of the image url:
The width and the height will both become 50 pixels, and it will look like this:
Note: the height and width don't have to have the same value, so you could specify that your image have a height of 20 pixels and a width
of 40, and it would work fine.
|To link to a member of this site, simply write the member's name within square (lower case) brackets. (No "@wiki" this time, or it will be-|
come a link to a wiki page.)
[@4711] looks like this: [enter_title_here]
You can also write an "@" and the member number in square brackets ([@4711]) to link to a member, but it will automatically change to
look like the example provided.
Each member also has a personal url that can be found near the top of each member's house. If the member only uses English letters,
the link will be: elftown.eu/username Otherwise the link will be: elftown.eu/usernumber
Linking to a diary entry:
You can link to a diary entry by using this
Examples: <diary:4711>, <blog:4711>
Linking to a guestbook message:
You can link to a guestbook message by using
this syntax <gb:entry number>
Linking to a private message:
You can link to a message with:
The message number you want to link to can
be found on top of the specific message. It
will say: 'Letter number: #'.
A link to a message will only work if you
are the sender or receiver of the message,
|Write [#] on the bottom of your house/wiki and you will be taken back to the top of the page.|
You can also have links that will take/send you to a specific section on your house/wiki. Just like you see on this wiki.
The link to be clickable is to be written like this: [#sectionname]. The name you insert there can be anything you like, but it would be best
if it tells where one will be taken if they click on it.
The section you want to be taken to/landing on, also needs a link. You insert this link just above the applicable section like this:
The text in both link types must be the same to work.
(Only the "clickable or sending links" will show. The links in the sections, the "landing or receiving links" are not visible.
Example: Click [#Linking to a private message] and you will be taken to the section above this one.
You can also write a link to a part of a wiki somewhere else. Thus you can link to a part of a wiki by writing a link on your house/wiki.
The clickable link doesn't just contain the sectionname now, but also directs you to the wiki. The link therefore, should be written like this:
In the section of the wiki you want to be taken to you also write:
NEEDS DIFFERENT EXAMPLE HERE:
Example: Retired#Council leads to the retired Council members on Retired.
On the "Retired" wiki-page you can see there's also a link made, back to the Council. That was done by writing a clickable link on Retired
and <#council> in the retired section on Council.
Note: You cannot link "from somewhere else" TO a section of your house. You can ONLY link "from your house" TO another part of your house
-OR- TO a wiki-page -OR- a section of a wiki-page.
Note 2: Do NOT use an apostrophe (') in the link AT ALL, or it will not work. For example: <i>don't has to become dont for it to work.</i>
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:64:play> (The secret forum number 64 doesn't allow joining via password)
Linking to a public forum:
"forumnumber" is a number. Example: 1 is
the newbie forum number, and you will get
a link looking like this:
<forum:Elfpack, newbie questions>.
|To link to a page on Elfpack you can use the pseudo HTML "URL" tag: <URL:(Elfpack URL)>|
The "Elfpack URL" is the same as the URL to the page but without "http://www.el
Clicking on the link will open a new window.
This is especially helpful if you want to link to pages that don't have any special tag. To list [Hedda]'s relations for example:
Note: Do not write <URL:http:/
Linking to a poll:
You can link to a poll like this: <poll:(poll number)>
Which will be this: <poll:1>
The poll number is right beside the poll's title.
Linking to a Mainstreet news item:
You can link to the news by using this syntax <news:news number>
The number will appear as the news title.
Example: <news:1> becomes <news:Opened!>
|[#Linking to a Wikipedia article]|
[#Linking to pages on Elfwood]
| [#Linking to profiles on Myspace]|
[#Linking to Facebook profiles, groups]
|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:
Linking to pages on Elfwood:You can link to Elfwood profiles with
[@ew:profile name here], E.g.: [@ew:Thomas]
Linking to profiles on Myspace:
You can link to MySpace accounts like
[@my:profile name here], e.g.: [@my:Elfpack]
Linking to Facebook profiles, groups:
You can link to Facebook user profiles and Facebook groups using the following tags:
[fb@profilenumberhere] (for profiles) and [fg@groupnumberhere] (for groups)
If you have set a username on facebook, then you can use your username instead to
link to your profile, e.g: [@fb:heddahenrik].
Finding profile and group numbers: In the url at the top of the page. If you go to your
Facebook profile, the url should end with "ref=profile&i
just copy that number at the end, and use that.
The same applies to groups: The url at the top of the group's page should end with
"gid=group ID number here&ref=ts" Just copy the group ID number and use that.
e.g. [@fb577212311] (Hedda's Profile) & [@fg2388633706] (a group for Elftowners)
|[#Case sensitivity] |
[#Paragraphs and line breaks]
| [#HTML tags that don't work] |
[#When pseudo HTML doesn't work right]
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>.
Paragraphs and line breaks:
As you may already have noted, don't use the paragraph or line break HTML
tags (<p> and <br>) on the Heddate sites. Instead, just write text as you
would in a text editor, using the "Enter key" to make line breaks as usual.
|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 to check for 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.
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.
Other useful pages:♦ Help index
♦ Wiki help
♦ <forum:Elfpack, newbie questions>
|Version #1: (Edited on Wiki-Editing_By-Artsieladie)|
Edit started: 2013-09-18 19:50:35 (15:50:35 EST) by [Faith.Hope.Love] (Artsieladie) for pseudo_HTML.
Content added and majorly edited. First version submitted: 2013-09-19 18:10:28 (14:10:28 EST)
[#Adding iframes], info for, needed.
[#Linking to a wiki-page], fix confusing directions under 'advanced'.
[#Linking to parts of your house or wiki], needs different example.
Need to make/upload 'new' graphics for page.
|Version #2: (Edited on Wiki-Editing_By-Artsieladie)|
Edit started: 2013-09-19 18:25:01 (14:25:01 EST) by [Faith.Hope.Love] (Artsieladie) for pseudo_HTML
Submitted: 2013-09-19 23:44:44
Changed Table of Contents (Main Topic Links).
Added a guideline to use this page.
Edited, made extensive use of "hide content" pseudo HTML to make the page more organised
and less overwhelming due to the extensive amount of information on this page.
Still need to do the aforementioned "edits needed".
|Version #3: |
Edit started: 2013-09-25 09:51:57
Submitted: 2013-09-25 10:08:25
Just added keywords, filled in for meta tag, and categorised under Artsieladie.
One minor edit for "this" page.
After version #2's edit, content was moved to its own page, pseudo_HTML as "version #1".
|Version #4: (Edited on Wiki-Editing_By-Artsieladie)|
Edit started: 2013-11-21 19:51:02 (19:51:02 EST) by [Faith.Hope.Love] (Artsieladie) for this page.
Just changed the main index page to Useful-Wikis-By-Artsieladie
|Show these comments on your site|