Инстаграм

Страница: 1

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

Поделиться12022-06-25 21:58:12

Автор: Max Longname Murderer
Администратор
РЕЙГАН ФОСТЕР, 29
ПИРОФАКЕЛИЗМ
военный, коп;
наставник и саблидер боевиков (вирджиния);
are we in the clear yet?
Сообщений: 162
Уважение: +0
2435
237
Последний визит:
2024-10-25 14:11:53

Код:

<!--HTML--><link rel="stylesheet" href="/files/001b/95/a1/11817.css">
<div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://i.imgur.com/rYXxgct.png" /></div>
        <div class="insta_info">
            <span class="insta_nickname">foster.renegay</span>
            <div class="insta_stats">
                <span><strong>5</strong>публикаций</span>
                <span><strong>205</strong>подписчиков</span>
                <span><strong>271</strong>подписок</span>
            </div>
            <div class="insta_about">
                <strong>Рейган Фостер</strong><br/>
                Я и моё пиво и какой я великий<br/>
                Ренегачу в Нортфилде и не только<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="https://i.imgur.com/xkU6hIn.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/TnVVdtx.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/qw270O5.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/E3Blevt.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/662juTx.png" />
            </div>
            
        </div>
</div>

Код:

<!--HTML--><div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://i.imgur.com/rYXxgct.png" /></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>

Цитировать Сообщение 1

Поделиться22022-06-26 15:25:38

Автор: Max Longname Murderer
Администратор
РЕЙГАН ФОСТЕР, 29
ПИРОФАКЕЛИЗМ
военный, коп;
наставник и саблидер боевиков (вирджиния);
are we in the clear yet?
Сообщений: 162
Уважение: +0
2435
237
Последний визит:
2024-10-25 14:11:53

Ш А П К А
● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●
ДВА ВАРИАНТА HTML-ШАБЛОНА ДЛЯ ОФОРМЛЕНИЯ ШАПКИ ВАШЕГО ИНСТАГРАМА
» Название темы должно содержать только ник вашего персонажа в инстаграме;
» В первом сообщении темы должен быть тольно один код на выбор:
Шапка с фото
Как выглядит
Код:
<div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://i.imgur.com/rYXxgct.png" /></div>
        <div class="insta_info">
            <span class="insta_nickname">foster.renegay</span>
            <div class="insta_stats">
                <span><strong>5</strong>публикаций</span>
                <span><strong>205</strong>подписчиков</span>
                <span><strong>271</strong>подписок</span>
            </div>
            <div class="insta_about">
                <strong>Рейган Фостер</strong><br/>
                Я и моё пиво и какой я великий<br/>
                Ренегачу в Нортфилде и не только<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="https://i.imgur.com/xkU6hIn.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/TnVVdtx.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/qw270O5.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/E3Blevt.png" />
            </div>
            
            <div class="insta_post">
                <img src="https://i.imgur.com/662juTx.png" />
            </div>
            
        </div>
</div>
Код:
<div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://forumstatic.ru/files/001b/95/a1/33822.jpg" /></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="/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="https://forumstatic.ru/files/001b/95/a1/85712.jpg" />
            </div>
            
        </div>
</div>
Шапка без фото
Как выглядит
Код:
<div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://i.imgur.com/rYXxgct.png" /></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>
Код:
<div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://forumstatic.ru/files/001b/95/a1/33822.jpg" /></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>
» Вариант с фото нужно пополнять новыми фотографиями вручную;
» Для вашего удобства есть подробная инструкция, как заполнить HTML-код:
Гайд по заполнению
1. Скопировать код шапки на выбор и вставить его в первое сообщение темы с помощью кнопки "HTML-код" ;

2. Вставить ссылку на аватар:
<div class='insta_avatar'><img src='https://i.imgur.com/rYXxgct.png' /></div>
Картинка может быть любого размера и соотношения сторон, но рекомендуется подобрать не слишком большое и тяжёлое изображение, чтобы не тормозило загрузку форума. Во избежание битых ссылок, пожалуйста, заливайте картинки на имгур.

3. Добавить ник персонажа:
<span class='insta_nickname'>nicnkame</span>

