Перекрестки судеб

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

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


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


htmlки

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

1

тут будут коды

0

2

[html]<div class="newspost addition">
    <div class="inner">
        <div class="ams_says">
            <img src="https://forumstatic.ru/files/0010/ed/c4/14383.png" class="ams_pic" alt="">
            <div class="ams_text">
                <a href="">имя там какого-то админа</a>
                <span>тут была цитата или статус<br>
                    и тут все еще она, но вторая стррка чтоб эстетично</span>
            </div>
        </div>
    <div class="attention">
    <span>! attention !</span>
    <div class="attention_text">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed vulputate mi sit amet mauris commodo. Fermentum odio eu feugiat pretium nibh. Feugiat vivamus at augue eget arcu.
    </div>
    </div>
    <div class="newspost_text">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed vulputate mi sit amet mauris commodo. Fermentum odio eu feugiat pretium nibh. Feugiat vivamus at augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor. Tellus integer feugiat scelerisque varius morbi. Bibendum arcu vitae elementum curabitur vitae nunc. Adipiscing commodo elit at imperdiet. Quis imperdiet massa tincidunt nunc pulvinar sapien et. Amet nulla facilisi morbi tempus iaculis urna. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Fermentum leo vel orci porta. Amet est placerat in egestas erat imperdiet sed euismod nisi. Quam lacus suspendisse faucibus interdum. Erat imperdiet sed euismod nisi porta lorem mollis. Faucibus nisl tincidunt eget nullam non nisi est sit. Iaculis nunc sed augue lacus. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Et odio pellentesque diam volutpat commodo Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed vulputate mi sit amet mauris commodo. Fermentum odio eu feugiat pretium nibh. Feugiat vivamus at augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor. Tellus integer feugiat scelerisque varius morbi. Bibendum arcu vitae elementum curabitur vitae nunc. Adipiscing commodo elit at imperdiet. Quis imperdiet massa tincidunt nunc pulvinar sapien et. Amet nulla facilisi morbi tempus iaculis urna. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Fermentum leo vel orci porta. Amet est placerat in egestas erat imperdiet sed euismod nisi. Quam lacus suspendisse faucibus interdum. Erat imperdiet sed euismod nisi porta lorem mollis. Faucibus nisl tincidunt eget nullam non nisi est sit. Iaculis nunc sed augue lacus. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Et odio pellentesque diam volutpat commodo Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed vulputate mi sit amet mauris commodo. Fermentum odio eu feugiat pretium nibh. Feugiat vivamus at augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor. Tellus integer feugiat scelerisque varius morbi. Bibendum arcu vitae elementum curabitur vitae nunc. Adipiscing commodo elit at imperdiet. Quis imperdiet massa tincidunt nunc pulvinar sapien et. Amet nulla facilisi morbi tempus iaculis urna. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Fermentum leo vel orci porta. Amet est placerat in egestas erat imperdiet sed euismod nisi. Quam lacus suspendisse faucibus interdum. Erat imperdiet sed euismod nisi porta lorem mollis. Faucibus nisl tincidunt eget nullam non nisi est sit. Iaculis nunc sed augue lacus. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Et odio pellentesque diam volutpat commodo
    </div>
    <div class="newspost_bestpost">
    <div class="bestpost_icon"></div>
    <div class="bestpost_text"><a href="">очень очень длинный ник юзера:</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed vulputate mi sit amet mauris... <a href="">читать дальше</a></div>
    </div>
    <div class="newspost_quote">
    <div class="play"><img src="https://forumstatic.ru/files/0010/ed/c4/33101.svg" alt=""></div>
    <div class="song">
        <span>The Mellomen</span>
        <p>the Second Star to the Right </p>
    </div>
    </div>
    <div class="newspost_activist">
    <a href="" class="n_activist"><img src="https://forumstatic.ru/files/0010/ed/c4/84288.png" alt=""></a>
    </div>
    <div class="newspost_activists">
    <a href="" class="n_activist"><img src="https://forumstatic.ru/files/0010/ed/c4/84288.png" alt=""></a>
    <a href="" class="n_activist"><img src="https://forumstatic.ru/files/0010/ed/c4/84288.png" alt=""></a>
    <a href="" class="n_activist"><img src="https://forumstatic.ru/files/0010/ed/c4/84288.png" alt=""></a>
    <a href="" class="n_activist"><img src="https://forumstatic.ru/files/0010/ed/c4/84288.png" alt=""></a>
    <a href="" class="n_activist"><img src="https://forumstatic.ru/files/0010/ed/c4/84288.png" alt=""></a>
    <a href="" class="n_activist"><img src="https://forumstatic.ru/files/0010/ed/c4/84288.png" alt=""></a>
    </div>
    <div class="newspost_bestep">
    <a href="">какое-то там длинное<br> название эпизода</a>
    </div>
    <div class="newspost_couple">
    <a href="">YOONGI</a>
    <a href="">TAEHYUNG</a>
    </div>
    </div>
