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 » inst


inst

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

1

[html]<div class='insta__container insta__acc'><section class='insta__header insta__acc_menu'><div id='insta__acc_menu-panel'></div>

                    <!-- аватарка, размер любой, желательно не менее 150х150 пикс -->
                    <img src='http://via.placeholder.com/24' class='insta__mini_icon' alt='icon'>

</section><section class='insta__acc_header'><div class='insta__icon-wrap insta__acc_about_icon-wrap'>

                    <!-- аватарка еще раз, размер любой, желательно не менее 150х150 пикс -->
                    <img src='http://via.placeholder.com/150' alt='Фото профиля' class='insta__acc_about_icon'>

</div><div class='insta__acc_about'><span class='insta__acc_about_username'>

                    <!-- юзернейм на англиийском -->
                    username

</span><div id='insta__acc_about_btns'></div><div class='insta__acc_about_stat'><div class='insta__acc_about_stat-item'><span class='insta__acc_about_number'>

                    <!-- количество постов -->
                    00

</span> публикаций</div><div class='insta__acc_about_stat-item'><span class='insta__acc_about_number'>

                    <!-- количество подписчиков -->
                    00

</span> подписчиков</div><div class='insta__acc_about_stat-item'><span class='insta__acc_about_number'>

                    <!-- количество подписок -->
                    00

</span> подписок</div></div><div class='insta__acc_about_name'>

                    <!-- имя -->
                    Name

</div><div class='insta__acc_about_bio'>

                    <!-- описание/биография -->
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum,
                    quis.

                    <!-- ссылка в описании, если нужно, добавляется вот так: -->
                    <a href='ссылка' class='insta__acc_about_link'>Link</a>

</div></div></section><section class='insta__acc_highlights'>

                    <!-- актуальные здесь, можно оставить пустым
                    для добавления нужен следующий код: -->

                    <!-- начало одной коллекции -->

<div class='insta__acc_highlights_item'><div class='insta__acc_highlights_img-wrap'>

                    <!-- обложка -->
                    <img class='insta__acc_highlights_img' src='http://via.placeholder.com/70' alt='Актуальное'>

</div><div class='insta__acc_highlights_text'>

                    <!-- название -->
                    Lorem, ipsum.

</div></div>

                    <!-- конец коллекции -->

</section><section id='insta__acc_tabs'></section><section class='insta__acc_photos'>

                    <!-- фото. размер количество может быть любым, самое оптимальное 3 или 6 -->

                    <img alt='photo' class='insta__acc_photo' src='http://via.placeholder.com/250'>

                    <img alt='photo' class='insta__acc_photo' src='http://via.placeholder.com/250'>

                    <img alt='photo' class='insta__acc_photo' src='http://via.placeholder.com/250'>

                    <img alt='photo' class='insta__acc_photo' src='http://via.placeholder.com/250'>

                    <img alt='photo' class='insta__acc_photo' src='http://via.placeholder.com/250'>

                    <img alt='photo' class='insta__acc_photo' src='http://via.placeholder.com/250'>

                    <!-- конец фото -->

</section></div>[/html]

взять код
Код:
[html]<div class='insta__container insta__acc'><section class='insta__header insta__acc_menu'><div id='insta__acc_menu-panel'></div>


                    <!-- аватарка, размер любой, желательно не менее 150х150 пикс -->
                    <img src='ссылка_на_аватар' class='insta__mini_icon' alt='icon'>


</section><section class='insta__acc_header'><div class='insta__icon-wrap insta__acc_about_icon-wrap'>


                    <!-- аватарка еще раз, размер любой, желательно не менее 150х150 пикс -->
                    <img src='ссылка_на_аватар' alt='Фото профиля' class='insta__acc_about_icon'>


</div><div class='insta__acc_about'><span class='insta__acc_about_username'>


                    <!-- юзернейм на англиийском -->
                    username


</span><div id='insta__acc_about_btns'></div><div class='insta__acc_about_stat'><div class='insta__acc_about_stat-item'><span class='insta__acc_about_number'>


                    <!-- количество постов -->
                    00


</span> публикаций</div><div class='insta__acc_about_stat-item'><span class='insta__acc_about_number'>


                    <!-- количество подписчиков -->
                    00


</span> подписчиков</div><div class='insta__acc_about_stat-item'><span class='insta__acc_about_number'>


                    <!-- количество подписок -->
                    00


</span> подписок</div></div><div class='insta__acc_about_name'>


                    <!-- имя -->
                    текст


</div><div class='insta__acc_about_bio'>


                    <!-- описание/биография -->
                    текст


                    <!-- ссылка в описании, если нужно, добавляется вот так: -->
                    <a href='ссылка' class='insta__acc_about_link'>текст</a>


