Мануал по редактированию HTML сервера Lineage 2

7-8-2019 23:03

Мануал по редактированию HTML сервера Lineage 2Данный урок ознакомит Вас с редактированием HTML у НПЦ.Код:htmlbodyСодерж ...

Мануал по редактированию HTML сервера Lineage 2 

Данный урок ознакомит Вас с редактированием HTML у НПЦ.

Код: 

Содержание страницы

Не требуется добавлять теги

______________________________________________________________________________________

- NoScrollBar (Нет полосы прокрутки) (недоступно в INTERLUDE)

Для наглядности привожу пример, как это выглядит в клиенте Lineage 2

С прокруткой Без прокрутки

Код:

<html noscrollbar>


Добавляем значок или картинку в диалоговое акно NPC

Код:

<html imgsrc="l2ui_ch3.tutorial_img10">

<title> - Заголовок 

Код:

<title>Text</text> 

<BR> - Перенос строки 

Код:

Text Line 1<br>

Text Line 2<br>

Text Line 3


Редактирование текста


Для изменения цвета текста используем следующий код

Код:

<font color="f00000">Red Text</font>


Номер f00000 - это цветовой год Html, для выбора соответствующего цвета вы можете воспользоваться сервисом Диаграмма цвета 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 - высота


Выделения текста ( Bgcolor )

Код:

<table bgcolor=b31a1a>

    <tr>

        <td>

            Текст

        </td>

    </tr>

</table> 

В INTERLUDE доступны только следующие цвета: 000000, (белый ffffff), ff0000, ff00ff, ffff00,(желтый), 00ff00, 00ffff, 0000ff

Код:

<table bgcolor=b31a1a>

    <tr>

        <td>

            Текст

        </td>

    </tr>

</table> 

Значение bgcolor - HTML-код цвета, вы можете получить при помощи графического редактора Gimp, Photoshop или для выбора соответствующего цвета вы можете воспользоваться онлайн сервисом Диаграмма цвета HTML.


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> 

Размеры окна

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>


- </span><font size="4">Заголовок </font></p><p><a href="data/attachment/portal/201908/07/225105zfbimfr3374bbbb3.png" target="_blank"><img src="data/attachment/portal/201908/07/225105zfbimfr3374bbbb3.png.thumb.jpg"></a></p><p><b>Код:</b></p><p><title>Text</text> </p><p><font size="4"><BR> - Перенос строки </font></p><p><a href="data/attachment/portal/201908/07/225419ng5wxmmegebn5uur.png" target="_blank"><img src="data/attachment/portal/201908/07/225419ng5wxmmegebn5uur.png.thumb.jpg"></a></p><p><b>Код:</b></p><p>Text Line 1<br></p><p>Text Line 2<br></p><p>Text Line 3</p><p><br></p><p><font size="5" color="#000080" face="Verdana"><b style="">Редактирование текста</b></font></p><p><font size="5" color="#000080" face="Verdana"><b style=""><br></b></font></p><p><font size="4">Для изменения цвета текста используем следующий код</font></p><p><b style="font-size: medium;">Код:</b></p><p><font size="3"></font></p><p><font size="3"><font color="f00000">Red Text</font></font></p><p><font size="3"><br></font></p><p><font size="3">Номер f00000 - это цветовой год Html, для выбора соответствующего цвета вы можете воспользоваться сервисом <b><a href="https://html-color-codes.info/">Диаграмма цвета HTML</a></b></font></p><p><font size="3"><br></font></p><p><font size="4">Изменяем шрифт текста (<font color="#f00000">недоступно в INTERLUDE</font>)</font></p><p><font size="3"><b>Код:</b></font></p><p><font size="4"></font></p><p><font size="3"><font name="hs16">Big Text</font></font></p><p><font size="3"><br></font></p><p><font size="4">Список всех возможных шрифтов в H5:</font></p><p><a href="data/attachment/portal/201908/07/231155bv6074vewce04vvv.png" target="_blank"><img src="data/attachment/portal/201908/07/231155bv6074vewce04vvv.png"></a></p><p><b>Код:</b></p><p><font name="__SystemEditBoxFont" color="666666">Text</font></p><p><br></p><p><font size="5" color="#000080">Кнопки и действия:</font></p><p><font size="4">Стандартные кнопки</font></p><p><a href="data/attachment/portal/201908/07/231547uyt93slyiysq1jfj.png" target="_blank"><img src="data/attachment/portal/201908/07/231547uyt93slyiysq1jfj.png.thumb.jpg"></a></p><p><b>Код:</b></p><p><a action="bypass -h npc_%objectId%_Chat 1">Normal</a>[/SIZE][/SIZE]</p><p>[SIZE=5][SIZE=4]</p><p><font color="b31a1a"><a action="bypass -h npc_%objectId%_Chat 1">Colored</a></font></p><p><br></p><p><font size="4">Кнопка с переходом на ссылку</font></p><p><a href="data/attachment/portal/201908/07/231733bhcinlimbxzm9l7n.png" target="_blank"><img src="data/attachment/portal/201908/07/231733bhcinlimbxzm9l7n.png"></a></p><p><b>Код:</b></p><p><a action="url !2265">Go to Web</a> </p><p><font color="#f00000"><b>Примечание:</b></font> 2265 является Id в sysstring-e.dat, содержащий веб-страницу, которая откроется</p><p><br></p></div>


Отлично

Хорошо

Средне

Плохо

Ужасно
В статье уже есть0 Участие в комментариях

Пожалуйста, оставьте комментарий

Все комментарии

Понравилось Прочитано21 Коментариев0
Предыдущий:
Следуюий:
Компиляция .uВремя публикации:2019-08-10
Сектор творческих людей
Горячая линия

638638758

С понедельника по воскресенье с 9:00 до 23:00

Обратной связь

admin@artace.ru Онлайн

QR-код

Powered by Discuz! X3.4© 2001-2018 Comsenz Inc.