</div>[/html]

0

3

[html]<div class="guestbook addition">
    <div class="inner">
        <div class="welcome">
            <span>you are welcome</span>
            <ul class="welcome_text">
                <li>1. внешность за гостем держится <b>в течение суток</b> с момента бронирования;</li>
                <li>2. внешность для зарегистрированного участника держится <b>трое суток</b>;</li>
                <li>3. на "подумать" - <b>сутки</b>;</li>
                <li>4. внешность можно продлить дважды на <b>двое суток</b>;</li>
                <li>5. еще какое-то там правило потому что вы сказали что их будет 5-6 штук;</li>
                <li>6. еще какое-то там правило потому что вы сказали что их будет 5-6 штук</li>
            </ul>
        </div>
        <div class="hotlinks">
            <a href="">нужные</a>
            <a href="">хочу к вам</a>
            <a href="">правила</a>
            <a href="">новости</a>
        </div>
        <div class="faces">
            <div class="boys">
                <span>boys</span>
                <div class="faces_block">
                    <b>до 26.09</b>
                    <p class="name"><a href="">nct</a> na jaemin</p>
                    <b>до 27.09</b>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                </div>
            </div>
            <div class="girls">
                <span>girls</span>
                <div class="faces_block">
                  <div>
                    <b>до 26.09</b>
                    <p class="name"><a href="">nct</a> na jaemin</p>
                    <b>до 27.09</b>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                    <p class="name"><a href="">enhypen</a> lee heeseung</p>
                  </div>
                </div>
            </div>
            <div class="faces_note">
                * дубли возможны после согласования с участником, первым занявшим определенную внешность.
            </div>
        </div>
        <div class="music_pause">
            <img src="https://forumstatic.ru/files/0010/ed/c4/33101.svg" alt=""><span><b>The Mellomen</b> - the Second Star to the Right</span>
        </div>
    </div>
</div>[/html]

0

4

