i got that rizz

Объявление

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

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

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

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

inst

Страница: 1

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

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]<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

  • Автор: 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]<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="https://i.pinimg.com/1200x/20/a1/86/20a18613570c722f3502528e05cbd837.jpg" 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

  • Автор: 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]<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

  • Автор: 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]<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="https://i.pinimg.com/736x/32/2d/77/322d7757a769e73c8d1a77aa4d521da1.jpg" 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

  • Автор: 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]<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 18:55:14)

0

Страница: 1

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

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