шаблон соцсети

Поделиться12024-03-13 23:36:17

Автор: dein echo
кристофер чан, 23
Администратор
Сообщений: 98
валюта:
99999
Уважение: +2
остаюсь там где улыбается мое сердце

[html]

<div id="instagram">
<div class="insta_header">
<div class="insta_avatar"><img src="http://placehold.it/100x100" /></div>
<div class="insta_info">
<span class="insta_nickname">nickname</span>
<div class="insta_stats">
<span><strong>0</strong>публикаций</span>
<span><strong>0</strong>подписчиков</span>
<span><strong>0</strong>подписок</span>
</div>
<div class="insta_about">
<strong>Имя Фамилия</strong><br/>
Любой текст<br/>
Можно с переносом строки<br/>
Сколько угодно строк<br/>
</div>
</div>
</div>

<div class="insta_tabs">
<div class="insta_tab"><img src="https://forumstatic.ru/files/001c/10/db/97304.svg">ПУБЛИКАЦИИ</div>
<div class="insta_tab"><img src="https://forumstatic.ru/files/001c/10/db/56570.svg">REELS</div>
<div class="insta_tab"><img src="https://forumstatic.ru/files/001c/10/db/56540.svg">ВИДЕО</div>
<div class="insta_tab"><img src="https://forumstatic.ru/files/001c/10/db/99398.svg">ОТМЕТКИ</div>
</div>

[/html]

шаблон профиля

Код:

[html]

<div id="instagram"><div class="insta_header">


        <div class="insta_avatar"><img src="ССЫЛКА НА АВАТАР" /></div>


        <div class="insta_info">


            <span class="insta_nickname">@НИКНЕЙМ_ЛАТИНИЦЕЙ</span>



            <div class="insta_stats">
                <span><strong>0</strong>публикаций</span>
                <span><strong>0</strong>подписчиков</span>
                <span><strong>0</strong>подписок</span>
            </div>




            <div class="insta_about">
                <strong>Имя Фамилия</strong><br/>
                Любой текст<br/>
                Можно с переносом строки<br/>
                В идеале на 3 строки<br/>
            </div>
        </div>
    </div>
        


           <div class="insta_tabs">
            <div class="insta_tab"><img src="/files/001b/95/a1/97304.svg">ПУБЛИКАЦИИ</div>
            <div class="insta_tab"><img src="/files/001b/95/a1/56570.svg">REELS</div>
            <div class="insta_tab"><img src="/files/001b/95/a1/56540.svg">ВИДЕО</div>
            <div class="insta_tab"><img src="/files/001b/95/a1/99398.svg">ОТМЕТКИ</div>
        </div>


        
        <div class="insta_layout">


            
            <div class="insta_post">
                <img src="ССЫЛКА НА ФОТО 1" />
            </div>

 <div class="insta_post">
                <img src="ССЫЛКА НА ФОТО 2" />
            </div>

 <div class="insta_post">
                <img src="ССЫЛКА НА ФОТО 3" />
            </div>

 <div class="insta_post">
                <img src="ССЫЛКА НА ФОТО 4" />
            </div>

 <div class="insta_post">
                <img src="ССЫЛКА НА ФОТО 5" />
            </div>

 <div class="insta_post">
                <img src="ССЫЛКА НА ФОТО 6" />
            </div>
            
        </div>
</div>


[/html]

Подпись автора: ну короче туц туц туц

0

Поделиться22024-03-14 00:03:29

Автор: dein echo
кристофер чан, 23
Администратор
Сообщений: 98
валюта:
99999
Уважение: +2
остаюсь там где улыбается мое сердце

не актуально

[html]<div id="insta_single">
<div class="insta_single_header">
<div class="insta_single_avatar">
<img src="/files/001b/95/a1/33822.jpg" />
</div>
<div class="insta_single_nickname">
nickname
</div>
<div class="insta_single_options"></div>
</div>

<div class="insta_single_photo">
<img src="http://placehold.it/437x437" />
</div>

