Думаю каждый когда редактировал HTML у НПЦ сталкивался с разным родом проблем как: не получается вывод текста по центру, изменения цвета текста и прочее. В данном мануале мы все рассмотрим База Код: <html><body>Содержание страницы</body></html> Не требуется добавлять теги <html><body> - NoScrollBar (Нет полосы прокрутки) (недоступно в INTERLUDE) По умолчанию Без полосы прокрутки Код: <html noscrollbar> Добавить значок или картинку Код: <html imgsrc="l2ui_ch3.tutorial_img10"> Титул Код: <title>Text</text> - BR (Перенос строки) Код: Text Line 1<br1> Text Line 2<br> Text Line 3 Изменение Текста -Изменяем цвет текста Код: <font color="882323">Red Text</font> Номер 8823 - это Html-код цвета, выбрать свой цвет и получить ко к нему можно тут -Изменяем шрифт текста (недоступно в INTERLUDE) Код: <font name="hs16">Big Text</font> Список всех возможных шрифтов в H5: Код: <font name="__SystemEditBoxFont" color="666666">Text</font> Кнопки и действия: -Стандартные кнопки Код: <a action="bypass -h npc_%objectId%_Chat 1">Normal</a>[/SIZE][/SIZE] [SIZE=5][SIZE=4] <font color="b31a1a"><a action="bypass -h npc_%objectId%_Chat 1">Colored</a></font> Кнопка с переходом на ссылку Код: <a action="url !2265">Go to Web</a> Примечание: 2265 является Id в sysstring-e.dat, содержащий веб-страницу, которая откроется -Кнопки Код: <button value="Button Name" action="bypass -h npc_%objectId%_Chat 1" width=100 height=30 back="L2UI_CT1.Button_DF_Down" fore="L2UI_CT1.Button_DF"> for - изображение кнопки, которая появляется при отсутствии курсора мыши back - изображение, которое отображается, когда игрок нажимает на кнопку Как насчет изображения, которое показывает, когда курсор находится на изображении, но он не нажат? Клиент игры принимает содержимое fore и добавляет "_over" в конце. Например "L2 UI_CT1.Button_DF_Over". Изменить этот путь невозможно. Добавление "over="bla bla"" не будет работать. - Префикс Действия Существует 3 типа префиксов для action="" tag: 1. "Bypass -h" - используется в окне Npc(закрывает страницу по клику). Он также может быть использован в Community Board , но не в INTERLUDE! 2. "Bypass" - используется в окне Npc ил в Community Board 3. "link" - используется в окне обучения Установка кнопка/ссылка вызовет действие RequestBypassToServer или запросить ссылку в Html пакет по нажатию Простое Изображение: Код: <img src="L2UI_CH3.map_Moon" width=32 height=32> Таблицы: Код: <table width=300> <tr> <td width=100> Text 1 </td> <td width=100> Text 2 </td> <td width=100> Text 3 </td> </tr> <tr> <td width=100> Text 4 </td> <td width=100> Text 5 </td> <td width=100> Text 6 </td> </tr> </table> <tr> - новая строка <td> - новый столбец - Sizes(Размеры) Width- ширина Fixwidth - текст не будет изменять размер таблицы по ширине Height - высота Код: <table bgcolor=b31a1a> <tr> <td> Текст </td> </tr> </table> -Выделения текста ( Bgcolor ) В INTERLUDE доступны только следуающие цвета: 000000, (белый ffffff), ff0000, ff00ff, ffff00,(желтый), 00ff00, 00ffff, 0000ff Код: <table bgcolor=b31a1a> <tr> <td> Текст </td> </tr> </table> Значение bgcolor - HTML-код цвета, вы можете получить их из Gimp, Photoshop или этой тут. - Background (Фон) (недоступно в INTERLUDE) Код: <table cellspacing=0 cellpadding=0 background="icon.skill0226"> <tr> <td> <button value="" action="bypass -h npc_%objectId%_Chat 1" width=34 height=34 back="L2UI_CH3.menu_outline_Down" fore="L2UI_CH3.menu_outline"> </td> </tr> </table> Значение фона (Background) - изображение из файлов UTX или U игрового клиента. Вы также можете использовать образ на стороне сервера, если у вас есть дополнение PledgeCrest. - Align (Выравнивание) Код: <td width=100 align=right> Текст 1 </td> <td width=100 align=left> Текст 2 </td> <td width=100> <center> Текст 3 </center> </td> - Cellspacing ( Интервал между ячейками) по умолчанию "2" Код: <table cellspacing=10 bgcolor=ffffff> - Cellpadding - Заполнение ячеек(по умолчанию установлено значение "1) Код: <table cellpadding=10 bgcolor=ffffff> Если у вас есть проблемы с последней буквой или с двумя последними буквами текста, если они перенесены в следующую строку, как это: установите значение cellpadding = 0 Код: <table cellpadding=0> - Border- Границы ("0" по умолчанию) Код: <table border=3> Размеры окна - Окно Html Npc Код: width=294 height=359 - Community Board Код: HIGH FIVE: Size without <br> at the beginning: width=773 height=506 INTERLUDE: Size without <br> at the beginning: width=630 height=465 Примечание: всегда 10 первых пикселей высоты Community Board скрыты. <br> понизит все на 9 пикселей, поэтому вы всегда должны использовать его в начале Html-кода Community Board. Tutorial Window (Обучающее окно) Код: width=294 height=316 Пример: Код: <table border=0 cellpadding=0 cellspacing=0 width=294 height=359 background="L2UI_CH3.refinewnd_back_Pattern"> <tr> <td height=359> <br> <br> <center> Текст </center> </td> </tr> </table> Полезная функция: - Комбинированный список Код: <combobox width=80 var="comboList" list="Choice 1;Choice 2;Choice 3"> - Редактирование (Edit)- При нажатии Enter переход на новую строку отсутствует Код: <edit width=80 var="editName"> Код: <edit width=80 var="editName2" type="password"> Код: <edit width=80 var="editName3" type="number"> - Multiedit (Расширенное редактирование) - присутствует прокрутка вверх\вниз Код: <multiedit width=80 height=80 var="multiEditName"> - Для чего нужно var= "multiEditName" ? Таким образом, вы можете использовать его в bypass, например: Код: <a action="bypass -h npc_%objectId%_PetitionContentBypass $multiEditName">Send Petition</a> $multiEditName заменит содержмое Multiedit(то же самое для Edit, Combobox) Полезные фишки: Код: <button value="" action="bypass -h npc_%objectId%_Chat 1" width=32 height=32 back="L2UI_CT1.MiniMap_DF_PlusBtn_Red_Down" fore="L2UI_CT1.MiniMap_DF_PlusBtn_Red"> (INTERLUDE не обрабатывает фоновый тег, такие изображения должны быть помещены непосредственно в клиент) Код: <table border=0 cellspacing=0 cellpadding=0 width=32 height=32 background="icon.accessary_phoenixs_ring_i00"><tr><td> <table cellspacing=0 cellpadding=0 width=34 height=34 background="L2UI.item_click"> <tr><td><br></td><td height=16><br></td></tr> <tr> <td width=16><br></td> <td width=18> <table height=17 cellspacing=0 cellpadding=0 background="L2UI_CT1.Windows_DF_TooltipBG"> <tr> <td height=17 width=17 align=center> <font color="FFFFFF">A</font> </td> </tr> </table> </td></tr></table></td></tr></table> (INTERLUDE не обрабатывает фоновый тег, такие изображения должны быть помещены непосредственно в клиент) Код: <table cellspacing=0 cellpadding=0 width=130 height=124 background="L2UI_CH3.refinegrade2_03"> <tr> <td width=170 align=center> <img src="icon.skill5762" width=32 height=32> </td> </tr> </table> Код: <button value="" action="bypass -h npc_%objectId%_Chat 1" width=15 height=15 back="L2UI.CheckBox_checked" fore="L2UI.CheckBox_checked"> <button value="" action="bypass -h npc_%objectId%_Chat 1" width=15 height=15 back="L2UI.CheckBox" fore="L2UI.CheckBox"> Edit Box , котороый нельзя редактировать: (не подходит для INTERLUDE) Код: <table> <tr><td> <table height=21> <tr><td width=40> Fee: </td></tr> </table> </td><td> <table width=125 height=21 background="L2UI_CT1.CharacterPassword_DF_EditBox"> <tr> <td fixwidth=121 align=right> 123 </td><td width=4> <br1> </td></tr> </table> </td></tr> </table> (INTERLUDE не обрабатывает фоновый тег, <img src="Crest.crest_%serverId%_%clanCrestId%" width=16 height=16> необходимо поставить) Код: My Clan Crest:<br1> <table cellpadding=0 cellspacing=0 width=16 height=16 background="Crest.crest_%serverId%_%clanCrestId%"> <tr> <td width=16 height=4> <img src="L2.NonEdistingImage" width=16 height=5>//For getting non Transparent Black Color </td> </tr><tr> <td width=16 height=12> <br> </td> </tr> </table> Примечание: %serverId% и %clanCrestId% должен быть заменен в файлах Java на реальные значения. ID сервера будет скорее всего 1, клановым может быть например 2033832109 Для хроник Goddess of Destruction: - Tooltip (Подсказка) Код: <button width=32 height=32 tooltip="Click here to find out more!" back="L2UI_CH3.Botsystem_DF_Key2" fore="L2UI_CH3.Botsystem_DF_Key2"></button> Подсказка по итему\предмету Код: <button width=32 height=32 itemtooltip="57" back="L2UI_CH3.aboutotpicon" fore="L2UI_CH3.aboutotpicon"></button> Кнопки как в Ertheia Код: <button align="LEFT" icon="RETURN" action="bypass -h npc_%objectId%_Chat 0">Go back</button> Перевел: MyltiqpRykT Автор: vampir
годный мануал, всплакнул над этим (как жаль что в хф нету такого...): Код: <button width=32 height=32 tooltip="Click here to find out more!" back="L2UI_CH3.Botsystem_DF_Key2" fore="L2UI_CH3.Botsystem_DF_Key2"></button>
