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

STALIN · 21 Янв 2022

Подскажите как сделать упорядочить скилы клана? в окне а не в ряд
вот страница сама

HTML:

<tr>
       <td align="left">%skills%</td>
       <td align="left">%clanWar%</td>
</tr>

ну и собственно скрипт

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;
    }
}

хочу как пример вот так собственно кто может помочь и рассказать как это сделать готов даже заплатить

default_npc · 22 Янв 2022

внутри table сделай и будет как на картинке

STALIN · 22 Янв 2022

default_npc написал(а):
внутри 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>

Logan22 · 22 Янв 2022

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>

Mizuwokiru · 22 Янв 2022

Нужно на уровне скрипта делать. Задать колонке фиксированную ширину, рассчитать максимальное количество колонок rowSize в одной строчке (ну или просто потыкать руками и глянуть, сколько иконок влезет), разбить список иконок на чанки по rowSize иконок в каждом, ну а потом уже пихать каждую в td. Когда новый чанк начинает перебираться - раскрываем tr, окгда заканчивает - закрываем. В последней строчке недостающие колонки забиваем просто пустыми td.

Blessed · 22 Янв 2022

То, что выше предложено, ТС не получит желаемого результата

default_npc · 22 Янв 2022

я конечно не гений хтмлок

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>

Blessed · 22 Янв 2022

default_npc написал(а):

я конечно не гений хтмлок

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

видимо вы не поняли

default_npc · 22 Янв 2022

Blessed написал(а):
видимо вы не поняли

из треда понял, что ему нужно примерно в таком видео построить иконки в хтмлке
но наверное да

STALIN · 22 Янв 2022

нужно скрипт править, щас Blessed если сделает то гуд будет)

Wolverine · 18 Апр 2022

Решение этого вопроса в студию плиз. мне тоже очень надо ((

Beliano · 18 Апр 2022

Что-то люди совсем разленились.

Вы не можете просматривать ссылку пожалуйста воспользуйтесь следующими ссылками Вход или Регистрация

France · 18 Апр 2022

Wolverine написал(а):
Решение этого вопроса в студию плиз. мне тоже очень надо ((

С таким подходом скорее всего тебя выпилят) чем что-либо в студию выложат. Вот гонор залетных пошел.

Mex-Vision · 18 Апр 2022

Есть такое решение.
Будет работать на клиенте HF и выше, так как с него вроде как html поддерживает атрибут background. Это необходимо чтобы наложить "уровень" поверх иконки самого скилла.

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 в том случае если баффы закончились, а строка - нет.

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

Дополнительные настройки

STALIN

Генералиссимус

default_npc

STALIN

Генералиссимус

Logan22

Гений мысли

Mizuwokiru

Величайший

Blessed

Заблокирован

default_npc

Blessed

Заблокирован

default_npc

STALIN

Генералиссимус

Wolverine

Пляшущий с бубном

Beliano

Заблокирован

France

Друг Форума

Mex-Vision

Бессмертный