[html]<div class="bank addition">
    <div class="inner">
        <div class="bank_descr">
            <span>банк</span>
            <div class="bank_text">
                любишь ли ты деньги так же, как люблю их я? готов ли ты сделать что угодно? за деньги - да? ну, отлично, мой хороший, потому что в этой теме ты сможешь и хорошо заработать, и также хорошо потратиться - выбор, на что спускать money только за тобой, потому что у нас он просто огромен
            </div>
        </div>
        <div class="bank_tabs">
            <div class="bank_tab">
                <input type="radio" id="bank_tab1" name="tab-group" checked>
                <label for="bank_tab1" class="bank_tab-title">игровое</label>
                <section class="bank_tab-content">
                    <div class="bank_span">
                        <span class="activity_span">активность</span>
                        <span class="sum_span">сумма</span>
                    </div>
                    <div class="bank_lots">
                        <div class="blot">
                            <p>написать заявку на нужного/хочу видеть</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке из "хочу видеть"</p> <b>50 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке нужного</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>привести друга</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>первые 100 сообщений</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>каждыe</p> <b>100 солдов</b>
                        </div>
                        <div class="blot">
                            <p>написать заявку на нужного/хочу видеть</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке из "хочу видеть"</p> <b>50 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке нужного</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>привести друга</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>первые 100 сообщений</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>каждыe</p> <b>100 солдов</b>
                        </div>
                    </div>
                </section>
            </div>
            <div class="bank_tab">
                <input type="radio" id="bank_tab2" name="tab-group">
                <label for="bank_tab2" class="bank_tab-title">неигровое</label>
                <section class="bank_tab-content">
                    <div class="bank_span">
                        <span class="activity_span">активность</span>
                        <span class="sum_span">сумма</span>
                    </div>
                    <div class="bank_lots">
                        <div class="blot">
                            <p>написать заявку на нужного/хочу видеть</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке из "хочу видеть"</p> <b>50 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке нужного</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>привести друга</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>первые 100 сообщений</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>каждыe</p> <b>100 солдов</b>
                        </div>
                        <div class="blot">
                            <p>написать заявку на нужного/хочу видеть</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке из "хочу видеть"</p> <b>50 солдов</b>
                        </div>
                        <div class="blot">
                            <p>зарегистрироваться по заявке нужного</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>привести друга</p> <b>200 солдов</b>
                        </div>
                        <div class="blot">
                            <p>первые 100 сообщений</p> <b>150 солдов</b>
                        </div>
                        <div class="blot">
                            <p>каждыe</p> <b>100 солдов</b>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>[/html]

0

5

[html]<div class="shop addition">
    <div class="inner">
        <div class="shop_descr">
            <span>магазин</span>
            <div class="shop_text">
                успел заработать солдов? думается нам, пришло время их потратить!в нашем магазине ты можешь приобрести все, что угодно, начиная графикой от амс (мы можем оформить твой профиль полностью за копеечку) и покупкой твинка и заканчивая иммунитетом от чистки. заманчиво? конечно же, да. плюсом является и то, что купить ты можешь не только то, что видишь: у тебя полный карт бланш на то, чтобы сделать индивидуальные заказы ♥
            </div>
        </div>
        <div class="shop_tabs">
            <div class="shop_tab">
                <input type="radio" id="shop_tab1" name="tab-group" checked>
                <label for="shop_tab1" class="shop_tab-title">Прайс</label>
                <section class="shop_tab-content shop_bank">
                    <div class="shop_span">
                        <span class="service_span">услуга</span>
                        <span class="price_span">стоимость</span>
                    </div>
                    <div class="shop_lots">
                        <div class="slot">
                            <p>выкуп внешности для заявки (1-14 дней)</p> <b>200 (один день) солдов</b>
                        </div>
                        <div class="slot">
                            <p>реклама с нужным (1-14)</p> <b>250 (один день) солдов</b>
                        </div>
                        <div class="slot">
                            <p>твинк (начиная с первого)</p> <b>2000 солдов</b>
                        </div>
                        <div class="slot">
                            <p>плашка из каталога</p> <b>3500 солдов</b>
                        </div>
                        <div class="slot">
                            <p>индивидуальная плашка</p> <b>300 солдов</b>
                        </div>
                        <div class="slot">
                            <p>статичная иконка</p> <b>300 солдов</b>
                        </div>
                        <div class="slot">
                            <p>каждый следующие 100</p> <b>100 солдов</b>
                        </div>
                        <div class="slot">
                            <p>каждый следующие 100</p> <b>100 солдов</b>
                        </div>
                        <div class="slot">
                            <p>каждый следующие 100</p> <b>100 солдов</b>
                        </div>
                        <div class="slot">
                            <p>каждый следующие 100</p> <b>100 солдов</b>
                        </div>
                        <div class="slot">
                            <p>каждый следующие 100</p> <b>100 солдов</b>
                        </div>
                        <div class="slot">
                            <p>каждый следующие 100</p> <b>100 солдов</b>
                        </div>
                    </div>
                </section>
            </div>
            <div class="shop_tab">
                <input type="radio" id="shop_tab2" name="tab-group">
                <label for="shop_tab2" class="shop_tab-title">Иконки</label>
                <section class="shop_tab-content">
                    <div class="shop_icons">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                        <img src="https://forumstatic.ru/files/0010/ed/c4/90498.png" alt="">
                    </div>
                </section>
            </div>
            <div class="shop_tab">
                <input type="radio" id="shop_tab3" name="tab-group">
                <label for="shop_tab3" class="shop_tab-title">Плашки</label>
                <section class="shop_tab-content">
                    <div class="shop_planks">
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                        <a class="plank"><span>I will keep away the storm</span><p>I won't make your tears roll to the shore</p><img src="https://forumstatic.ru/files/0010/ed/c4/95190.png"></a>
                    </div>
                </section>
            </div>
            <div class="shop_tab">
                <input type="radio" id="shop_tab4" name="tab-group">
                <label for="shop_tab4" class="shop_tab-title">Хедеры</label>
                <section class="shop_tab-content">
                    <div class="shop_heders">
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                        <div class="heder"><img src="https://forumstatic.ru/files/0010/ed/c4/85903.png"></div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>[/html]