4. При желании отредактировать количество публикаций, подписчиков и подписок:
<span><strong>0</strong>публикаций</span>
<span><strong>0</strong>подписчиков</span>
<span><strong>0</strong>подписок</span>

5. При желании добавить любой ваш текст: например, имя, коротко чем занимается персонаж, где находится, хобби и т. д.
<div class='insta_about'>
<strong>Имя Фамилия</strong><br/>
Любой текст<br/>
Можно с переносом строки<br/>
Сколько угодно строк<br/>
</div>
Тег <br/> переносит строку. Тег <strong> выделяет текст полужирным и предназначен только для первой строки с вашем именем. При желании блок можно целиком убрать.

6. Если выбрали код с фото, то ваши новые публикации нужно будет добавлять в этот блок. Ссылку на картинку вставлять сюда:
<div class='insta_layout'>

<div class='insta_post'>
<img src='https://i.imgur.com/xkU6hIn.png' />
</div>

</div>

Чтобы добавить ещё фотку, нужно скопировать целиком эту часть:
<div class='insta_layout'>

<div class='insta_post'>
<img src='https://i.imgur.com/xkU6hIn.png' />
</div>

</div>

И вставить её над кодом предыдущей фотки:
<div class='insta_layout'>

<div class='insta_post'>
<img src='https://i.imgur.com/xkU6hIn.png' />
</div>

<div class='insta_post'>
<img src='https://i.imgur.com/xkU6hIn.png' />
</div>

</div>
Как и в случае с аватаром, изображения могут быть любого размера и соотношения сторон, но не слишком тяжёлыми.

П У Б Л И К А Ц И Я
● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●
ОДИЕ ПОСТ = ОДНА ПУБЛИКАЦИЯ В ИНСТАГРАМ
» Каждую новую публикацию нужно добавлять отдельным постом с помощью кода:
Публикация
Как выглядит
Код:

<div id="insta_single">
    <div class="insta_single_header">
        <div class="insta_single_avatar">
            <img src="https://i.imgur.com/rYXxgct.png" />
        </div>
        <div class="insta_single_nickname">
            foster.renegay
        </div>
        <div class="insta_single_options"></div>
    </div>
    
    <div class="insta_single_photo">
        <img src="https://i.imgur.com/xkU6hIn.png" />
    </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.imgur.com/jemfVkH.png?1" />Нравится <strong>tara.cook1982</strong> и <strong>другим</strong>
    </div>
    
    <div class="insta_single_date">
        5 июня
    </div>
    
    <div class="insta_single_tabbar">
        <div class="tab_home"></div>
        <div class="tab_search"></div>
        <div class="tab_add"></div>
        <div class="tab_likes"></div>
        <div class="tab_profile"><img src="https://i.imgur.com/rYXxgct.png"></div>
    </div>
</div>
Код:
<div id="insta_single">
    <div class="insta_single_header">
        <div class="insta_single_avatar">
            <img src="https://forumstatic.ru/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="https://forumstatic.ru/files/001b/95/a1/85712.jpg" />
    </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.imgur.com/jemfVkH.png?1" />Нравится <strong>tara.cook1982</strong> и <strong>другим</strong>
    </div>
    
    <div class="insta_single_date">
        5 июня
    </div>
    
    <div class="insta_single_tabbar">
        <div class="tab_home"></div>
        <div class="tab_search"></div>
        <div class="tab_add"></div>
        <div class="tab_likes"></div>
        <div class="tab_profile"><img src="https://forumstatic.ru/files/001b/95/a1/33822.jpg"></div>
    </div>
</div>
» Для вашего удобства есть подробная инструкция, как заполнить HTML-код:
Гайд по заполнению
1. Скопировать код и вставить в форму ответа с помощью кнопки "HTML-код"

2. Поменять аватарку вашего персонажа в двух местах:
<div class='insta_single_avatar'>
<img src="https://i.imgur.com/rYXxgct.png" />
</div>
<div class='tab_profile'><img src='https://i.imgur.com/rYXxgct.png'></div>

3. Поменять ник:
<div class='insta_single_nickname'>
nickname
</div>

4. Добавить ссылку на фото публикации:
<div class='insta_single_photo'>
<img src='https://i.imgur.com/xkU6hIn.png' />
</div>

