Page 1 of 2

[GUIDE] Tags Supported (extended)

Posted: Wed Sep 21, 2011 1:52 am
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...

Re: [GUIDE] Tags Supported (extended)

Posted: Thu Sep 22, 2011 5:25 am
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

Re: [GUIDE] Tags Supported (extended)

Posted: Fri Sep 23, 2011 12:32 am
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:

Re: [GUIDE] Tags Supported (extended)

Posted: Fri Sep 23, 2011 4:12 am
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

Re: [GUIDE] Tags Supported (extended)

Posted: Thu Nov 24, 2011 4:15 am
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

Re: [GUIDE] Tags Supported (extended)

Posted: Mon Jan 23, 2012 1:37 pm
by den01101
How to install max number of characters for <edit> ?

Re: [GUIDE] Tags Supported (extended)

Posted: Mon Jan 23, 2012 6:39 pm
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.

Re: [GUIDE] Tags Supported (extended)

Posted: Tue Jan 24, 2012 8:40 pm
by den01101
Вut the player can enter ссобщение not count the number of characters. It is not convenient.

Re: [GUIDE] Tags Supported (extended)

Posted: Tue Jan 24, 2012 8:48 pm
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.

Re: [GUIDE] Tags Supported (extended)

Posted: Tue Jan 24, 2012 9:45 pm
by jurchiks
The <edit> tag is not used in any publicly accessible html anyway so they wouldn't care much about convenience.

Re: [GUIDE] Tags Supported (extended)

Posted: Sun Feb 17, 2013 11:01 pm
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.

Re: [GUIDE] Tags Supported (extended)

Posted: Mon Feb 18, 2013 11:37 am
by jurchiks
Somebody should fix the topic title to [GUIDE]...

Re: [GUIDE] Tags Supported (extended)

Posted: Mon Feb 18, 2013 1:46 pm
by UnAfraid
jurchiks wrote:Somebody should fix the topic title to [GUIDE]...
Done

Re: [GUIDE] Tags Supported (extended)

Posted: Fri Apr 26, 2013 7:17 am
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

Re: [GUIDE] Tags Supported (extended)

Posted: Fri Apr 26, 2013 8:57 am
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