</div></div></section><section class='insta__acc_highlights'>


                    <!-- актуальные здесь, можно оставить пустым
                    для добавления нужен следующий код: -->


                    <!-- начало одной коллекции -->

<div class='insta__acc_highlights_item'><div class='insta__acc_highlights_img-wrap'>


                    <!-- обложка -->
                    <img class='insta__acc_highlights_img' src='ссылка_на_фото_обложки' alt='Актуальное'>


</div><div class='insta__acc_highlights_text'>


                    <!-- название -->
                    текст

</div></div>

                    <!-- конец коллекции -->



</section><section id='insta__acc_tabs'></section><section class='insta__acc_photos'>


                    <!-- фото. размер и количество может быть любым, самое оптимальное 3 или 6 -->

                    <img alt='photo' class='insta__acc_photo' src='ссылка_на_фото'>

                    <img alt='photo' class='insta__acc_photo' src='ссылка_на_фото'>

                    <img alt='photo' class='insta__acc_photo' src='ссылка_на_фото'>

                    <!-- конец фото -->


</section></div>[/html]
код для добавления актуального
Код:
            <!-- начало одной коллекции -->

<div class='insta__acc_highlights_item'><div class='insta__acc_highlights_img-wrap'>


                    <!-- обложка -->
                    <img class='insta__acc_highlights_img' src='ссылка_на_фото_обложки' alt='Актуальное'>


</div><div class='insta__acc_highlights_text'>


                    <!-- название -->
                    текст

</div></div>

            <!-- конец коллекции -->

0

2

[html]<div class="insta__container insta__post"><section class="insta__header insta__post_header"><div class="insta__icon-wrap insta__post_icon-wrap">

                <!-- аватарка -->
                <img src="http://via.placeholder.com/24" class="insta__mini_icon insta__post_icon" alt="icon">

</div><span class="insta__post_text-bold">

                <!-- юзернейм на англиийском -->
                username

</span></section><section class="insta__post_photos">

            <!-- фото, размер может быть любым, ширина желательно не менее 620 пикс -->
            <img src="http://via.placeholder.com/620x300" class="insta__post_photo" alt="photo">

</section><section class="insta__post_btns"></section><section class="insta__post_comm insta__post_comm_aut"><span class="insta__post_text-bold">

                <!-- количество лайков -->
                00

отметок "Нравится"</span><div class="insta__post_comm_author"><span class="insta__post_text-bold">

                    <!-- юзернейм на англиийском -->
                    username

</span>

                <!-- подпись под фото-->
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate, cumque a explicabo animi maxime,
                porro ad magnam nemo dolores neque tempore quasi qui illo nobis rem omnis saepe. Dicta, deleniti.

                <!-- добавить хэштег: -->
                <span class="insta__hashtag">#hashtag</span>

</div></section><section class="insta__post_footer"></section></div>[/html]

взять код
Код:
[html]<div class="insta__container insta__post"><section class="insta__header insta__post_header"><div class="insta__icon-wrap insta__post_icon-wrap">


                <!-- аватарка -->
                <img src="ссылка_на_аватар" class="insta__mini_icon insta__post_icon" alt="icon">


</div><span class="insta__post_text-bold">


                <!-- юзернейм на английском -->
                username


</span></section><section class="insta__post_photos">


            <!-- фото, размер может быть любым, ширина желательно не менее 620 пикс -->
            <img src="ссылка_на_фото" class="insta__post_photo" alt="photo">


</section><section class="insta__post_btns"></section><section class="insta__post_comm insta__post_comm_aut"><span class="insta__post_text-bold">


                <!-- количество лайков -->
                00


отметок "Нравится"</span><div class="insta__post_comm_author"><span class="insta__post_text-bold">


                    <!-- юзернейм на английском -->
                    username


</span>


                <!-- подпись под фото-->
                текст


                <!-- добавить хэштег: -->
                <span class="insta__hashtag">#хэштег</span>


</div></section><section class="insta__post_footer"></section></div>[/html]

0

3

[html]<div class="insta__container insta__comm"><section class="insta__header insta__comm_header"><div class="insta__icon-wrap insta__post_icon-wrap">

                <!-- аватарка -->
                <img src="http://via.placeholder.com/24" class="insta__mini_icon insta__post_icon" alt="icon">

</div><span class="insta__post_text-bold">

                <!-- юзернейм на англиийском -->
                username

