[GUIDE] Tags Supported (extended)

Find all FAQs, HOWTOs and guides here.
Forum rules
READ NOW: L2j Forums Rules of Conduct
User avatar
elijahl2j
Posts: 26
Joined: Tue Aug 02, 2011 4:10 am
Location: Russia

[GUIDE] Tags Supported (extended)

Post by elijahl2j »

Hello mates!

I read topic viewtopic.php?f=42&t=7593 and my opinion it`s not richly in content...
I suggest create this topic for additional learn about art of HTML in L2.
This topic for:
- Any stupid questions about something :evil:
+ Sophisticated things and little samples about HTML :twisted:

For example:
1. <br> vs <br1>

String1<br>String2 =
br.jpg
String3<br1>String4 =
br1.jpg
Result - 2x<br1>=<br>

2. <title>

Old School: <html><body>Guard Kurt:<br>
OldSchool.jpg
New School: <html><body><title>Guard Kurt:</title>
NewSchool.jpg
Result - USE <title>

3. <font>

<font name="hs12" color="LEVEL">big yellow font</font><br><br><br>
<font>small white font</font>
font.jpg
Result - use different font styles it`s cool and beautiful

and etc...

So, next time I write about tables, images and background but what will be written by you???

P.S. Sorry for my bad English...
You do not have the required permissions to view the files attached to this post.
Image
it is conquer the World!
asumos
Posts: 32
Joined: Sat Jul 09, 2011 1:37 am

Re: [GUIDE] Tags Supported (extended)

Post by asumos »

your English is fine, and your info is amazingly well laid out

i am assuming color-LEVEL is taking the color code already assigned to the variable for level? if not i am confused how level makes text yellow
User avatar
elijahl2j
Posts: 26
Joined: Tue Aug 02, 2011 4:10 am
Location: Russia

Re: [GUIDE] Tags Supported (extended)

Post by elijahl2j »

asumos wrote:your English is fine, and your info is amazingly well laid out

i am assuming color-LEVEL is taking the color code already assigned to the variable for level? if not i am confused how level makes text yellow
Thx I know :mrgreen: , but no any questions there Please! :evil:
Image
it is conquer the World!
User avatar
elijahl2j
Posts: 26
Joined: Tue Aug 02, 2011 4:10 am
Location: Russia

Re: [GUIDE] Tags Supported (extended)

Post by elijahl2j »

PART II

As far as I know font color "LEVEL" is only system color. We accept it as a due.
So, start

1. <table>

attributes:
-width;
-fixwidth;
-height;
-border;
-cellspacing;
-cellpadding;
-bgcolor;
-background (in H5 only).

<tr></tr>
attributes not tested yet.

<td></td>

attributes:
-align (=left|right|center);
-valign (=top);
-width;
-fixwidth;
-height;
-background (in H5 only).

Nice sample of table for cb:

Code: Select all

<html><body><center><br><br><table width=610><tr><td width=250 align=left><a action="bypass _bbstop"><font color="996600">Home</a>-><a action="bypass _bbstop;XX">XX_Title</a>-><a action="bypass _bbstop;XX">XX_Title</a></font></td></tr><tr><td height=9></td></tr></table><table border=0 cellspacing=0 cellpadding=0 align=left><tr> <td><img src="L2UI_CT1.Frame_DF_Hor_Large_Left" width=32 height=48></td><td><img src="L2UI_CT1.Frame_DF_Hor_Large_Tile" width=254 height=48></td><td><img src="L2UI_CT1.Frame_DF_Hor_Large_Center" width=128 height=48></td><td><img src="L2UI_CT1.Frame_DF_Hor_Large_Tile" width=254 height=48></td><td><img src="L2UI_CT1.Frame_DF_Hor_Large_Right" width=32 height=48></td></tr></table><table border=0 cellspacing=0 cellpadding=0 align=left><tr><td FIXWIDTH=50></td></tr></table><table border=0 cellspacing=0 cellpadding=0 align=left background="L2UI_CT1.Windows_DF_Large_Bg_Darker"><tr><td fixwidth=20></td><td FIXWIDTH=658 ><center><font name="hs12" color="LEVEL">Title Of Topic</font></center><br>ContentContentContentContentContent</td><td fixwidth=20></td></tr><tr><td fixheight=20>&nbsp;</td><td fixheight=20>&nbsp;</td><td fixheight=20></td>&nbsp;</tr><tr><td fixheight=20>&nbsp;</td><td fixheight=20>&nbsp;</td><td fixheight=20>&nbsp;</td></tr><tr><td fixheight=20>&nbsp;</td><td fixheight=20>&nbsp;</td><td fixheight=20>&nbsp;</td></tr></table><br>  <center><img src="L2UI_CT1.Gauge_DF_CP_Center" width=750 height=5> </center><br1><center><font color="LEVEL">Blah Blah.</font><br><table border=0 cellspacing=0 cellpadding=2><tr> <td FIXWIDTH=50></td><td FIXWIDTH=650 align=right><font color="AAAAAA">Blah Blah Blah!</font></td></tr></table><table><tr><td>&nbsp;</td></tr></table></center><br><br></body></html>
CB.jpg
2. Attribute background