<div class="insta_single_buttons">
<div class="insta_single_icons">
<div class="insta_single_like"></div>
<div class="insta_single_comment"></div>
<div class="insta_single_share"></div>
</div>
<div class="insta_single_bookmark"></div>
</div>

<div class="insta_single_liked">
<img src="https://i.gyazo.com/692780a9aaf36f1b2e266760fb279ba1.png" />Нравится <strong>city_of_angels</strong> и <strong>другим</strong>
</div>

<div class="insta_single_description">
<strong>nickname</strong> Комментарий к публикации
</div>

<div class="insta_single_date">
ДАТА
</div>

</div>[/html]
шаблон поста соцсети
Код:
[html]<div id="insta_single"><div class="insta_single_header">


        <div class="insta_single_avatar">

            <img src="ССЫЛКА НА АВАТАР" />

        </div>


        <div class="insta_single_nickname">

            ВАШ_НИК

        </div>


        <div class="insta_single_options"></div>
    </div>



    
    <div class="insta_single_photo">

        <img src="ССЫЛКА НА ВЫКЛАДЫВАЕМОЕ ФОТО" />

    </div>
    
 
    

 <div class="insta_single_buttons">
        <div class="insta_single_icons">
            <div class="insta_single_like"></div>
            <div class="insta_single_comment"></div>
            <div class="insta_single_share"></div>
        </div>
        <div class="insta_single_bookmark"></div>
    </div>


    
    <div class="insta_single_liked">

        <img src="ССЫЛКА НА АВАТАР ТОГО КОМУ ПОНРАВИЛОСЬ ФОТО" />Нравится <strong>НИКНЕЙМ_ТОГО_КТО_ЛАЙКНУЛ</strong> и <strong>другим</strong>

    </div>




    <div class="insta_single_description">

          <strong>ВАШ_НИКНЕЙМ</strong> комментарий к публикации

    </div>


    
    <div class="insta_single_date">
       ДАТА ПУБЛИКАЦИИ
    </div>
    
  
    
    
</div>[/html]

Подпись автора: ну короче туц туц туц

0

Поделиться32024-03-15 23:47:29

Автор: пэрсик
имя фамилия, 00 23
Администратор
Сообщений: 15
валюта:
100
Уважение: +5
будь как море поволнуйся и успокойся

[html]<div id="insta_single">
<div class="insta_single_header">
<div class="insta_single_avatar">
<img src="/files/001b/95/a1/33822.jpg" />
</div>
<div class="insta_single_nickname">
nickname
</div>
<div class="insta_single_options"></div>
</div>

<div class="insta_single_photo">
<img src="http://placehold.it/315x315" />
</div>

<div class="insta_single_buttons">
<div class="insta_single_icons">
<div class="insta_single_like"></div>
<div class="insta_single_comment"></div>
<div class="insta_single_share"></div>
</div>
<div class="insta_single_bookmark"></div>
</div>

<div class="insta_single_description">
<strong>nickname</strong> Комментарий к публикации
</div>

<div class="insta_single_date">
ДАТА
</div>

</div>[/html]

шаблон поста соцсети

Код:

[html]<div id="insta_single"><div class="insta_single_header">


        <div class="insta_single_avatar">

            <img src="ССЫЛКА НА АВАТАР" />

        </div>


        <div class="insta_single_nickname">

            ВАШ_НИК

        </div>


        <div class="insta_single_options"></div>
    </div>



    
    <div class="insta_single_photo">

        <img src="ССЫЛКА НА ВЫКЛАДЫВАЕМОЕ ФОТО" />

    </div>
    
 
    

 <div class="insta_single_buttons">
        <div class="insta_single_icons">
            <div class="insta_single_like"></div>
            <div class="insta_single_comment"></div>
            <div class="insta_single_share"></div>
        </div>
        <div class="insta_single_bookmark"></div>
    </div>


   

    <div class="insta_single_description">

          <strong>ВАШ_НИКНЕЙМ</strong> комментарий к публикации

    </div>


    
    <div class="insta_single_date">
       ДАТА ПУБЛИКАЦИИ
    </div>
    
  
    
    
</div>[/html]

+1