0

6

[html]<div class="activities addition">
    <div class="inner">
        <div class="activities_descr">
            <span>название активности длинное или не очень</span>
            <div class="activities_text">
                короткое описание активности/вступительные слова, размышления на тему и тд и тп короткое описание
                активности/вступительные слова, размышления на тему и тд и тп короткое описание
                активности/вступительные слова, размышления на тему и тд и тп короткое описание
                активности/вступительные слова, размышления на тему и тд и тп короткое описание
                активности/вступительные слова, размышления на тему и тд и тп
            </div>
        </div>
        <div class="activities_block">
            <p>проходите по ссылке и <a href="">открывайте сайт</a>, на котором можно сыграть в крестики-нолики вдвоем.
            </p>
            <br>
            <p><b>игра совсем плевая, но есть условия:</b></p>
            <ul>
                <li> 1. играть в игру необходимо строго вдвоем, с другим пользователем форума;</li>
                <li>2. имена в игре должны соответствовать именам профилей, с которых вы ведете игру;</li>
                <li>3. можно играть с разными пользователями, главное, чтобы пары не повторялись;</li>
                <li> 4. можно играть со всех твинков с кем угодно, кроме самих себя;</li>
            </ul>
            <br>
            <p><b>правила игры:</b></p>
            <ul>
                <li>1. играем пять раз - кто выиграл больше партий, тот и победил;</li>
                <li>2. победивший получает 100 солдов, проигравший - 50 солдов;</li>
                <li>3. в качестве подтверждения отправляйте ссылку на профиль соигрока и скриншот со статистикой побед;</li>
                <li>4. только один из игроков отписывается в этой теме, за одну и ту же партию отписываться обоим игрокам не нужно; </li>
            </ul>
        </div>
    </div>
</div>[/html]

0

7

[html]<div class="wannasee addition">
    <div class="inner">
        <div class="wannasee_descr">
            <span>хочу видеть</span>
            <div class="wannasee_text">описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, ну типа чтобы просто была красивая эстетичная шапочка</div>
        </div>
    </div>
</div>[/html]

0

8

[html]<div class="attent addition">
    <div class="inner">
        <div class="attent_descr">
            <span>! attention !</span>
            <div class="attent_text">описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, это же типа важные новости, а не дословный пересказ войны и мира, но вообще конечно как хотите особенно учитывая что в идеале блок реально сделать настраиваемым по высоте а не с прокруткой</div>
        </div>
    </div>
</div>[/html]

0

9

[html]<div class="inst instachat">
    <div class="instachat_inner">
        <div class="instachat_header">
            <div class="instachat_info">
                <span class="instachat_nick">
                    @woowoofox
                </span>
                <span class="instachat_status">
                    what does the fox say
                </span>
                <span class="instachat_online">
                    online
                </span>
            </div>
            <div class="instachat_av">
                <img src="https://forumstatic.ru/files/0010/ed/c4/92786.png" alt="">
            </div>
        </div>
        <div class="instachat_main">
            <div class="instachat_content">
                <div class="inst_my">
                    но то что нас не убивает нас не убивает вроде бы
                </div>
                <div class="inst_my">
                    ну и что
                </div>
                <div class="inst_my">
                    ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
                </div>
                <div class="inst_my instachat_img">
                    <img src="https://forumstatic.ru/files/0010/ed/c4/64683.png" alt="">
                </div>
                <span class="inst_time">
                    02:02 pm
                </span>
            </div>
            <div class="instachat_post"></div>
        </div>
    </div>