tested on <table> and <td> only yet
you can use image, animation and color in a table background (test them all in CB)

1. Image:

Code: Select all

<table border=0 cellspacing=0 cellpadding=2 align=left background="L2UI_CT1.Gauge_Mp_03"><tr> <td FIXWIDTH=50></td><td FIXWIDTH=32 align=left><button value="" action="bypass _bbstop;1" width=32 height=32 back="L2UI_CT1.Icon_DF_MenuWnd_Skill_Down" fore="L2UI_CT1.Icon_DF_MenuWnd_Skill"></td><td FIXWIDTH=410 align=left><font color="CC9933"><b>Server Rules</b></font><br1><font color="999999">Read them!</font></td></tr></table><br><center><img src="L2UI_CT1.Gauge_DF_CP_Center" width=750 height=5>   </center>
2. Animation:
You can use fire-work in background

Code: Select all

<table border=0 cellspacing=0 cellpadding=2 align=left background="L2UI_CT1.ItemEnchant_DF_Effect_Success_01"><tr> <td FIXWIDTH=50></td><td FIXWIDTH=32 align=left><button value="" action="bypass _bbstop;1" width=32 height=32 back="L2UI_CT1.Icon_DF_MenuWnd_Skill_Down" fore="L2UI_CT1.Icon_DF_MenuWnd_Skill"></td><td FIXWIDTH=410 align=left><font color="CC9933"><b>Server Rules</b></font><br1><font color="999999">Read them!</font></td></tr></table><br><center><img src="L2UI_CT1.Gauge_DF_CP_Center" width=750 height=5>   </center>
textures with animation:
-L2UI_CT1.Gauge_Mp_01;
-L2UI_CT1.ItemEnchant_DF_Effect_Success_01;
-L2UI_CT1.ItemEnchant_DF_Effect_LoadingClover_01;
-L2UI_CT1.ItemEnchant_DF_Effect_Loading_01;
-L2UI_CT1.ItemEnchant_DF_Effect_Failed_01;
-L2UI_CT1.LoadingAniWnd_DF_ANI01;
-L2UI_CT1.MiniGame_DF_Effect_01 and etc.

3. Color:

Code: Select all

<table border=0 cellspacing=0 cellpadding=2 align=left background="CC9933"><tr> <td FIXWIDTH=50></td><td FIXWIDTH=32 align=left><button value="" action="bypass _bbstop;1" width=32 height=32 back="L2UI_CT1.Icon_DF_MenuWnd_Skill_Down" fore="L2UI_CT1.Icon_DF_MenuWnd_Skill"></td><td FIXWIDTH=410 align=left><font color="CC9933"><b>Server Rules</b></font><br1><font color="999999">Read them!</font></td></tr></table><br><center><img src="L2UI_CT1.Gauge_DF_CP_Center" width=750 height=5>   </center>
3. <image>
image like background without colors

attributes:
src="UTXFileName.Texturename"
example:
src="L2UI_CT1.RadarMap_DF_MinusBtn_Down"
width and height.

So, next time I write about buttons, comboboxes and textboxes(edit) but what will be written by you???

P.S. Sorry for my bad English
Image
it is conquer the World!
User avatar
elijahl2j
Posts: 26
Joined: Tue Aug 02, 2011 4:10 am
Location: Russia

Re: [GUIDE] Tags Supported (extended)

Post by elijahl2j »

PART III

1. <button>

attributes:
-value: text on button;
-action: event onClick like tag <a>;
-height;
-width;
-back: background of button onMouseDown;
-fore: background of button.

example:

Code: Select all

<button value="" action="bypass _bbstop;2" width=32 height=32 back="L2UI_CT1.Icon_DF_MenuWnd_Skill_Down" fore="L2UI_CT1.Icon_DF_MenuWnd_Skill"/>
L2UI_CT1.Icon_DF_MenuWnd_Skill and L2UI_CT1.Icon_DF_MenuWnd_Skill_Down are textures names in file clientpath\SysTextures\L2UI_CT1.utx

note:
L2UI_CT1.utx content Icon_DF_MenuWnd_Skill, Icon_DF_MenuWnd_Skill_Down and Icon_DF_MenuWnd_Skill_Over
if you will use textures names not contain "_Over" you will get black rectangle OnMouseOver event.

view:
Icon_DF_MenuWnd_Skill.png
Icon_DF_MenuWnd_Skill_Down.png
Icon_DF_MenuWnd_Skill_Over.png
2. <combobox>

attributes:
-var: id of element for html;
-list: strings are displayed on the combobox;
-width.

example:

Code: Select all

<combobox var="comboname" list="string1;string2;string3" width="100"/>
view:
combo2.png
3. <edit>

attributes:
-var: id of element for html;
-width.

example:

Code: Select all

<edit var="editname" width="150">
view:
edit2.png
P.S. Sorry for my bad English
You do not have the required permissions to view the files attached to this post.
Image
it is conquer the World!
den01101
Posts: 18
Joined: Thu Mar 24, 2011 2:55 pm

