Wiki:
Page name: pseudo_HTML [Logged in view] [RSS]
2017-11-26 07:54:41
Last author: Faith.Hope.Love
Owner: Faith.Hope.Love
# of watchers: 1
D20: 10
Bookmark and Share
Previous: wiki-editing_by-artsieladieUp: useful-wikis-by-artsieladieNext: testing-page_artsieladie

pseudo_HTML


<img:http://www.elfpack.com/stuff/PseudoHTML-BannerByArtsieladie%c2%a92013.png>

<img:http://www.elfpack.com/stuff/PseudoHTML-DividerByArtsieladie%c2%a92013.png>

A guide to the pseudo HTML used on www.heddate.com sites, such as:

♦ CathHug ♦ Elf12 ♦ Elftown ♦ Elfpack ♦ Heddate Writersco ♦ Linkmeet ♦ Musmakers ♦ ..etc..

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_html.html>


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>

Table of contents:


[#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
♦ Using the text editor
♦ Hiding text/content
♦ 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
♦ Slideshow Implementing
    [#Extras]:
♦ Using box tag
♦ Creating tables
♦ Combining tables and boxes
♦ 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 to a wiki-page, advanced
♦ 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 links]

[#Page Edit History]

<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.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).
  ♦ 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> snd the <slideshow> tags, 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.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>

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


~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>

Formatting text

Show content
[#Larger text]
[#Enhancing text: Bold, Italic, More]
[#Altering text: pre, sub, sup]
[#Positioning text: center, right align]
[#Using the text editor]
[#Hiding text/content]
[#Justifying 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.



Larger text:


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>

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



<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Enhancing text:

Bold, Italic, Underlined, etc.
You can make your text: bold, italic, underlined, crossed out, highlighted, and blacked out, using the "b", "i", "u", "s", "hl", and "bo" 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>
<hl> HighLighted tag "hl" ending with </hl>
<bo> black-out tag "bo" ending with </bo>
      Bold text looks like this
Italic text looks like this
Underlined text looks like this
Crossed out text looks like this
Highlighted text looks like this
Blacked-out text looks like this


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:
<center><h3><i> Text here </i></h3></center>.

* 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!


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Altering text: pre, sub, sup:

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.
The "sup" tag:

The "sup" tag makes text superscripted
(raised):

<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
(lowered):

<sub> sub tag "sub" ending with </sub>

sub text looks like this next to normal text


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Positioning text - centering, right aligning:

Centering text:

Center text using the "center" tag like this:

<center>Text to be centered </center>

An example:
Centered text
      Aligning text to the right

Align text to the right using the "right" tag like this:

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

An example:
Right aligned text


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Using the text editor:

There is a "text editor" available for use with editing text/edit areas for adding/updating wiki-pages, diaries, guestbook comments, and
descriptions in houses. Just under these text/edit areas, you will see 22 boxes naming the tags within them. (The last one, farthest to the
right, is for "Help" and opens in a new tab or window, depending upon your browser settings.)

From left to right, they indicate these tags:
b = bold; i = italic; u = underline; s = strikethrough; sub = subscript; sup = supscript; hl = highlight; h1 = header size 1; h2 = header size 2;
h3 = header size 3; center = center text; box100 = box size 100; box150 = box size 150; box200 = box size 200; box250 = box size 250;
box300 = box size 300; box400 = box size 400; box500 = box size 500; blackout = blackout text; hide = hide content; pre = preformatted;
qt = make text unclickable

There are two ways these can be used.

Method #1: You can type in or paste in text. Once put in, highlight it or a section of it with your cursor and then click on the button below
the edit area that is to implement what you want to do, such as the "b" button for "bold". The text you highlighted will then be made bold.

Method #2: If you click on one of them, example, "center", this will appear in your area of editing:
<center>|</center>
The "piper" displaying is where your blinking cursor placement will be, indicating where and ready for you to
either type or paste in your text (between the start <center> and the end </center>) and it will be centered.

<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>

Hiding text/content:

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:
Show content
Hope you're having an awesome day! (( hugs ))


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.


Hiding text/content altogether:

Do NOT use this method "within" tables. The "-" (hyphen) interferes with the hyphens used for making rows.
Also, see [#Creating tables] under the section, [#Extras].

Just before the text/content you want to be unseen, type <!--. Then just after this same text/content to be unseen, type -->.

Example: Type this, <!-- This is invisible! -->
               It will NOT show. What do you see here before the question mark: ?
"This is invisible!" was again typed in between <!-- and -->, but you don't see it this time.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>

Justifying text:


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>


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.


Note: See [#Using box tag] under the section, [#Extras], for more about using the box tag. </hide>

~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>


Inserting elements:

<hide>[#Inserting an image] [#Inserting a rating box] [#Inserting a horizontal ruler]
There are three "elements" you can insert into your text: images, rating boxes, and horizontal rulers.


Inserting an image:

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)>

An example:
<img:http://www.elftown.com/img/new/elftownminibutton.gif>

The "img" tag above results in this:
<img:http://www.elftown.com/img/new/elftownminibutton.gif>

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.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


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:
Rate this page:

X

No votes


<srate> will make a smaller box like this:
Rate this page:
X/0


Note: <rate> and <srate> won't work in wiki-comments.

Inserting a horizontal ruler

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

<hr>

Look 'just' below this text to see a horizontal ruler.




Note: There is no closing tag for either the "hr" tag or the "img" tag. </hide>

~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>


Working with images:

<hide>[#Inserting an image] [#Inserting a rating box] [#Inserting a horizontal ruler]  [#Slideshow Implementing]

Resizing images:

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:http://www.elftown.com/img/new/elftownminibutton.gif> looks like <img50*0:http://www.elftown.com/img/new/elftownminibutton.gif>
(Maintains the current ratio between width and height, but new width will be 50px.)
Adjusts height: <img*50:http://www.elftown.com/img/new/elftownminibutton.gif> looks like <img0*50:http://www.elftown.com/img/new/elftownminibutton.gif>
(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:http://www.elftown.com/img/new/elftownminibutton.gif> looks like <img25*50:http://www.elftown.com/img/new/elftownminibutton.gif>
(The number entered to the left of the asterisk, adjusts the width and to the right of it, adjusts the height.)


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Rotating images:

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://www.elftown.com/img/new/elftownminibutton.gif> looks like <imgl:http://www.elftown.com/img/new/elftownminibutton.gif>

Rotate right: <imgr:http://www.elftown.com/img/new/elftownminibutton.gif> looks like <imgr:http://www.elftown.com/img/new/elftownminibutton.gif>

Rotate around: <imga:http://www.elftown.com/img/new/elftownminibutton.gif> looks like <imga:http://www.elftown.com/img/new/elftownminibutton.gif>


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Aligning images:

You can align images by using "limg" and "rimg" instead of the normal "img" tag.

No alignment:
<img50*0:http://www.elftown.com/img/drawing/1_1176987475.jpg> 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:http://www.elftown.com/img/drawing/1_1176987475.jpg> with some text following, it will look like this:

<Limg50*0:http://www.elftown.com/img/drawing/1_1176987475.jpg> 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:http://www.elftown.com/img/drawing/1_1176987475.jpg> and some text following, it will look like this:

<Rimg50*0:http://www.elftown.com/img/drawing/1_1176987475.jpg> 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...


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Flipping images:

If your image is upside down or the wrong way round, you can change this.

To make an image appear upside down:
<imgh50:http://www.elftown.com/img/drawing/1_1176987475.jpg> will flip the image along it's horizontal axis to look like this:
<imgh50*0:http://www.elftown.com/img/drawing/1_1176987475.jpg>
(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:
<imgv50:http://www.elftown.com/img/drawing/1_1176987475.jpg> will flip the image along its vertical axis to look like this:
<imgv50*0:http://www.elftown.com/img/drawing/1_1176987475.jpg>
(Imagine a vertical line running through the middle of the drawing - the picture will flip around this line.)



Slideshow Implementing:

If you would like a slideshow of the images on a wiki-page or in your house, it's very simple to implement.

Simply type, <slideshow> preferably at the top of your page or house. It will appear as a clickable link, like this:  Slideshow .

Note: There is no ending tag used for "slideshow".


~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>


Extras:

Show content
[#Using box tag]
[#Creating tables]
[#Combining tables and boxes]
[#Creating wiki polls]
[#Writing tags as regular text]
[#Adding sounds and videos]
[#Adding iframes]

This section of extras covers using the box tag, creating tables and polls, typing tags to appear as regular text, adding sounds and videos,
and for priv 90 and lower, adding an iframe to a wiki-page.


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.

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

Example:
<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.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.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.

Note: If the tag, center, is in use, commanded, before and after a table, it will NOT work "within the table itself". It will center the actual
table as a whole, but NOT throughout the table's added components. To center added content "within a table", the center tag must be
used within the table, "per column". Please also refer to: Playing-With-pseudo_HTML#Tables



Combining tables and boxes:

It is possible to use both, tables AND boxes 'together'. If you would like to see more on how, please go to:
Playing-With-pseudo_HTML#Table and box combos.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Creating Wiki polls:

There are three different types of polls that you can make on wiki-pages: <wikipoll>, <voting>, and <multivoting>

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.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Writing tags to appear as regular text:

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:

This...
<!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...

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>


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.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:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Adding iframes:


Directly from iframe.

An iframe lets you put a direct view window of another page, a video, a flash game or many other things directly on your wiki-page. You
can also use it to put Youtube videos on your house.

You must have a priv of 90 or lower to be able to use the iframe-tag.

Important Note: If you let someone with a priv of 91+ edit your wiki-page, the tag will no longer work and you will have to edit it again
to fix it. See privs for more information.

Syntax:

Write the tag like this:
<iframe112*150:http://www.elftown.com/meetme.html>

This will display the page http://www.elftown.com/meetme.html in an iframe box that is 112 px wide and 150 px tall.

Additionally, to make it easier for members to directly copy and embed content (such as YouTube video, for example), the standard HTML
code for iframes can also be used, like this:
<IFRAME SRC="http://www.elftown.com/meetme.html" WIDTH=112 HEIGHT=150></IFRAME>


To easily grab a video from YouTube and display it on a wiki-page for display, at the site of the video you'd like to share on Elfpack, click
on the "share" button on the page, then go to the "Embed" section and copy+paste the code given, onto a wiki-page, and submit your
changes to the page.

Example:
<iframe width="400" height="225 src="http://www.youtube.com/embed/UZQ_RDb0lcE" frameborder="0" allowfullscreen></iframe>

will become... 


~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>


Linking on site:

Show content
[#Linking to a web page]
[#Linking to a wiki-page]
[#Linking an image to a wiki-page]
[#Linking to a wiki-page, advanced]
[#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]

Links are very simple on this site. 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.


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:

http://www.Elftown.com

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
a 'clickable' link in the resulting text.

An example: [index@wiki] looks like this: index


Linking to a wiki-page, advanced:


Linking to a wiki-page AND a specific page version:
Just after "@wiki" and before the ending lower case bracket "]", insert the page version number on the wiki-page you are directing one
to, like this example:
[Playing-With-pseudo_HTML@wiki2] will appear like this: Playing-With-pseudo_HTML 2
When one clicks on this link, they will land on the wiki-page, Playing-With-pseudo_HTML, AND on page version 2.

To have a person go to a wiki-page and land on it in the "edit mode" of a page version, do the same, except after "@wiki" and before "]",
add "edit and page version number", like this example:
[Playing-With-pseudo_HTML@wikiedit2] will appear like this: Playing-With-pseudo_HTML [edit] 2
When one clicks on this link, they will land on the wiki-page, Playing-With-pseudo_HTML, AND on page version 2 in the "edit mode".

Note: Any edit and then submitted on an older page version will then make that older page version the "latest" page version, thus over-
riding the "previously made" latest version.

Linking to a wiki-page AND a specific "section" of the wiki-page:
To direct a person to a "specific" section or even an image on a wiki-page, create a "destination link" on the wiki-page you want to direct
them to (Example: "Table of Contents" typed as on the destination wiki-page: ). Then write the link like this:
[Playing-With-pseudo_HTML@wiki#Table of Contents] equals: Playing-With-pseudo_HTML#Table of Contents.
When one clicks on this link, they'll land on the wiki-page, Playing-With-pseudo_HTML, AND taken directly to the section, Table of Contents.

To direct a person to a "specific" section on a wiki-page and in "edit mode" too, do the same, except after "@wiki" and before
"#specified section]", add "edit", like this:
[Playing-With-pseudo_HTML@wikiedit#Table of Contents] equals: Playing-With-pseudo_HTML [edit]#Table of Contents.

Linking to a wiki-page and COMBINING a page version of, a specific section of, and in edit mode:
For directing to a wiki-page, a particular page version AND a specific section on the page, after "@wiki", insert the page version
number and #specified section before the ending "]", like this:
[Playing-With-pseudo_HTML@wiki2#Table of Contents] equals: Playing-With-pseudo_HTML 2#Table of Contents.

To also do the same and land on the wiki-page in "edit mode", simply add "edit" right after "@wiki" and before the page version
number, like this:
[Playing-With-pseudo_HTML@wikiedit2#Table of Contents] equals: Playing-With-pseudo_HTML [edit] 2#Table of Contents.

Note: If you direct to a wiki-page, page version AND to a specified section, but the destination link had not yet been added for that
particular page version, one will just land on the wiki-page as they would normally.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Linking an image to a wiki-page:

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:

<wikiimg:wikiname@wiki:image-url>

An example:
<wikiimg:Elftown@wiki:http://www.elftown.com/img/new/elftown_v2.gif>

The link looks like this:
Elftown
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:

<wikiimg:Elftown@wiki:http://www.elftown.com/img/new/elftownminibutton.gif?y=20>
The height will become 20 pixels, it will look like this:

Elftown
The link again leads to Elftown.

- OR -

<wikiimg:Elftown@wiki:http://www.elftown.com/img/new/elftownminibutton.gif?x=20>
The Width will become 20 pixels, and it will look like this:

Elftown
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:

<wikiimg:Elftown@wiki:http://www.elftown.com/img/new/elftownminibutton.gif?x=50&y=50>
The width and the height will both become 50 pixels, and it will look like this:

Elftown

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.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Linking to a member:

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.)

An example:
[@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: www.elftown.com/username Otherwise the link will be: www.elftown.com/usernumber


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Linking to a diary entry:


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

Examples: <diary:4711>, <blog:4711>

Linking to a guestbook message:


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

Example: <gb:4711>
    

Linking to a private message:


You can link to a message with:
[messagenumber@]
The message number you want to link to can
be found on top of the specific message. It
will say: 'Letter number: #'.

Note:
A link to a message will only work if you
are the sender or receiver of the message,
of course.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Linking to parts of your house or wiki:

Write [#] on the bottom of your house/wiki and you will be taken back to the top of the page.
Example: [#]

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.

To do this, you will need to create a "directing" (clickable) link and a "destination" link placed where one is to land when they click on the
link directing them to this designated section.

The directing or clickable link is typed like this: [#sectionname]. The name you insert there can be anything you like, but it would be best
if it accurately describes where one will be taken when they click on it.

The section to be taken to (destination), also needs a link. Insert this link just above the applicable section like this: <#sectionname>

Important: The text in "both" link types must be the same to work.
(Only the "clickable or directing links" are displayed. The links in the sections, the "landing or destination links" are not visible.)

Example: Click [#Linking to a private message] and you will be taken to the topic "in this section" just above this one.

You can also create a link on a wiki-page or in your house, directing one to a part/section of a wiki-page.

In this case, the clickable link doesn't "just contain the sectionname", but also directs one to the wiki and must be written like this:
[wikiname@wiki#sectionname]
...And at the "specified section" of the wiki you want members to be taken to, you also write:
<#sectionname>. (Also, on this page, near the beginning "of this section", refer to: [#Linking to a wiki-page, advanced])

Example: Playing-With-pseudo_HTML#Table of Contents directs one to the "Table of Contents" on Playing-With-pseudo_HTML. On
the "Playing-With-pseudo_HTML" wiki-page, there's a link back to the main (this) pseudo HTML wiki-page's "Table of Contents", which
displays as: pseudo_HTML#Table of Contents.

This is done by entering a clickable link, pseudo_HTML#Table of Contents on Playing-With-pseudo_HTML to be taken back TO the main
page's Table of Contents, where there is this written: <#Table of Contents> Then this: <#Table of Contents> is also entered on
Playing-With-pseudo_HTML to land on it FROM the main pseudo_HTML page, pseudo_HTML.

Note 1: 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>

Note 3: When linking to a topic on a page that is a "sub-topic" under a "main topic/section", one must link to the "main topic/section it's under"
IF IT'S WITHIN 'hidden' text, using the <hide> tag.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Linking to a forum posting:


A link to a posting is very similar to linking to a member; place the forum "post number" inside square brackets: [22222]


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)>
Example:
<joinforum:64:play> (The secret forum number 64 doesn't allow joining via password)
  

Linking to a public forum:


Write <forum:forumnumber> where the
"forumnumber" is a number. Example: 1 is
the newbie forum number, and you will get
a link looking like this:
<forum:Elfpack, newbie questions>.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


Linking to any page on this site:

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

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.

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:
<URL:list_relations.html?membernr=1>

Note: Do NOT write <URL:http://www.elfpack.com/list_relations.html?membernr=1>! It does NOT work!


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


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!>


~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>


Linking off site:

Show content
[#Linking to a Wikipedia article]
[#Linking to pages on Elfwood]
[#Linking to profiles on Myspace]
[#Linking to Facebook profiles, groups]

You can link directly from this site to links on Wikipedia, Facebook, and MySpace.


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:

[[Elftown|The best site in the world]] and it becomes:
The best site in the world

<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>


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&id=a big long number here",
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)


~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>


Miscellaneous notes:

Show content
[#Case sensitivity]
[#Paragraphs and line breaks]
[#HTML tags that don't work]
[#When pseudo HTML doesn't work right]


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>.

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.


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.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> <font color=red> <blink>


When pseudo HTML doesn't work right:

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.


~Return to the [#Table of Contents]~
<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>

Other useful inks:

Help index
Index
Playing-With-pseudo_HTML
Wiki help
<forum:Elfpack, newbie questions>


<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>


Page Edit History:</i>
Show content

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)
Edits needed:
  [#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.
    Using <!-- and --> for hiding text from view, different than the 'hiding' tag.
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
  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".

Moved content to this, the actual wiki-page, making this transition:
"Version #1: pseudo_HTML" 2013-09-20 00:10:49 (20:10:49 - EST)
Version #2 - THIS page, pseudo_HTML:
Edit started: 2013-09-23 21:11:42 (17:11:42 EST) by [Faith.Hope.Love] (Artsieladie) for/on pseudo_HTML.
Submitted: 2013-09-24 08:41:16
  A few minor edits.
  Added new graphics (made by Artsieladie, [Faith.Hope.Love]).
  Added <!-- and --> for hiding text from view, under [#Formatting text], under [#Hiding text/content].
  Added "slideshow" implementing under [#Working with images].
  Added "iframe" info from iframe under [#Extras], under [#Adding iframes].
  Added [#Using the text editor] under [#Formatting text].
  Fixed the <rate> and <srate> box errors.
  Added more in depth explanation for "advanced" linking to a wiki-page, under [#Linking on site].
  Wrote a more extensive explanation under [#Linking on site], under [#Linking to parts of your house or wiki].

Version #3 - THIS page, pseudo_HTML:
Edit started: 2013-09-25 00:27:09 (2013-09-24 20:27:09 EST) by [Faith.Hope.Love] (Artsieladie) for/on pseudo_HTML.
Submitted: 2013-09-25 01:28:40
  Added keywords, info for meta tag, made better file names for the banner and one of the divider images...
learned about from [Hedda], as also in regards to placing the title of a wiki-page at the very top, using text,
not an image. (For more info about "SEO", see [Hedda]'s wiki-page: http://www.elftown.com/_SEO%20HOWTO

Version #4 - THIS page, pseudo_HTML:
New version as #4 occurred: 2013-10-01 08:23:44
  Created Playing-With-pseudo_HTML and indexed it under this page while I was editing this page, so the editing
of what was supposed to be version #4, turned out to be version #5, instead.

Version #5 - THIS page, pseudo_HTML:
Edit started: 2013-10-01 00:23:30 (2013-09-30 08:23:30 EST) by [Faith.Hope.Love] (Artsieladie) for/on pseudo_HTML.
Submitted: 2013-10-01 13:11:26
  Corrected "again" the <rate> and <srate> info. For some silly reason, I added a colon in them. Gah!
  Added under, [#Linking on site], as "Note 3": When linking to a topic on a page that is a "sub-topic" under a
"main topic/section", one must link to the "main topic/section it's under" IF IT'S WITHIN 'hidden' text, using the
<hide> tag.
  Under [#Other Useful Pages], added a link to Playing-With-pseudo_HTML (created during this edit), a wiki-page
set up to show what the title says, so others can see, perhaps better, how some of the more advanced using of the
pseudo HTML works AND to use in examples for linking to sections of a wiki-page.
  Added under [#Extras], combining tables AND boxes. Referred to Playing-With-pseudo_HTML#Table and box combos.
  Made the text smaller with the main topics/sections in the Table of Contents.

Version #6 - THIS page, pseudo_HTML:
Edit started: 2013-10-01 13:13:25 (2013-10-01 09:13:25 EST) by [Faith.Hope.Love] (Artsieladie) for/on pseudo_HTML.
Submitted: 2013-10-01 13:48:24
  Just noted the version #'s mixup due to indexing the wiki-page, Playing-With-pseudo_HTML, under this page.

Version #7 - THIS page, pseudo_HTML:
Edit started: 2013-11-21 20:06:23 (2013-11-21 15:06:23 EST) by [Faith.Hope.Love] (Artsieladie) for/on pseudo_HTML.
Submitted:
  Just categorised this page under Useful-Wikis-By-Artsieladie.

~Return to the [#Table of Contents]~

Missing: </i>

This index (category) has only one listed wiki-page:

Username (or number or email):

Password:

Login problems?

2013-09-22 [Faith.Hope.Love]:

<img:http://www.elfpack.com/stuff/PseudoHTML-BannerByArtsieladie2013-09-22_722x109.png>

<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie400x10_2013-09-22.png>

<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie500x15_2013-09-22.png>

<img:http://www.elfpack.com/stuff/WoodDividerW-Ends-ByArtsieladie725x25_2013-09-22.png>

Show these comments on your site

News about Elfpack
Help - How does Elfpack work?