i got that rizz

Объявление

Введите здесь ваше объявление.

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

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

Вы здесь » i got that rizz » drop some money » memories

memories

Страница: 1

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

1

  • Автор: Lee Minho
  • Lorem ipsum, dolor sit amet consectetur adipisicin
  • Lee Minho
  • лалиса манобан, 22Lorem ipsum dolor sit, lorem consectetur adipisicing elit. Minima, ratione?
  • Сообщений: 1252
  • Уважение: +138
  • В кармане::
    150

[html] <link rel="stylesheet" href="https://forumstatic.ru/files/0019/9e/ef/63684.css?v=4"><div class="wrapper hide">
        <div class="meminst_template">
            <label for="meminsta_avatar">Ссылка на аватар</label><input type="text" name="meminsta_avatar"
                id="meminsta_avatar">
            <label for="meminsta_username">Ник</label><input type="text" name="meminsta_username"
                id="meminsta_username">

            <div id="meminst_warning"></div>
        </div>

        <div class="meminsta_wrp">
            <center>
                <label for="meminsta_location">Локация</label><input type="text" name="meminsta_location"
                    id="meminsta_location">
                <label for="meminsta_photo">Ссылка на фото</label><input type="text" name="meminsta_photo"
                    id="meminsta_photo">
                <label for="meminsta_description">Описание</label><input type="text" name="meminsta_description"
                    id="meminsta_description">

                <div class="meminsta">
                    <mphoto>
                        <img src="https://placehold.co/425">
                    </mphoto>
                    <mavatar>
                        <img src="https://placehold.co/50">
                    </mavatar>
                    <mnick>

                        ваш ник

                    </mnick>
                    <mlocation>

                        локация

                    </mlocation>
                    <memtex>

                        описание фото

                    </memtex>
                    <m></m>
                </div>
                <a href="javascript:void(0);" onclick="memory_salary();" class="memory_button">жмакни, чтоб в форме
                    ответа
                    появился шаблон</a>
            </center>
        </div>
        <!--  -->
        <div class="memreels_wrp">
            <center>
                <label for="memreels_photo">Ссылка на фото</label><input type="text" name="memreels_photo"
                    id="memreels_photo">
                <label for="memreels_description">Описание</label><input type="text" name="memreels_description"
                    id="memreels_description">
                <div class="memreels">
                    <mrphoto>
                        <img src="https://placehold.co/385x585">
                    </mrphoto>
                    <mravatar>
                        <img src="https://placehold.co/50">
                    </mravatar>
                    <mrnick>

                        ваш ник

                    </mrnick>
                    <rb></rb>
                    <memrtex>

                        описание фото

                    </memrtex>

                </div>
                <a href="javascript:void(0);" onclick="memory_reels();" class="memory_button">жмакни, чтоб в форме
                    ответа
                    появился шаблон reels</a>
            </center>
        </div>
    </div>[/html]

0

2

  • Автор: Lee Minho
  • Lorem ipsum, dolor sit amet consectetur adipisicin
  • Lee Minho
  • лалиса манобан, 22Lorem ipsum dolor sit, lorem consectetur adipisicing elit. Minima, ratione?
  • Сообщений: 1252
  • Уважение: +138
  • В кармане::
    150

[html]<style>
.wrapper {
    display: grid;
    grid-template-areas: 'template template'
        'insta reels';
    gap: 10px;
    justify-items: center;
    /* следующие 3 свойства надо убрать на форуме */
    /* width: 980px;
    margin: 10px auto;
    overflow: hidden; */
}

.meminst_template {
    grid-area: template;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.meminsta_wrp {
    grid-area: insta;
}

.memreels_wrp {
    grid-area: reels;
}

.meminst_template label {
    margin: 0 5px 0 0;
    font-weight: bold;
}

.meminsta_wrp label {
    font-weight: bold;
    display: block;
}

.meminst_template input[type='text'] {
    margin: 0 15px 0 0;
    width: 200px;
}

.meminsta_wrp input[type='text'] {
    margin: 0 0 15px 0;
    width: 400px;
}

#meminst_warning {
    display: none;
    margin: 5px 0 0;
    font-weight: bold;
    color: darkred;
}
</style>[/html]

0

3

  • Автор: Lee Minho
  • Lorem ipsum, dolor sit amet consectetur adipisicin
  • Lee Minho
  • лалиса манобан, 22Lorem ipsum dolor sit, lorem consectetur adipisicing elit. Minima, ratione?
  • Сообщений: 1252
  • Уважение: +138
  • В кармане::
    150

[html]<script>

$(document).ready(function () {
console.log('script is on')
    mybbAPI.setToken(ForumAPITicket);

    mybbAPI.storageGet('mavatar')
        .then((res) => {
            setAvatarInst(res.storage.data.mavatar);
            $('#meminsta_avatar').val(res.storage.data.mavatar)
        })

    mybbAPI.storageGet('musername')
        .then((res) => {
            setUsernameInst(res.storage.data.musername);
            $('#meminsta_username').val(res.storage.data.musername)
        })

    function setAvatarInst(url) {
        $('mravatar img').attr('src', url);
        $('mavatar img').attr('src', url);
    }
    function setUsernameInst(username) {
        $('mnick').text(username)
        $('mrnick').text(username)
    }

    $('#meminsta_avatar').on('input', function () {
        let url = $('#meminsta_avatar').val().trim();
        if (url.match(/(https?:\/\/.*\.(?:png|jpg|jpeg))/i)) { // тут можно убрать или добавить форматы для авы
            $('#meminst_warning').hide();
            setAvatarInst(url);
            mybbAPI.storageSet("mavatar", url)
                .catch(function (err) {
                    console.error("Что-то пошло не так", err);
                });
        } else {
            $('#meminst_warning').show();
            $('#meminst_warning').text('Неправильная ссылка на изображение');
            setAvatarInst('https://placehold.co/50');
        }
    })

    $('#meminsta_username').on('input', function () {
        let username = $('#meminsta_username').val().trim()
        if (username.length) {
            $('#meminst_warning').hide()
            setUsernameInst(username)
            mybbAPI.storageSet("musername", username)
                .catch(function (err) {
                    console.error("Что-то пошло не так", err)
                });
        } else {
            $('#meminst_warning').show()
            $('#meminst_warning').text('Ник не должен быть пустым')
            setUsernameInst('ваш ник')
        }
    })
});
[/html]

0

Перевести4

  • Автор: Lee Minho
  • Lorem ipsum, dolor sit amet consectetur adipisicin
  • Lee Minho
  • лалиса манобан, 22Lorem ipsum dolor sit, lorem consectetur adipisicing elit. Minima, ratione?
  • Сообщений: 1252
  • Уважение: +138
  • В кармане::
    150

[status]test[/status]

0

Страница: 1

Вы здесь » i got that rizz » drop some money » memories

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