Re: [GUIDE] Tags Supported (extended)

Post by den01101 »

How to install max number of characters for <edit> ?
Sorry for my bad English
User avatar
jurchiks
Posts: 6769
Joined: Sat Sep 19, 2009 4:16 pm
Location: Eastern Europe

Re: [GUIDE] Tags Supported (extended)

Post by jurchiks »

It is quite possible what you're asking is not supported by the client.
The best way to do it without relying on the client would be either send a fail message if the entered text is too long, or to trim it down to some predefined length.
If you have problems, FIRST TRY SOLVING THEM YOURSELF, and if you get errors, TRY TO ANALYZE THEM, and ONLY if you can't help it, THEN ask here.
Otherwise you will never learn anything if all you do is copy-paste!
Discussion breeds innovation.
den01101
Posts: 18
Joined: Thu Mar 24, 2011 2:55 pm

Re: [GUIDE] Tags Supported (extended)

Post by den01101 »

Вut the player can enter ссобщение not count the number of characters. It is not convenient.
Sorry for my bad English
User avatar
nonom
L2j Veteran
L2j Veteran
Posts: 649
Joined: Wed Mar 11, 2009 10:34 pm
Location: Magmeld

Re: [GUIDE] Tags Supported (extended)

Post by nonom »

den01101 wrote:Вut the player can enter ссобщение not count the number of characters. It is not convenient.
Maybe not all elements can handle the same attributes, w3c included not just ncs0ft.
Image
"There are three kinds of people in this world, those who can count and those who can't"
User avatar
jurchiks
Posts: 6769
Joined: Sat Sep 19, 2009 4:16 pm
Location: Eastern Europe

Re: [GUIDE] Tags Supported (extended)

Post by jurchiks »

The <edit> tag is not used in any publicly accessible html anyway so they wouldn't care much about convenience.
If you have problems, FIRST TRY SOLVING THEM YOURSELF, and if you get errors, TRY TO ANALYZE THEM, and ONLY if you can't help it, THEN ask here.
Otherwise you will never learn anything if all you do is copy-paste!
Discussion breeds innovation.
Hyrelius
Posts: 257
Joined: Thu Dec 16, 2010 5:16 am

Re: [GUIDE] Tags Supported (extended)

Post by Hyrelius »

I know this thread is already a bit old, but the list of allowed html-elements and attributes is very, very helpful.

I'd like to add, that the element combobox allows a preselection (that can be set using msg.replace) using the attribute "sel".

Code: Select all

<combobox var="cmbbox" sel="Everywhere" list="Here;There;Everywhere" width=130/>
Also: note, that the list of possible combobox-entries is delimited using a semicolon. However: this does not mean that you're allowed to have whitespaces in each option. In fact this option is not retrievable (using $cmbbox) if the value contains whitespaces. Hence do not use spaces in the list.
Image
I don't mind helping - however: I only do so if I want to.
No support for other server packs than L2J.
User avatar
jurchiks
Posts: 6769
Joined: Sat Sep 19, 2009 4:16 pm
Location: Eastern Europe

Re: [GUIDE] Tags Supported (extended)

Post by jurchiks »

Somebody should fix the topic title to [GUIDE]...
If you have problems, FIRST TRY SOLVING THEM YOURSELF, and if you get errors, TRY TO ANALYZE THEM, and ONLY if you can't help it, THEN ask here.
Otherwise you will never learn anything if all you do is copy-paste!
Discussion breeds innovation.
User avatar
UnAfraid
L2j Veteran
L2j Veteran
Posts: 4199
Joined: Mon Jul 23, 2007 4:25 pm
Location: Bulgaria
Contact:

Re: [GUIDE] Tags Supported (extended)

Post by UnAfraid »

jurchiks wrote:Somebody should fix the topic title to [GUIDE]...
Done
Image
serkamikadze
Posts: 4
Joined: Sun Sep 05, 2010 1:19 pm

Re: [GUIDE] Tags Supported (extended)

Post by serkamikadze »

Someone knows how to make checkbox?
Previously, as it has done through the picture as a reference

Code: Select all

 <a action=" **** "><img src=L2UI.CheckBox width=12 height=12></a> 
But this does not work in H5
I tried to make it so

Code: Select all

 <button value="" action="" width=12 height=12 back="L2UI.CheckBox" fore="L2UI.CheckBox"> 
But there is a problem with the onmouseover img...
P.S. The same problem in lottery manager
serkamikadze
Posts: 4
Joined: Sun Sep 05, 2010 1:19 pm

Re: [GUIDE] Tags Supported (extended)

Post by serkamikadze »

If anyone is interested I came up with an alternative.
I use a button with the text "√" or "" and in the core process it :D

Code: Select all

 <button value="%cb_1%" action="%cb_1_action%" width=20 height=16 back="L2UI_ct1.button_df" fore="L2UI_ct1.button_df"><button value="%cb_2%" action="%cb_2_action%" width=20 height=16 back="L2UI_ct1.button_df" fore="L2UI_ct1.button_df">....... 
result
Image
Post Reply