</div>[/html]

0

10

[html]<div class="instamain">
    <div class="instamain_inner">
        <div class="instamain_header">
            <div class="instamain_pic">
                <img src="https://forumstatic.ru/files/0010/ed/c4/92786.png" alt="">
            </div>
            <div class="instamain_info">
                <span class="instamain_name">Jung Wooyoung</span>
                <span class="instamain_nick">@woowoofox</span>
                <span class="instamain_status">shit happens</span>
                <div class="instamain_stats">
                    <div class="instamain_subscribers">
                        2,245
                        <span>subscribes</span>
                    </div>
                    <div class="instamain_likes">
                        10,4243
                        <span>likes</span>
                    </div>
                    <div class="instamain_posts">
                        103
                        <span>posts</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="instamain_main">
            <img class="small_pic small_pic1" src="https://forumstatic.ru/files/0010/ed/c4/56228.png" alt="">
            <img class="small_pic small_pic2" src="https://forumstatic.ru/files/0010/ed/c4/75477.png" alt="">
            <img class="small_pic small_pic3" src="https://forumstatic.ru/files/0010/ed/c4/28455.png" alt="">
            <img class="big_pic" src="https://forumstatic.ru/files/0010/ed/c4/64683.png" alt="">
            <img class="small_pic small_pic4" src="https://forumstatic.ru/files/0010/ed/c4/10440.png" alt="">
            <img class="small_pic small_pic5" src="https://forumstatic.ru/files/0010/ed/c4/98931.png" alt="">
        </div>
    </div>
</div>[/html]

0

11

[html]<div class="instapost">
    <div class="instapost_inner">
        <div class="instapost_header">
            <div class="instapost_av"><img src="https://forumstatic.ru/files/0010/ed/c4/92786.png" alt=""></div>
            <div class="instapost_info">
                <span class="instapost_time">01:25 pm</span>
                <span class="instapost_date">10 oct ‘23</span>
                <span class="instapost_place">Seoul</span>
            </div>
        </div>
        <div class="instapost_post">
            <div class="instapost_pic"><img src="https://forumstatic.ru/files/0010/ed/c4/32287.png" alt=""></div>
            <div class="instapost_details">
                <div class="instapost_icons">
                    <img src="https://forumstatic.ru/files/0010/ed/c4/21032.svg" alt="">
                    <img src="https://forumstatic.ru/files/0010/ed/c4/22172.svg" alt="">
                    <img src="https://forumstatic.ru/files/0010/ed/c4/65956.svg" alt="">
                </div>
                <div class="instapost_descr">
                    <b>и куда чаще, чем всем нам может показаться 🔪</b>
                    <p>но то что нас не убивает нас не убивает но то что нас не убивает нас не убивает но то что нас не убивает нас не убивает но то что нас не убивает нас не убивает но то что нас не убивает нас не убивает </p>
                </div>
                <div class="instapost_comm">
                    <span>20,256 comm</span>
                    <span>View all comments</span>
                </div>
            </div>
        </div>
    </div>
</div>[/html]

0

12