</span></section><section class="insta__comm_comment"><div class="insta__post_comm_author insta__comm_text">

                <!-- текст комментария -->
                Lorem ipsum Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur adipisicing
                elit. Dolore, ut?

                <!-- добавить хэштег: -->
                <span class="insta__hashtag">#hashtag</span>

</div></section></div>[/html]

взять код
Код:
[html]<div class="insta__container insta__comm"><section class="insta__header insta__comm_header"><div class="insta__icon-wrap insta__post_icon-wrap">


                <!-- аватарка -->
                <img src="ссылка_на_аватар" class="insta__mini_icon insta__post_icon" alt="icon">


</div><span class="insta__post_text-bold">


                <!-- юзернейм на английском -->
                username


</span></section><section class="insta__comm_comment"><div class="insta__post_comm_author insta__comm_text">


                <!-- текст комментария -->
                текст


                <!-- добавить хэштег: -->
                <span class="insta__hashtag">#хэштег</span>


</div></section></div>[/html]

0

4

[html]<p class=hide></p>[/html]

вариант с фото:

вариант без фото:

[html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- тут может быть текст, по желанию -->

</section><section class="insta__story_post

                    ЦВЕТ ФОНА
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

                    <!-- фото для истории, размер любой, но самое оптимальное 420x750 -->
                    <img src="http://via.placeholder.com/420x750" alt="story" class="insta__story_photo">

</section></div>[/html]

[html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- тут текст по желанию -->
                    есть несколько вариантов фоновых градиентов: <br> <br>

                    black-grad<br>
                    grey-grad<br>
                    rainbow-grad<br>
                    orange-red-pink-grad<br>
                    purple-blue-grad<br>
                    green-blue-grad<br>
                    red-yellow-grad<br>
                    purple-pink-grad<br> <br>

                    чтобы поменять фон, просто скопируйте нужную строчку и вставьте в код, где написано "ЦВЕТ ФОНА"

</section><section class="insta__story_post

                    ЦВЕТ ФОНА purple-blue-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html]

взять код
Код:
[html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">



                    <!-- аватарка -->
                    <img src="ссылка_на_аватарку" class="insta__story_icons" alt="icon">



<span class="insta__story_username">



                    <!-- юзернейм на англиийском -->
                    username



</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">



                    <!-- тут может быть текст, по желанию -->
                    текст


 </section><section class="insta__story_post



                    ЦВЕТ ФОНА 
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->



                    <!-- фото для истории, размер любой, но самое оптимальное 420x750 -->
                    <img src="ссылка_на_фото" alt="story" class="insta__story_photo">



</section></div>[/html]
взять код
Код:
[html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">



                    <!-- аватарка -->
                    <img src="ссылка_на_аватар" class="insta__story_icons" alt="icon">



<span class="insta__story_username">



                    <!-- юзернейм на англиийском -->
                    username



</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">



                    <!-- текст -->
                    тут может быть любой текст



 </section><section class="insta__story_post 



                    ЦВЕТ ФОНА 
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->



</section></div>[/html]

0

5

варианты фоновых градиентов в сторис в действии

[html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    black-grad

</section><section class="insta__story_post

                    black-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html][html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    grey-grad

</section><section class="insta__story_post

                    ЦВЕТ ФОНА grey-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html][html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    rainbow-grad

</section><section class="insta__story_post

                    ЦВЕТ ФОНА rainbow-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html][html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    orange-red-pink-grad

</section><section class="insta__story_post

                    ЦВЕТ ФОНА orange-red-pink-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html][html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    purple-blue-grad

</section><section class="insta__story_post

                    ЦВЕТ ФОНА purple-blue-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html][html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    green-blue-grad

</section><section class="insta__story_post

                    ЦВЕТ ФОНА green-blue-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html][html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    red-yellow-grad

</section><section class="insta__story_post

                    ЦВЕТ ФОНА red-yellow-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html][html]<div class="insta__story"><section class="insta__story_header"><div class="insta__story_lines"></div><div class="insta__story_user">

                    <!-- аватарка -->
                    <img src="http://via.placeholder.com/30" class="insta__story_icons" alt="icon">

<span class="insta__story_username">

                    <!-- юзернейм на англиийском -->
                    username

</span></div> <div class="insta__story_controls"></div></section><section class="insta__story_reply"></section><section class="insta__story_text">

                    <!-- текст -->
                    purple-pink-grad

</section><section class="insta__story_post

                    ЦВЕТ ФОНА purple-pink-grad
">                <!-- фоновый градиент. можно поставить, если фото полностью не закрывает историю, по умолчанию будет сплошной серый цвет-->

</section></div>[/html]

Отредактировано мистер опасный хлебушек (2022-08-03 22:55:14)

0


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


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