Лучший пост.

администрация

Имя




лучший эпизод название

активисты

разыскиваются

постописцы

Тест

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Тест » Новый форум » борской бой

борской бой

Страница: 1

Сообщений 1 страница 2 из 2

1

  • Автор: Админ
  • Администратор
  • Админ
  • Сообщений: 13
  • Уважение: [+0/-0]

[html]
<table>
  <tr>
<td><div class="mboi"></div> </td>
<td><div class="mboi">A</div></td>
<td><div class="mboi">B</div></td>
<td><div class="mboi">C</div></td>
<td><div class="mboi">D</div></td>
<td><div class="mboi">E</div></td>
<td><div class="mboi">F</div></td>
<td><div class="mboi">G</div></td>
<td><div class="mboi">H</div></td>
<td><div class="mboi">I</div></td>
<td><div class="mboi">J</div></td>
<td><div class="mboi">K</div></td>
<td><div class="mboi">L</div></td>
<td><div class="mboi">M</div></td>
<td><div class="mboi">N</div></td>
<td><div class="mboi">O</div></td>
  </tr>
  <tr>
<td><div class="mboi">1</div></td>
<td><div class="mboi" id="A1"></div></td>
<td><div class="mboi" id="B1"></div></td>
<td><div class="mboi" id="C1"></div></td>
<td><div class="mboi" id="D1"></div></td>
<td><div class="mboi" id="E1"></div></td>
<td><div class="mboi" id="F1"></div></td>
<td><div class="mboi" id="G1"></div></td>
<td><div class="mboi" id="H1"></div></td>
<td><div class="mboi" id="I1"></div></td>
<td><div class="mboi" id="J1"></div></td>
<td><div class="mboi" id="K1"></div></td>
<td><div class="mboi" id="L1"></div></td>
<td><div class="mboi" id="M1"></div></td>
<td><div class="mboi_miss" id="N1"></div></td>
<td><div class="mboi" id="O1"></div></td>
  </tr>
  <tr>
<td><div class="mboi">2</div></td>
<td><div class="mboi" id="A2"></div></td>
<td><div class="mboi_miss" id="B2"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"> </div></td>
<td><div class="mboi_miss" id="C2"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"> </div></td>
<td><div class="mboi_miss" id="D2"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"> </div></div></td>
<td><div class="mboi_miss" id="E2"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="F2"></div></td>
<td><div class="mboi" id="G2"></div></td>
<td><div class="mboi" id="H2"></div></td>
<td><div class="mboi" id="I2"></div></td>
<td><div class="mboi" id="J2"></div></td>
<td><div class="mboi" id="K2"></div></td>
<td><div class="mboi" id="L2"></div></td>
<td><div class="mboi_miss" id="M2"></div></td>
<td><div class="mboi_miss" id="N2"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="O2"></div></td>
  </tr>
  <tr>
<td><div class="mboi">3</div></td>
<td><div class="mboi" id="A3"></div></td>
<td><div class="mboi" id="B3"></div></td>
<td><div class="mboi" id="C3"></div></td>
<td><div class="mboi_miss" id="D3"></div></td>
<td><div class="mboi" id="E3"></div></td>
<td><div class="mboi" id="F3"></div></td>
<td><div class="mboi_miss" id="G3"></div></td>
<td><div class="mboi" id="H3"></div></td>
<td><div class="mboi_miss" id="I3"></div></td>
<td><div class="mboi" id="J3"></div></td>
<td><div class="mboi_miss" id="K3"></div></td>
<td><div class="mboi_miss" id="L3"></div></td>
<td><div class="mboi" id="M3"></div></td>
<td><div class="mboi_miss" id="N3"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="O3"></div></td>
  </tr>
  <tr>
<td><div class="mboi">4</div></td>
<td><div class="mboi_miss" id="A4"></div></td>
<td><div class="mboi" id="B4"></div></td>
<td><div class="mboi" id="C4"></div></td>
<td><div class="mboi" id="D4"></div></td>
<td><div class="mboi" id="E4"></div></td>
<td><div class="mboi" id="F4"></div></td>
<td><div class="mboi" id="G4"></div></td>
<td><div class="mboi" id="H4"></div></td>
<td><div class="mboi" id="I4"></div></td>
<td><div class="mboi" id="J4"></div></td>
<td><div class="mboi" id="K4"></div></td>
<td><div class="mboi" id="L4"></div></td>
<td><div class="mboi" id="M4"></div></td>
<td><div class="mboi_miss" id="N4"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="O4"></div></td>
  </tr>
  <tr>
