Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur adipisicing elit. A, consequuntur?
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur adipisicing elit. A, consequuntur?
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur adipisicing elit. A, consequuntur?
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur adipisicing elit. A, consequuntur?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat ipsa aliquid dolores distinctio sint unde deserunt exercitationem expedita eligendi voluptates.Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat ipsa aliquid dolores distinctio sint unde deserunt exercitationem expedita eligendi voluptates.
jungkook lalisa minho hyunjin jennie taehyung

funky

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

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


Вы здесь » funky » drop some money » memories


memories

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

1

[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

[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

[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

[status]test[/status]

0


Вы здесь » funky » drop some money » memories


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