HELP : HT-CODE

HTML isn't allowed on your 'extra pages' or in your 'news', but you can use HT-code to make your page more attractive !
Here are the main tags :

- the form
- text
- Images
- Links
- Lists
- Special tags
- Arena Supporters tags
- Tables


- THE FORM :  
[br] New line
[hr], [hr=#CCCCCC] Separator of line
[right]element[/right] Align an element on the right of the page ( text or image )
[center]element[/center] Center an element ( text or image )
[space] Display 1 space
[space=10] Display 10 spaces

- TEXT :  
[b]text[/b] Bold text
[i]text[/i] Italic text
[u]text[/u] Underline text
[s]text[/s] Crossed-out text
[acronym=Your comment]Your text or your image[/acronym] Display a little box with your comment when the mouse is over the text/image.
[justify]text[/justify] Justify your text
[sub]text[/sub] Texte en indice
[sup]text[/sup] Texte en exposant
[color=#000000]text[/color] Colour text ( Colour codes )
[size=5]text[/size] Text size 5
[font=webdings]text[/font] Text of style ' webdings' (or verdana, arial, etc... )
[hide]text[/hide] Invisible text ( for your notes )

- IMAGES :  
[img|right]http://www.website.com/image.jpg[/img] Display an image aligned on the right ( text on the left )
[img|left]http://www.website.com/image.jpg[/img] Display an image aligned on the left ( text on the right ))
[img]http://www.website.com/image.jpg[/img] Display an image
[img0] Display image #0 of your library
[img1] Display image #1 of your library
... until [img9] with option of position possible.
Ex: [img5|left]
 
[flag1], [flag5], ... Display the flag of the corresponding country. ( Country codes )
[rollover|right]http://www.website.com/image.jpg|http://www.website.com/image2.jpg[/rollover] Display an image aligned on the right ( text on the left ). On MouseOver, the second image appears.
[rollover|left]http://www.website.com/image.jpg|http://www.website.com/image2.jpg[/rollover] Display an image aligned on the left ( text on the right )) On MouseOver, the second image appears.
[rollover]http://www.website.com/image.jpg|http://www.website.com/image2.jpg[/rollover] Display an image On MouseOver, the second image appears.
[swf|300|200]http://www.website.com/anim.swf[/swf]
Display a flash movie 300x200
( width x height )
[real|300|200]http://www.website.com/sound_or_movie.rm[/real]

or

[real|300|200|option1|option2|option3]
http://www.website.com/sound_or_movie.rm
[/real]
Display a Real sound or movie
( should work with .ram / .rm / .smi / .mp4 / .mp3 / .mpg / .rm )
( width x height )

option1 = true / false
( Auto start )

option2 =
true / false
( Show controls )

option3 =
true / false
( Loop )

[winmedia|300|200]http://www.website.com/sound_or_movie.mpg[/winmedia]

or

[winmedia|300|200|option1|option2|option3]
http://www.website.com/sound_or_movie.mpg
[/winmedia]

Display a Windows Media sound or movie
( should work with .wmv / .wma / .avi / .mpg / .mp3 / .mp4 )
( width x height )

option1 = true / false
( Auto start )

option2 =
true / false
( Show controls )

option3 =
true / false
( Loop )
[quicktime|300|200]http://www.website.com/sound_or_movie.mov[/quicktime]

or

[quicktime|300|200|option1|option2|option3]

http://www.website.com/sound_or_movie.mov
[/quicktime]
Display a QuickTime sound or movie
( should work with .qtl / .mov / .mpg / .mp4 / .mp3 )
( width x height )

option1 = true / false
( Auto start )

option2 =
true / false
( Show controls )

option3 =
true / false
( Loop )

- LINKS  
[mail=tic@tac.com]link's name[/mail] Display the link of a mail and its heading
[mail]mail@mail.com[/mail] Display the link of a mail
[uri=http://www.website.com]link's name[/uri] Display a link and its he ( opening in the same window )
[uri]http://www.website.com[/uri] Display a link ( opening in the same window )
[url=http://www.website.com]link's name[/url] Display a link and its heading ( opening in a new window )
[url]http://www.website.com[/url] Display a link ( opening in a new window )
[anchor=name_you_want]
Put an anchor on your page.
Then you can reach the anchor with adding "#name_you_want" on the link of your page.
For example :
[uri]
http://www.ht-arena.com.com/your_website/?page=your_page#name_you_want[/uri]
[favorite]Add to my bookmarks[/favorite] Display a link to add the page in the bookmarks of the browser ( Internet Explorer feature only ).
[matchid=xxxxx]
[playerid=xxxxx]
[leagueid=xxxxx]
[allianceid=xxxxx]
Hattrick links

- LISTS  

[list1]
[*] text 1
[*] text 2
[*] text 3
[/list1]

or

[list2]
TEXT
[*] text 1
[*] text 2
[*] text 3
[/list2]


there are 7 different lists :
[list1]
,[list2],...,[list7]

Display a list :

  • text 1
  • text 2
  • text 3
or
    TEXT
  • text 1
  • text 2
  • text 3

- SPECIAL TAGS  
[year], [month], [day], [hour], [hour2], [minute] Show date and time
( [hour] -> 0 to 24 ; [hour2] -> 0 to 12 )
[cadre]element[/cadre] Allows to add a frame with one or more different elements inside ( text, image )
[cadre|300]element[/cadre] Allows to define frame size ( 300 pixels here )
[cadre=#000000]element[/cadre] Allows to add a frame with one or more different elements inside ( text, image )
You can chose the colour. ( Colour codes )
[cadre=#000000|300]element[/cadre] Allows to define frame size ( 300 pixels here )
[classement] Displays your series standings ( that you must have previously completed on page Update->Standings )
[maton] or [maton|left] or [maton|right] Display respectively in the center, on the left, or on the right, the HT-maton's figure that you've chosen !
[move|300|alternate|left|5] element [/move]

300 :
witdh of the box.
'alternate'
or 'slide' or 'scroll' : behaviour of the displayed text.
'left'
or 'right': the direction of scrolling
1
(quick) to 500 (low) : speed of scrolling
Display a scrolling text or image

[select_menu|150|#FFFFFF|#000000|parent]
[option] My Menu [/option]
[option] ------------- [/option]
[option=http://www.ht-arena.com/website/?page=news] My news[/option]

[option=http://www.ht-arena.com/website/?page=livre] My Guestbook[/option]
[/select_menu]


150 :
witdh of the select box.
parent
or blank : target of your links ( parent => same window, blank => new window ).
#FFFFFF : color of the background box
#000000
: color of the text
[option] ------------- [/option]
=> item without link.
[option=http://www.ht-arena.com/website/?page=news] My news[/option]
=> item with link

Display a selected box menu with links.

- Arena Supporters tags  
[last_connect], [last_connect2] Show your last connection
[last_update], [last_update2], [last_update3], [last_update4] Show last update of your page
[last_news_title], [last_news_text], [last_news_date], [last_news_comment] Display last news written
[shoutbox] Show the ShoutBox ( tagboard )
[var0], [var1], ... Variables defined by you.
[question]
[answer1], [answer2], [answer3]
, ..., [answer10].
[stats1], [stats2], [stats3]
, ..., [stats10].
[stats_percent1], [stats_percent2], [stats_percent3]
, ..., [stats_percent10].
[stats_graph1], [stats_graph2]
, ..., [stats_graph10].
[stats_total].
Tags for poll
( [stats_graphX] is blue by default, you can display it with 3 others colors : [stats_graphX_green],[stats_graphX_red], or [stats_graphX_grey] )
[count_visit], [count_page], [count_online] Counters

[scroll|100|50|red|3]
[text0] a first text [/text0]
[text1] a second text [/text1]
....

[/scroll]

Display a scroll-box. You can put text or image.

In the example, 100 is width, 50 is height, red is background, 3 is time in seconds of scrolling period.
[random]
[text0] a first text [/text0]
[text1] a second text [/text1]
....
[/random]
Display a text/image by random (each time the page is reloaded.)
[statusbar]...text... [/statusbar]

[statusbar|100]...text... [/statusbar]

- Put a text in the status bar of the browser.

- Put a text with scrolling in the status bar of the browser.
You have to precise a speed scrolling, between 1 (very speed) and 999 (very slow)
[popup=title_of_your_page|width|height]...text for link... [/popup]

Example : [popup=news|450|250]Click here to read the news[/popup]
Open a popup.
In the example, 400 is width. 300 is height.
Note : You have to put the "title of your page" as parameter, and not an URL.

Instant Messenger status :
[msn=
your_msn_nickname]
[yahoo=
your_yahoo_nickname]
[aim=
your_aim_nickname]
[icq=
your_icq_number]

Show your status for : MSN messenger, Yahoo Messenger, AIM messenger, and ICQ.

- TABLES

[table]
[row]
[col]first row,first column[/col]
[col]first row,second column[/col]
[/row]
[/table]
 

Parameters for [table] :
- width : [table|400]........... [/table]
- border color : [table=#CCCCCC]............. [/table] ( by default, no border )
- No cell spacing (0px): [table|nocellspace]............. [/table] ( by default, cellspacing is 1 px )
- You can cumulate the options :
[table=#CCCCCC|400]
........... [/table]
or [table=#CCCCCC|nocellspace]........... [/table]
or [table=#CCCCCC|400|nocellspace]........... [/table]

Parameters for [row] :
- background color : [row=#CCCCCC]........[/row]

Parameters for [col] :
- width : [col|200].....[/col]
- background color : [col=#CCCCCC]........[/col]
- Background image : [col=http://www.website.com/image.jpg]........[/col]
- Vertical align : [col|top]........[/col] or [col|bottom]........[/col]

- You can cumulate the options :
[col=#CCCCCC|200]
........... [/col]
or [col|200|top]........... [/col]
or [col=#CCCCCC|200|bottom]........... [/col]


Examples :

[table|100]
[row=#CCCCCC]

[col]case 1[/col]
[col]case 2[/col]
[/row]
[row]
[col=#CCCCCC]
case 3[/col]
[col]case 4[/col]
[/row]
[/table]

->
case 1 case 2
case 3 case 4
[table=#CCCCCC|250]
[row]
[col][center]
case 1[/center][/col]
[col]
case 2[/col]
[/row]
[row]
[col][color=#CCCCCC]
case 3[/color][/col]
[col]
case 4[/col]
[/row]
[/table]
->
case 1 case 2
case 3 case 4

 


NOTE : ( You can put tags the one in the others ! )

[cadre][center]element[/center][/cadre]

or

[center][color=#99CC99][b][i]my text[/i][/b][/color][/center]