<td><div class="mboi">5</div></td>
<td><div class="mboi" id="A5"></div></td>
<td><div class="mboi" id="B5"></div></td>
<td><div class="mboi" id="C5"></div></td>
<td><div class="mboi_miss" id="D5"></div></td>
<td><div class="mboi_miss" id="E5"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="F5"></div></td>
<td><div class="mboi_miss" id="G5"></div></td>
<td><div class="mboi_miss" id="H5"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"> </div></td>
<td><div class="mboi_miss" id="I5"></div></td>
<td><div class="mboi" id="J5"></div></td>
<td><div class="mboi" id="K5"></div></td>
<td><div class="mboi" id="L5"></div></td>
<td><div class="mboi" id="M5"></div></td>
<td><div class="mboi" id="N5"></div></td>
<td><div class="mboi" id="O5"></div></td>
  </tr>
  <tr>
<td><div class="mboi">6</div></td>
<td><div class="mboi" id="A6"></div></td>
<td><div class="mboi_miss" id="B6"></div></td>
<td><div class="mboi" id="C6"></div></td>
<td><div class="mboi_miss" id="D6"></div></td>
<td><div class="mboi_miss" id="E6"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="F6"></div></td>
<td><div class="mboi" id="G6"></div></td>
<td><div class="mboi_miss" id="H6"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="I6"></div></td>
<td><div class="mboi" id="J6"></div></td>
<td><div class="mboi" id="K6"></div></td>
<td><div class="mboi" id="L6"><img src=" https://i.imgur.com/fzYT54F.png" width="35px"> </div></td>
<td><div class="mboi" id="M6"></div></td>
<td><div class="mboi" id="N6"></div></td>
<td><div class="mboi" id="O6"></div></td>
  </tr>
  <tr>
<td><div class="mboi">7</div></td>
<td><div class="mboi" id="A7"></div></td>
<td><div class="mboi" id="B7"></div></td>
<td><div class="mboi_miss" id="C7"></div></td>
<td><div class="mboi" id="D7"><img src="https://i.imgur.com/ghYxFI9.png" width="35px"> </div></td>
<td><div class="mboi" id="E7"></div></td>
<td><div class="mboi" id="F7"></div></td>
<td><div class="mboi" id="G7"></div></td>
<td><div class="mboi_miss" id="H7"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="I7"></div></td>
<td><div class="mboi" id="J7"></div></td>
<td><div class="mboi" id="K7"></div></td>
<td><div class="mboi_miss" id="L7"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="M7"></div></td>
<td><div class="mboi" id="N7"></div></td>
<td><div class="mboi" id="O7"></div></td>
  </tr>
  <tr>
<td><div class="mboi">8</div></td>
<td><div class="mboi" id="A8"></div></td>
<td><div class="mboi" id="B8"></div></td>
<td><div class="mboi" id="C8"></div></td>
<td><div class="mboi" id="D8"></div></td>
<td><div class="mboi" id="E8"></div></td>
<td><div class="mboi_miss" id="F8"></div></td>
<td><div class="mboi" id="G8"></div></td>
<td><div class="mboi_miss" id="H8"></div></td>
<td><div class="mboi" id="I8"></div></td>
<td><div class="mboi_miss" id="J8"></div></td>
<td><div class="mboi" id="K8"></div></td>
<td><div class="mboi_miss" id="L8"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="M8"></div></td>
<td><div class="mboi" id="N8"></div></td>
<td><div class="mboi" id="O8"></div></td>
  </tr>
  <tr>