[html]<div class="ft addition">
    <div class="ft_inner">
        <div class="ft_descr">
            <span class="ft_span">гадание на картах</span>
            <div class="ft_text">описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, ну типа чтобы просто была красивая эстетичная шапочка</div>
        </div>
        <div class="ft_rules">
            <p>описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, ну типа чтобы просто была красивая эстетичная шапочка</p>
            <p>описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, ну типа чтобы просто была красивая эстетичная шапочка высота этого блока настраивается на верстке</p>
        </div>
        <div class="ft_tabs">
            <div class="ft_tab">
                <input type="radio" id="ft_tab1" name="tab-group" checked>
                <label for="ft_tab1" class="ft_tab-title"><span>&hearts;</span></label>
                <section class="ft_tab-content">
                    <div class="ft_cards">
                        <div class="ft_cards_inner">
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="ft_tab">
                <input type="radio" id="ft_tab2" name="tab-group">
                <label for="ft_tab2" class="ft_tab-title"><span>&diams;</span></label>
                <section class="ft_tab-content">
                    <div class="ft_cards">
                        <div class="ft_cards_inner">
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="ft_tab">
                <input type="radio" id="ft_tab3" name="tab-group">
                <label for="ft_tab3" class="ft_tab-title"><span>&clubs;</span></label>
                <section class="ft_tab-content">
                    <div class="ft_cards">
                        <div class="ft_cards_inner">
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="ft_tab">
                <input type="radio" id="ft_tab4" name="tab-group">
                <label for="ft_tab4" class="ft_tab-title"><span>&spades;</span></label>
                <section class="ft_tab-content">
                    <div class="ft_cards">
                        <div class="ft_cards_inner">
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                            <div class="ft_card">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/76544.png" alt="">
                                <div class="ft_card_descr">
                                    <span>название карты</span>
                                    <p>условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                        условия условия условия условия условия условия
                                    </p>
                                    <div class="ft_card_prize"><b>приз</b> • лялялялялялялял</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>[/html]

0

13

[html]<div class="ft addition">
    <div class="ft_inner">
        <div class="ft_descr">
            <span class="ft_span">гадание на картах</span>
            <div class="ft_text">описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, ну типа чтобы просто была красивая эстетичная шапочка</div>
        </div>
        <div class="ft_rules">
            <p>описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, ну типа чтобы просто была красивая эстетичная шапочка</p>
            <p>описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не короткое, ну типа чтобы просто была красивая эстетичная шапочка высота этого блока настраивается на верстке</p>
        </div>
        <div class="ft_tabs">
            <div class="ft_tab">
                <input type="radio" id="ft_tab1" name="tab-group" checked>
                <label for="ft_tab1" class="ft_tab-title">один</label>
                <section class="ft_tab-content">
                    <div class="ft_achieves">
                        <div class="ft_achieves_inner">
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="ft_tab">
                <input type="radio" id="ft_tab2" name="tab-group">
                <label for="ft_tab2" class="ft_tab-title">два</label>
                <section class="ft_tab-content">
                    <div class="ft_achieves">
                        <div class="ft_achieves_inner">
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="ft_tab">
                <input type="radio" id="ft_tab3" name="tab-group">
                <label for="ft_tab3" class="ft_tab-title">три</label>
                <section class="ft_tab-content">
                    <div class="ft_achieves">
                        <div class="ft_achieves_inner">
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="ft_tab">
                <input type="radio" id="ft_tab4" name="tab-group">
                <label for="ft_tab4" class="ft_tab-title">четыре</label>
                <section class="ft_tab-content">
                    <div class="ft_achieves">
                        <div class="ft_achieves_inner">
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                            <div class="ft_achieve">
                                <img src="https://forumstatic.ru/files/0010/ed/c4/73104.png" alt="">
                                <div class="ft_achieve_descr">
                                    <span>название ачивки</span>
                                    <p>где и за что была выдана или там</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>[/html]

0

14

