Расположение иконок на странице

STALIN

Генералиссимус
VIP
Победитель в номинации 2022
Любитель реакций
Старожил I степени
Стальной Визионер
Победитель в номинации 2021
Участник Новогоднего Фонда 2021
Сообщения
249
Розыгрыши
0
Репутация
354
Реакции
559
Баллы
1 743
Хроники
  1. Chaotic Throne: High Five
Исходники
Присутствуют
Сборка
l2jdev
Подскажите как сделать упорядочить скилы клана? в окне а не в ряд
вот страница сама
HTML:
<tr>
       <td align="left">%skills%</td>
       <td align="left">%clanWar%</td>
</tr>
1.jpg
ну и собственно скрипт
Java:
private String getClanSkills(Clan clan, String html)
    {
        String skills = "";
        for (Skill clanSkill : clan.getSkills())
        {
            skills += "<img src=\"" + clanSkill.getIcon() + "\" height=30 width=30><br>";
            skills += "Level " + clanSkill.getLevel();
        }

        html = html.replace("%skills%", skills);

        return html;
    }

    private String getClanWar(Clan clan, String html)
    {
        String war = "";
        for (Clan warClan : clan.getEnemyClans())
        {
            war += warClan.getName();
        }

        html = html.replace("%clanWar%", war);

        return html;
    }
}
хочу как пример вот так собственно кто может помочь и рассказать как это сделать готов даже заплатить
2.jpg
 
Последнее редактирование:
внутри table сделай и будет как на картинке
HTML:
                                            <table width=265 height=25>
                                                                    <tr><td height=10></td></tr>
                                                                    <tr>
                                                                        <td align=center>
                                                                            <font name="hs12" color="LEVEL">КЛАН СКИЛЫ</font>
                                                                        </td>
                                                                        <td align=right width=53>
                                                                            <font color="F0E68C">%skills%</font>
                                                                        </td>
                                                                    </tr>
                                                                </table>
 
3 строки по 5 колонок

HTML:
<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
</table>
 
Нужно на уровне скрипта делать. Задать колонке фиксированную ширину, рассчитать максимальное количество колонок rowSize в одной строчке (ну или просто потыкать руками и глянуть, сколько иконок влезет), разбить список иконок на чанки по rowSize иконок в каждом, ну а потом уже пихать каждую в td. Когда новый чанк начинает перебираться - раскрываем tr, окгда заканчивает - закрываем. В последней строчке недостающие колонки забиваем просто пустыми td.
 
Последнее редактирование:
То, что выше предложено, ТС не получит желаемого результата
 
я конечно не гений хтмлок
HTML:
<html><head><body>
<table cellpadding=3>
<tr>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
</tr>
</table>
<table cellpadding=3>
<tr>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
</tr>
</table>
</body></html>
1642836123561.png
1642836131192.png
 
я конечно не гений хтмлок
HTML:
<html><head><body>
<table cellpadding=3>
<tr>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
</tr>
</table>
<table cellpadding=3>
<tr>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
<td width=60 align=center><button width=32 height=32 fore=icon.skill1488></td>
</tr>
</table>
</body></html>
Посмотреть вложение 41158
Посмотреть вложение 41159
видимо вы не поняли
 
Решение этого вопроса в студию плиз. мне тоже очень надо ((
 
Обратите внимание, что данный пользователь заблокирован! Не совершайте с ним никаких сделок! Перейдите в его профиль, чтобы узнать причину блокировки.
Что-то люди совсем разленились.
 
  • Мне нравится
Реакции: KATE
Есть такое решение.
Будет работать на клиенте HF и выше, так как с него вроде как html поддерживает атрибут background. Это необходимо чтобы наложить "уровень" поверх иконки самого скилла.

Без имени-1.png
HTML:
<table border=0 cellpadding=0 cellspacing=5>
    <tr>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>1</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>2</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>3</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>4</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>5</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>6</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>7</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>8</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>9</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>10</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>11</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>12</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>13</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>14</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>15</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>16</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>17</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>18</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>19</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>20</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>21</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>22</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>23</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>
            <table width=32 height=32 border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width=32 height=32 align=right valign=top background="icon.skill1488">
                        <table width=16 height=16 border=0 cellpadding=0 cellspacing=0 background="L2UI_CT1.editbox_df_bg"><tr><td align=center valign=center>24</td></tr></table>
                    </td>
                </tr>
            </table>
        </td>
        <td width=32 height=37 align=center valign=center>

        </td>
        <td width=32 height=37 align=center valign=center>

        </td>
        <td width=32 height=37 align=center valign=center>

        </td>
    </tr>
</table>

Ну и естественно необходимо переписать скрипт вывода, чтобы он понимал сколько в строку баффов, и создавал пустые td в том случае если баффы закончились, а строка - нет.
 
Назад
Сверху Снизу