<td><div class="mboi">9</div></td>
<td><div class="mboi" id="A9"></div></td>
<td><div class="mboi" id="B9"></div></td>
<td><div class="mboi" id="C9"><img src="https://i.imgur.com/YrpdGjo.png" width="35px"> </div></td>
<td><div class="mboi" id="D9"></div></td>
<td><div class="mboi" id="E9"></div></td>
<td><div class="mboi" id="F9"></div></td>
<td><div class="mboi" id="G9"></div></td>
<td><div class="mboi" id="H9"></div></td>
<td><div class="mboi" id="I9"></div></td>
<td><div class="mboi" id="J9"></div></td>
<td><div class="mboi" id="K9"></div></td>
<td><div class="mboi_miss" id="L9"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="M9"></div></td>
<td><div class="mboi" id="N9"></div></td>
<td><div class="mboi" id="O9"></div></td>
  </tr>
  <tr>
<td><div class="mboi">10</div></td>
<td><div class="mboi" id="A10"></div></td>
<td><div class="mboi" id="B10"></div></td>
<td><div class="mboi" id="C10"></div></td>
<td><div class="mboi" id="D10"></div></td>
<td><div class="mboi_miss" id="E10"></div></td>
<td><div class="mboi" id="F10"></div></td>
<td><div class="mboi" id="G10"></div></td>
<td><div class="mboi" id="H10"></div></td>
<td><div class="mboi" id="I10"></div></td>
<td><div class="mboi" id="J10"></div></td>
<td><div class="mboi" id="K10"></div></td>
<td><div class="mboi_miss" id="L10"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="M10"></div></td>
<td><div class="mboi" id="N10"></div></td>
<td><div class="mboi" id="O10"></div></td>
  </tr>
  <tr>
<td><div class="mboi">11</div></td>
<td><div class="mboi" id="A11"></div></td>
<td><div class="mboi" id="B11"></div></td>
<td><div class="mboi" id="C11"></div></td>
<td><div class="mboi_miss" id="D11"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="E11"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="F11"></div></td>
<td><div class="mboi" id="G11"></div></td>
<td><div class="mboi" id="H11"></div></td>
<td><div class="mboi_miss" id="I11"></div></td>
<td><div class="mboi" id="J11"></div></td>
<td><div class="mboi" id="K11"></div></td>
<td><div class="mboi_miss" id="L11"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi" id="M11"></div></td>
<td><div class="mboi" id="N11"></div></td>
<td><div class="mboi" id="O11"></div></td>
  </tr>
  <tr>
<td><div class="mboi">12</div></td>
<td><div class="mboi" id="A12"></div></td>
<td><div class="mboi" id="B12"></div></td>
<td><div class="mboi" id="C12"></div></td>
<td><div class="mboi_miss" id="D12"></div></td>
<td><div class="mboi_miss" id="E12"></div></td>
<td><div class="mboi" id="F12"></div></td>
<td><div class="mboi" id="G12"></div></td>
<td><div class="mboi" id="H12"></div></td>
<td><div class="mboi" id="I12"></div></td>
<td><div class="mboi" id="J12"></div></td>
<td><div class="mboi" id="K12"></div></td>
<td><div class="mboi" id="L12"></div></td>
<td><div class="mboi" id="M12"></div></td>
<td><div class="mboi" id="N12"></div></td>
<td><div class="mboi" id="O12"></div></td>
  </tr>
  <tr>
<td><div class="mboi">13</div></td>
<td><div class="mboi" id="A13"></div></td>
<td><div class="mboi_miss" id="B13"></div></td>
<td><div class="mboi" id="C13"></div></td>
<td><div class="mboi" id="D13"></div></td>
<td><div class="mboi" id="E13"></div></td>
<td><div class="mboi" id="F13"></div></td>
<td><div class="mboi" id="G13"></div></td>
<td><div class="mboi_miss" id="H13"></div></td>
<td><div class="mboi_miss" id="I13"></div></td>
<td><div class="mboi" id="J13"></div></td>
<td><div class="mboi_miss" id="K13"></div></td>
<td><div class="mboi" id="L13"></div></td>
<td><div class="mboi" id="M13"></div></td>
<td><div class="mboi_miss" id="N13"></div></td>
<td><div class="mboi" id="O13"></div></td>
  </tr>
  <tr>