[html]<div class="daily addition">
    <div class="daily_inner">
        <div class="daily_descr">
            <span class="daily_span">забери оформление</span>
            <div class="daily_text">описание с настраиваемым по высоте текста окошком, не шибко длинное, но и не
                короткое, ну типа чтобы просто была красивая эстетичная шапочка</div>
        </div>
    </div>
    <div class="daily_tabs">
        <div class="daily_tab">
            <input type="radio" id="daily_tab1" name="tab-group" checked>
            <label for="daily_tab1" class="daily_tab-title">1-7</label>
            <section class="daily_tab-content">
                <div class="daily_days">
                    <div class="days_inner">
                        <span class="day_active">1</span>
                        <span>2</span>
                        <span>4</span>
                        <span>5</span>
                        <span>6</span>
                        <span>11</span>
                        <span>28</span>
                    </div>
                </div>
                <div class="daily_profile">
                    <div class="post-author">
                        <ul>
                            <li class="pa-author"><a>Creator</a></li>
                            <li class="pa-fld4">
                                <div class="heder">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/85903.png">
                                </div>
                            </li>
                            <li class="pa-title">Наше дело не так однозначно, как может показаться</li>
                            <li class="pa-avatar item2"><img
                                    src="https://forumavatars.ru/img/avatars/0010/ed/c4/2-1682362369.png" alt="Creator"
                                    title="Creator"></li>
                            <li class="pa-fld1">
                                <div class="lz"><a href="https://arcana.rolbb.me/pages/personal_page">Джейден Лоу</a>
                                </div>
                            </li>
                            <li class="pa-fld2">
                                <a id="jaden" class="modal-link plank" href="#" data-reveal-id="character">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/95190.png">
                                </a>
                            </li>
                            <li class="pa-fld3"><img src="https://forumstatic.ru/files/0010/ed/c4/90498.png"></li>
                            <li class="pa-posts"><span class="fld-name">Сообщений:<br></span> 35</li>
                            <li class="pa-fld5"><span class="fld-name">валюта 1:</span><br>1500</li>
                            <li class="pa-fld6"><span class="fld-name">валюта 2:</span><br>1500</li>
                            <li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2"
                                        rel="nofollow">Репутация</a>:<br></span> <span>+3</span></li>
                        </ul>
                    </div>
                </div>
                <div class="daily_awards">
                    <div class="daily_awards_inner">
                        <div class="daily_award">
                            <div class="day_award">1</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">2</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">3</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">4</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">5</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">6</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">7</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="daily_tab">
            <input type="radio" id="daily_tab2" name="tab-group">
            <label for="daily_tab2" class="daily_tab-title">8-14</label>
            <section class="daily_tab-content">
                <div class="daily_days">
                    <div class="days_inner">
                        <span class="day_active">1</span>
                        <span>2</span>
                        <span>4</span>
                        <span>5</span>
                        <span>6</span>
                        <span>11</span>
                        <span>28</span>
                    </div>
                </div>
                <div class="daily_profile">
                    <div class="post-author">
                        <ul>
                            <li class="pa-author"><a>Creator</a></li>
                            <li class="pa-fld4">
                                <div class="heder">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/85903.png">
                                </div>
                            </li>
                            <li class="pa-title">Наше дело не так однозначно, как может показаться</li>
                            <li class="pa-avatar item2"><img
                                    src="https://forumavatars.ru/img/avatars/0010/ed/c4/2-1682362369.png" alt="Creator"
                                    title="Creator"></li>
                            <li class="pa-fld1">
                                <div class="lz"><a href="https://arcana.rolbb.me/pages/personal_page">Джейден Лоу</a>
                                </div>
                            </li>
                            <li class="pa-fld2">
                                <a id="jaden" class="modal-link plank" href="#" data-reveal-id="character">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/95190.png">
                                </a>
                            </li>
                            <li class="pa-fld3"><img src="https://forumstatic.ru/files/0010/ed/c4/90498.png"></li>
                            <li class="pa-posts"><span class="fld-name">Сообщений:<br></span> 35</li>
                            <li class="pa-fld5"><span class="fld-name">валюта 1:</span><br>1500</li>
                            <li class="pa-fld6"><span class="fld-name">валюта 2:</span><br>1500</li>
                            <li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2"
                                        rel="nofollow">Репутация</a>:<br></span> <span>+3</span></li>
                        </ul>
                    </div>
                </div>
                <div class="daily_awards">
                    <div class="daily_awards_inner">
                        <div class="daily_award">
                            <div class="day_award">1</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">2</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">3</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">4</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">5</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">6</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">7</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="daily_tab">
            <input type="radio" id="daily_tab3" name="tab-group">
            <label for="daily_tab3" class="daily_tab-title">15-21</label>
            <section class="daily_tab-content">
                <div class="daily_days">
                    <div class="days_inner">
                        <span class="day_active">1</span>
                        <span>2</span>
                        <span>4</span>
                        <span>5</span>
                        <span>6</span>
                        <span>11</span>
                        <span>28</span>
                    </div>
                </div>
                <div class="daily_profile">
                    <div class="post-author">
                        <ul>
                            <li class="pa-author"><a>Creator</a></li>
                            <li class="pa-fld4">
                                <div class="heder">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/85903.png">
                                </div>
                            </li>
                            <li class="pa-title">Наше дело не так однозначно, как может показаться</li>
                            <li class="pa-avatar item2"><img
                                    src="https://forumavatars.ru/img/avatars/0010/ed/c4/2-1682362369.png" alt="Creator"
                                    title="Creator"></li>
                            <li class="pa-fld1">
                                <div class="lz"><a href="https://arcana.rolbb.me/pages/personal_page">Джейден Лоу</a>
                                </div>
                            </li>
                            <li class="pa-fld2">
                                <a id="jaden" class="modal-link plank" href="#" data-reveal-id="character">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/95190.png">
                                </a>
                            </li>
                            <li class="pa-fld3"><img src="https://forumstatic.ru/files/0010/ed/c4/90498.png"></li>
                            <li class="pa-posts"><span class="fld-name">Сообщений:<br></span> 35</li>
                            <li class="pa-fld5"><span class="fld-name">валюта 1:</span><br>1500</li>
                            <li class="pa-fld6"><span class="fld-name">валюта 2:</span><br>1500</li>
                            <li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2"
                                        rel="nofollow">Репутация</a>:<br></span> <span>+3</span></li>
                        </ul>
                    </div>
                </div>
                <div class="daily_awards">
                    <div class="daily_awards_inner">
                        <div class="daily_award">
                            <div class="day_award">1</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">2</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">3</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">4</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">5</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">6</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">7</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="daily_tab">
            <input type="radio" id="daily_tab4" name="tab-group">
            <label for="daily_tab4" class="daily_tab-title">22-28</label>
            <section class="daily_tab-content">
                <div class="daily_days">
                    <div class="days_inner">
                        <span class="day_active">1</span>
                        <span>2</span>
                        <span>4</span>
                        <span>5</span>
                        <span>6</span>
                        <span>11</span>
                        <span>28</span>
                    </div>
                </div>
                <div class="daily_profile">
                    <div class="post-author">
                        <ul>
                            <li class="pa-author"><a>Creator</a></li>
                            <li class="pa-fld4">
                                <div class="heder">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/85903.png">
                                </div>
                            </li>
                            <li class="pa-title">Наше дело не так однозначно, как может показаться</li>
                            <li class="pa-avatar item2"><img
                                    src="https://forumavatars.ru/img/avatars/0010/ed/c4/2-1682362369.png" alt="Creator"
                                    title="Creator"></li>
                            <li class="pa-fld1">
                                <div class="lz"><a href="https://arcana.rolbb.me/pages/personal_page">Джейден Лоу</a>
                                </div>
                            </li>
                            <li class="pa-fld2">
                                <a id="jaden" class="modal-link plank" href="#" data-reveal-id="character">
                                    <img src="https://forumstatic.ru/files/0010/ed/c4/95190.png">
                                </a>
                            </li>
                            <li class="pa-fld3"><img src="https://forumstatic.ru/files/0010/ed/c4/90498.png"></li>
                            <li class="pa-posts"><span class="fld-name">Сообщений:<br></span> 35</li>
                            <li class="pa-fld5"><span class="fld-name">валюта 1:</span><br>1500</li>
                            <li class="pa-fld6"><span class="fld-name">валюта 2:</span><br>1500</li>
                            <li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2"
                                        rel="nofollow">Репутация</a>:<br></span> <span>+3</span></li>
                        </ul>
                    </div>
                </div>
                <div class="daily_awards">
                    <div class="daily_awards_inner">
                        <div class="daily_award">
                            <div class="day_award">1</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">2</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">3</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">4</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">5</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">6</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                        <div class="daily_award">
                            <div class="day_award">7</div>
                            <div class="day_descr">где и за что была выдана или там
                                где и за что была выдана или там
                                где и за что была выдана или там</div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>[/html]

0


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


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