5. Поменять дату:
<div class='insta_single_date'>
5 июня
</div>

6. При большом желании можно поменять аватарку и ник лайкнувшего и указать количество лайков:
<div class='insta_single_liked'>
<img src='https://i.imgur.com/jemfVkH.png?1' />Нравится <strong>tara.cook1982</strong> и <strong>другим</strong>
</div>

Возможная модификация:
<div class=insta_single_liked'>
<img src='https://i.imgur.com/jemfVkH.png?1' />Нравится <strong>lincoln.rindt.4ever</strong> и <strong>ещё 143</strong>
</div>

ЕСЛИ НЕ ПОЛУЧАЕТСЯ ЗАПОЛНИТЬ КОД, НАПИШИТЕ В ЛИЧКУ РЕЙГАНУ

Цитировать Сообщение 2

Поделиться32022-06-26 16:59:50

Автор: Max Longname Murderer
Администратор
РЕЙГАН ФОСТЕР, 29
ПИРОФАКЕЛИЗМ
военный, коп;
наставник и саблидер боевиков (вирджиния);
are we in the clear yet?
Сообщений: 162
Уважение: +0
2435
237
Последний визит:
2024-10-25 14:11:53

Код:

<!--HTML--><link rel="stylesheet" href="/files/001b/95/a1/96876.css">
<div id="insta_single">
    <div class="insta_single_header">
        <div class="insta_single_avatar">
            <img src="https://i.imgur.com/rYXxgct.png" />
        </div>
        <div class="insta_single_nickname">
            foster.renegay
        </div>
        <div class="insta_single_options"></div>
    </div>
    
    <div class="insta_single_photo">
        <img src="https://i.imgur.com/xkU6hIn.png" />
    </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.imgur.com/jemfVkH.png?1" />Нравится <strong>tara.cook1982</strong> и <strong>другим</strong>
    </div>

    <div class="insta_single_description">
          <strong>foster.renegay</strong> Lorem Ipsum является текст-заполнитель обычно используется в графических, печать и издательской индустрии для предварительного просмотра макета и визуальных макетах.
    </div>
    
    <div class="insta_single_date">
        5 июня
    </div>
    
    <div class="insta_single_tabbar">
        <div class="tab_home"></div>
        <div class="tab_search"></div>
        <div class="tab_add"></div>
        <div class="tab_likes"></div>
        <div class="tab_profile"><img src="https://i.imgur.com/rYXxgct.png"></div>
    </div>
</div>

Цитировать Сообщение 3

Поделиться42022-06-26 19:28:57

Автор: Max Longname Murderer
Администратор
РЕЙГАН ФОСТЕР, 29
ПИРОФАКЕЛИЗМ
военный, коп;
наставник и саблидер боевиков (вирджиния);
are we in the clear yet?
Сообщений: 162
Уважение: +0
2435
237
Последний визит:
2024-10-25 14:11:53

Код:

<!--HTML--><div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://forumstatic.ru/files/001b/95/a1/33822.jpg" /></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="/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="https://forumstatic.ru/files/001b/95/a1/85712.jpg" />
            </div>
            
        </div>
</div>

Код:

<!--HTML--><div id="instagram">
    <div class="insta_header">
        <div class="insta_avatar"><img src="https://forumstatic.ru/files/001b/95/a1/33822.jpg" /></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>

Код:

<!--HTML--><link rel="stylesheet" href="/files/001b/95/a1/96876.css">
<div id="insta_single">
    <div class="insta_single_header">
        <div class="insta_single_avatar">
            <img src="https://forumstatic.ru/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="https://forumstatic.ru/files/001b/95/a1/85712.jpg" />
    </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.imgur.com/jemfVkH.png?1" />Нравится <strong>tara.cook1982</strong> и <strong>другим</strong>
    </div>
    
    <div class="insta_single_date">
        5 июня
    </div>
    
    <div class="insta_single_tabbar">
        <div class="tab_home"></div>
        <div class="tab_search"></div>
        <div class="tab_add"></div>
        <div class="tab_likes"></div>
        <div class="tab_profile"><img src="https://forumstatic.ru/files/001b/95/a1/33822.jpg"></div>
    </div>
</div>