<td><div class="mboi">14</div></td>
<td><div class="mboi" id="A14"></div></td>
<td><div class="mboi_miss" id="B14"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="C14"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="D14"></div></td>
<td><div class="mboi" id="E14"></div></td>
<td><div class="mboi" id="F14"></div></td>
<td><div class="mboi" id="G14"></div></td>
<td><div class="mboi" id="H14"></div></td>
<td><div class="mboi_miss" id="I14"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="J14"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="K14"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
<td><div class="mboi_miss" id="L14"></div></td>
<td><div class="mboi" id="M14"></div></td>
<td><div class="mboi_miss" id="N14"> </div></td>
<td><div class="mboi" id="O14"></div></td>
  </tr>
  <tr>
<td><div class="mboi">15</div></td>
<td><div class="mboi" id="A15"> </div></td>
<td><div class="mboi_miss" id="B15"></div></td>
<td><div class="mboi" id="C15"></div></td>
<td><div class="mboi" id="D15"></div></td>
<td><div class="mboi" id="E15"></div></td>
<td><div class="mboi" id="F15"></div></td>
<td><div class="mboi" id="G15"></div></td>
<td><div class="mboi" id="H15"></div></td>
<td><div class="mboi_miss" id="I15"></div></td>
<td><div class="mboi" id="J15"></div></td>
<td><div class="mboi" id="K15"></div></td>
<td><div class="mboi" id="L15"></div></td>
<td><div class="mboi" id="M15"></div></td>
<td><div class="mboi" id="N15"></div></td>
<td><div class="mboi_ship" id="O15"><img src="https://i.imgur.com/tj6wVSC.png" width="35px"></div></td>
  </tr>
</table>

<style>

.mboi, .mboi_miss, .mboi_ship {
display: inline-flex;
width: 8px !important;
height: 8px;
padding: 15px;
border: solid 1px;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
vertical-align: top;
font-size: 20px;
margin: -5px;
}

.mboi {background: #b7a998;}
.mboi_miss {background: #554e47;}
.mboi_ship {background: #226f3c;}

/*
РІРѕСЂРѕРЅ:
<img src="https://i.imgur.com/YrpdGjo.png" width="35px">
кораблик:
<img src="https://i.imgur.com/tj6wVSC.png" width="35px">
СЃРЅРёС‡:
<img src="https://i.imgur.com/ghYxFI9.png" width="35px">
СЃСєРЅРґСєРє:
<img src="https://i.imgur.com/B09xw6M.png" width="35px">
Р±РѕР±С‹:
<img src=" https://i.imgur.com/fzYT54F.png" width="35px">

*/
</style>
[/html]

0

2

  • Автор: Админ
  • Администратор
  • Админ
  • Сообщений: 13
  • Уважение: [+0/-0]

[html]
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background: linear-gradient(135deg, #e2e2e2 25%, transparent 25%) 0 0,
                        linear-gradient(225deg, #e2e2e2 25%, transparent 25%) 0 0,
                        linear-gradient(135deg, transparent 75%, #e2e2e2 75%) 0 0,
                        linear-gradient(225deg, transparent 75%, #e2e2e2 75%) 0 0;
            background-size: 50px 50px;
            background-color: #f8f9fa;
        }
        table {
            border-collapse: collapse;
            margin: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 8px;
            overflow: hidden;
            background-color: #fff;
        }
        th, td {
            width: 40px;
            height: 40px;
            text-align: center;
            vertical-align: middle;
            transition: background-color 0.3s ease;
        }
        th {
            background-color: #007bff;
            color: white;
        }
        td {
            background-color: #e9ecef;
            cursor: pointer;
        }
        td:hover {
            background-color: #d1e7dd;
            transform: scale(1.05);
        }
        tr:nth-child(even) td {
            background-color: #f1f1f1;
        }
        tr:nth-child(odd) td {
            background-color: #e9ecef;
        }
    </style>

    <table>

            <tr>
                <th></th>
                <th>A</th>
                <th>B</th>
                <th>C</th>
                <th>D</th>
                <th>E</th>
                <th>F</th>
                <th>G</th>
                <th>H</th>
                <th>I</th>
                <th>J</th>
            </tr>
                    <tr>
                <th>1</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>2</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>3</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>4</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>5</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>6</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>7</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>8</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>9</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>10</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
     </table>

[/html]

0

Страница: 1

Вы здесь » Тест » Новый форум » борской бой

Рейтинг форумов | Создать форум бесплатно