принцесса пупырка

Объявление

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

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

Вы здесь » принцесса пупырка » Новый форум » Инста

Инста

Страница: 1

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

1

  • Автор: corazon
  • ты не видишь что ли, что я анджелина джоли
  • corazon
  • Зарегистрирован: 2016-03-12
  • Приглашений: 0
  • Сообщений: 45
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    1 день 3 часа
  • Последний визит:
    2023-03-19 23:40:18

1. Вставить чей-то логин <b>@loginname</b> или хэштэг <b>#хрюхрю</b>
2. Вставить смайлик картинкой <img src="ССЫЛКА НА СМАЙЛИК">
3. Начать с новой строки <br>
4. Символы-смайлики:
☺ ☻ ♪ ♫ ★ ☆ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ♔ ♕ ♖ ☸
♚ ♛ ♜ ♝ ♞ ♟♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ☂ ☃☁ ☀ ﻩ * ⁂ ✌ ♗ ♘ ♙ ☠
➳ ❤ ❣ ❢ ஐ 🐦 ఞ ఎ യ ✁ ✄ ✉ ✔ ✓ ☐ ☑ ☒ ✪ 〠 ☯ ☮ ☊ ☣

0

2

  • Автор: corazon
  • ты не видишь что ли, что я анджелина джоли
  • corazon
  • Зарегистрирован: 2016-03-12
  • Приглашений: 0
  • Сообщений: 45
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    1 день 3 часа
  • Последний визит:
    2023-03-19 23:40:18
первый пост (css)
Код:
<!--HTML-->

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Muli:400,700|Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link href="http://nevermore.b1.jcink.com/uploads/nevermore/fontello.css" rel="stylesheet"><link href="http://nevermore.b1.jcink.com/uploads/nevermore/twemoji_awesome.css" rel="stylesheet">

<style>

.inst1a-1 { width: 460px; padding: 12px; background-color: #f8f8f8; color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; }
.inst1a-2 { padding: 10px; background-color: #fcfcfc; color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; }
.inst1a-2a { width: 30px; height: 28px; padding-right: 10px; text-align: center; border-right: 1px solid #f5f5f5; }
.inst1a-2b { width: 346px; height: 28px; padding-left: 10px; color: #c2c2c2; font-size: 12px; text-align: left; line-height: 28px; }
.inst1a-2b span { margin-right: 5px; }
.inst1a-2b right { float: right; width: 110px; height: 12px; padding: 4px; background-color: #f9f9f9; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; text-align: left; line-height: 12px; margin: 4px 10px; border: 1px solid #f5f5f5; }
.inst1a-2c { width: 30px; padding-left: 10px; text-align: center; border-left: 1px solid #f5f5f5; }

.inst1a-2a span, .inst1a-2c span { display: inline-block; width: 18px; height: 15px; padding: 8px 5px 5px; color: #fcfcfc; font-size: 13px; text-align: center; line-height: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.inst1a-3 { padding: 24px; background-color: #fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; margin: 3px 0px; }
.inst1a-3a { width: 90px; height: 90px; padding: 9px; background-color: #f9f9f9; border: 1px solid #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-right: 25px; }
.inst1a-3b { width: 90px; height: 90px; background-size: cover; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.inst1a-4 { width: 275px; padding-bottom: 14px; padding-left: -50px; color: #868686; font-family: ARIAL; font-weight: 600; font-size: 23px; font-style: normal; text-align: left; text-transform: lowercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 0px; line-height: 100%; }
.inst1a-4 span { display: inline-block; width: 13px; height: 10px; padding: 5px 3px 4px; background-color: #f9f9f9; color: #919191; font-size: 9px; text-align: center; line-height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-left: 10px; vertical-align: top; border: 1px solid #f5f5f5; }

.inst1a-4a { width: 275px; padding-bottom: 14px; color: #999999; font-family: ARIAL; font-weight: 400; font-size: 9.5px; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0.5px; word-spacing: 0px; line-height: 130%; }
.inst1a-4a b { color: #8f8f8f; font-family: ARIAL; font-weight: 600; font-size: 12px; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: -0.5px; word-spacing: 0px; line-height: inherit; margin-right: 3px; }
.inst1a-4a i.twa { font-size: 16px; vertical-align: middle; }

.inst1a-4a { width: 275px; padding-bottom: 14px; color: #999999; font-family: ARIAL; font-weight: 400; font-size: 9.5px; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0.5px; word-spacing: 0px; line-height: 130%; }
.inst1a-4b { color: #bcbcbc; font-family: ARIAL; font-weight: 500; font-size: 7px; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 100%; }
.inst1a-4b b { color: #919191; font-family: ARIAL; font-weight: 600; font-size: 10px; font-style: normal; text-align: right; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: inherit; }


.inst1a-5 { padding: 9px 0px; background-color: #fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; }
.inst1a-5a { padding: 0px 14px; width: 87px; height: 28px; color: #bcbcbc; font-family: ARIAL; font-weight: 500; font-size: 7px; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 130%; border-right: 1px solid #f5f5f5; }
.inst1a-5b { border-right: 0px; }
.inst1a-5a span { font-size: 28px; }
.inst1a-5b span { font-size: 18px; }
.inst1a-5b { padding: 5px 14px; width: 87px; height: 18px; color: #bcbcbc; font-family: poppins; font-weight: 500; font-size: 7px; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 18px; border-right: 1px solid #f5f5f5; }


.inst1a-6 { padding: 44px; background-color: #fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; margin-top: 3px; }
.inst1a-6a { width: 94px; height: 94px; padding: 9px; background-color: #f9f9f9; border: 1px solid #f5f5f5; border-radius: 3px; margin-right: 14px; margin-bottom: 14px; }

.inst1a-6b { width: 94px; height: 94px; padding: 9px; background-color: #f9f9f9; border: 1px solid #f5f5f5; border-radius: 3px; margin-right: 14px; margin-bottom: 0px; }
.inst1a-6a img, .inst1a-6b img { width: 92px; height: 92px; border: 1px solid #f5f5f5;  border-radius: 3px; }


#NAME .inst1a-2a span, #NAME .inst1a-2c span{ background-color: #3c649f; }
#NAME .inst1a-2b span, #NAME .inst1a-4, #NAME .inst1a-4 span, #NAME .inst1a-4b b, #NAME .inst1a-5a span, #NAME .inst1a-5b span { color: #3c649f; }
</style>

<center>
<div id="NAME"><div class="inst1a-1">
<div class="inst1a-3"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td width="130px;">
<div class="inst1a-3a"><div class="inst1a-3b" style="background-image: url(https://41.media.tumblr.com/7aa8b986d2af3a004b3f30de66a74364/tumblr_o3kieqeGsV1thy4yio9_250.png)"></div></div>
</td>
<td width="300px;">
<div class="inst1a-4">ronanhaywood <span class="icon-user-add"></span></div>
<div class="inst1a-4a">
<b>Ronan Haywood</b> dad. husband. winner of "king of instagram 2k16" despite evidence that no such award exists.</div>

<div class="inst1a-4b"><b>123</b> photos • <b>234</b> following • <b>345k</b> followers </div>

</td></tr></table></div>


<div class="inst1a-6"><table cellpadding="0" cellspacing="0">
<tr valign="middle">
<td><div class="inst1a-6a"><img src="http://40.media.tumblr.com/bf590c2b3250f2ffff137b65076d8538/tumblr_o3jds01urH1qezdzho1_500.jpg"></div></td>
<td><div class="inst1a-6a"><img src="https://40.media.tumblr.com/4908d59b09426505fb2f4f0d4e123aed/tumblr_inline_o2v4k7r49G1rt1hsg_540.png"></div></td>
<td><div class="inst1a-6a"><img src="http://36.media.tumblr.com/e1a84c7101e4a170c1a83c3764c8868e/tumblr_nlvvuilnR01te7ibqo1_250.jpg"></div></td>
</tr>
<tr valign="middle">
<td><div class="inst1a-6b"><img src="http://41.media.tumblr.com/68823447618f6ba4103eafb92e3c725d/tumblr_nk2v9eGGCI1r30hbfo1_250.jpg"></div></td>
<td><div class="inst1a-6b"><img src="https://i.imgsafe.org/a3cd4a4.png"></div></td>
<td><div class="inst1a-6b"><img src="https://40.media.tumblr.com/7e7cf8643670b465eb085fed80b89780/tumblr_inline_noyz2ydKSI1t5qjvt_540.png"></div></td>
</tr></table></div>

</div></div></center>
пост с фото (css)
Код:
<!--HTML-->

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Muli:400,700|Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
<style type="text/css">

.inst1b-1 { width: 360px; padding: 12px; background-color: #f8f8f8; color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; }

.inst1b-2 { padding: 19px; background-color: #fcfcfc; color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; }
.inst1b-2a { padding: 7px; background-color: #f9f9f9; color: #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #f5f5f5; }
.inst1b-2a img { width: 302px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #f5f5f5; }

.inst1b-3 { padding: 19px; background-color: #fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; margin: 3px 0px; }
.inst1b-3a { width: 60px; height: 60px; padding: 7px; background-color: #f9f9f9; border: 1px solid #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-right: 25px; }
.inst1b-3b { width: 60px; height: 60px; background-size: cover; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.inst1b-4 { width: 215px; padding-bottom: 10px; color: #868686; font-family: ARIAL; font-weight: 600; font-size: 18px; font-style: normal; text-align: left; text-transform: lowercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 0px; line-height: 100%; }
.inst1b-4 span { display: inline-block; width: 13px; height: 10px; padding: 5px 3px 4px; background-color: #f9f9f9; color: #919191; font-size: 9px; text-align: center; line-height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-left: 10px; vertical-align: top; border: 1px solid #f5f5f5; }

.inst1b-4a { width: 215px; padding-bottom: 14px; color: #999999; font-family: ARIAL; font-weight: 400; font-size: 9.5px; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0.5px; word-spacing: 0px; line-height: 130%; }
.inst1b-4a b { color: #8f8f8f; font-family: ARIAL; font-weight: 600; font-size: 11px; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: -0.5px; word-spacing: 0px; line-height: inherit; margin-right: 3px; }
.inst1b-4a i.twa { font-size: 16px; vertical-align: middle; }
.inst1b-4a { width: 215px; padding-bottom: 10px; color: #999999; font-family: ARIAL; font-weight: 400; font-size: 9.5px; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0.5px; word-spacing: 0px; line-height: 130%; }
.inst1b-4b { color: #bcbcbc; font-family: ARIAL; font-weight: 500; font-size: 7px; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 100%; }
.inst1b-4b b { color: #919191; font-family: ARIAL; font-weight: 600; font-size: 10px; font-style: normal; text-align: right; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: inherit; }

.inst1b-5 { padding: 10px; background-color: #fcfcfc; color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; }
.inst1b-5a { width: 30px; height: 28px; padding-right: 10px; text-align: center; border-right: 1px solid #f5f5f5; }
.inst1b-5b { width: 213px; height: 28px; padding-left: 10px; color: #c2c2c2; font-size: 12px; text-align: left; line-height: 28px; }
.inst1b-5c { width: 63px; padding-left: 10px; text-align: center; border-left: 1px solid #f5f5f5; }
.inst1b-5a span, .inst1b-5c span { display: inline-block; width: 18px; height: 15px; padding: 8px 5px 5px; color: #fcfcfc; font-size: 13px; text-align: center; line-height: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.inst1b-5c span.icon-comment { margin-left: 3px; }


#NAME .inst1b-5a span, #NAME .inst1b-5c span { background-color: #3c649f; }
#NAME .inst1b-4, #NAME .inst1b-4 span, #NAME .inst1b-4a b, #NAME .inst1b-4b b { color: #3c649f; }

</style><center>
<div id="NAME"><div class="inst1b-1">

<div class="inst1b-2"><div class="inst1b-2a">

<img src="https://i.imgsafe.org/17dcbf5.png">

</div></div>


<div class="inst1b-3"><table cellpadding="0" cellspacing="0"><tr valign="top"><td width="100px;">
<div class="inst1b-3a"><div class="inst1b-3b" style="background-image: url(https://41.media.tumblr.com/7aa8b986d2af3a004b3f30de66a74364/tumblr_o3kieqeGsV1thy4yio9_250.png)"></div></div>
</td>
<td width="300px;">
<div class="inst1b-4">ronanhaywood</div>
<div class="inst1b-4a">
when bae catch u creepin' <b>@axelnotrose</b>

</div><div class="inst1b-4b"><b>123</b> likes • <b>234</b> comments</div>

</td></tr></table></div>

</div></div></center>  </div>

0

3

  • Автор: corazon
  • ты не видишь что ли, что я анджелина джоли
  • corazon
  • Зарегистрирован: 2016-03-12
  • Приглашений: 0
  • Сообщений: 45
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    1 день 3 часа
  • Последний визит:
    2023-03-19 23:40:18
Код:
<!--HTML--><center>
<div id="NAME"><div class="inst1a-1">
<div class="inst1a-3"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td width="130px;">
<div class="inst1a-3a">

<!-- МАЛЕНЬКАЯ КАРТИНКА НА КРУГЛУЮ АВАТАРКУ -->
<div class="inst1a-3b" style="background-image: url(ССЫЛКА НА КАРТИНКУ)">

</div></div></td>
<td width="265px;"><div class="inst1a-4">

<!-- НИК ИЛИ ЛОГИН -->
yourloginname 

<span class="icon-user-add"></span></div><div class="inst1a-4a">

<!-- ИНФА РЯДОМ С АВАТАРКОЙ -->
<b>Name Lastname</b> some boring information about you idiot</div>

<!-- ЧИСЛО ПОСТОВ, ПОДПИСОК И ПОДПИСЧИКОВ -->
<div class="inst1a-4b"><b>000k</b> photos • <b>000k</b> following • <b>000k</b> followers </div>

</td></tr></table></div>
<div class="inst1a-6"><table cellpadding="0" cellspacing="0"><tr valign="middle">

<!-- СЕТКА ИЗ ФОТОЧЕК -->

<td><div class="inst1a-6a"><img src="ССЫЛКА НА КАРТИНКУ"></div></td>
<td><div class="inst1a-6a"><img src="ССЫЛКА НА КАРТИНКУ"></div></td>
<td><div class="inst1a-6a"><img src="ССЫЛКА НА КАРТИНКУ"></div></td>

</tr><tr valign="middle">

<td><div class="inst1a-6b"><img src="ССЫЛКА НА КАРТИНКУ"></div></td>
<td><div class="inst1a-6b"><img src="ССЫЛКА НА КАРТИНКУ"></div></td>
<td><div class="inst1a-6b"><img src="ССЫЛКА НА КАРТИНКУ"></div></td>

</tr></table></div>
</div></div></center>

0

4

  • Автор: corazon
  • ты не видишь что ли, что я анджелина джоли
  • corazon
  • Зарегистрирован: 2016-03-12
  • Приглашений: 0
  • Сообщений: 45
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    1 день 3 часа
  • Последний визит:
    2023-03-19 23:40:18
Код:
<!--HTML-->

<center>
<div id="NAME"><div class="inst1b-1">
<div class="inst1b-2"><div class="inst1b-2a">

<!-- ПОСТ КАРТИНКА -->
<img src="ССЫЛКА НА КАРТИНКУ">

</div></div><div class="inst1b-3"><table cellpadding="0" cellspacing="0"><tr valign="top"><td width="100px;">

<!-- МАЛЕНЬКАЯ КАРТИНКА НА КРУГЛУЮ АВАТАРКУ -->
<div class="inst1b-3a"><div class="inst1b-3b" style="background-image: url(ССЫЛКА НА КАРТИНКУ)">

</div></div></td>
<td width="210px;">

<!-- НИК / ЛОГИН АВТОРА -->
<div class="inst1b-4">yourlogin</div>

<!-- ОПИСАНИЕ К ФОТОЧКЕ -->
<div class="inst1b-4a"> СВОЙ ТЕКСТ <b>@logname</b> или <b>#хэштэг</b>


<!-- ЧИСЛО ЛАЙКОВ И КОММЕНТОВ -->
</div><div class="inst1b-4b">

<b>000</b> likes • 

<b>000</b> comments</div>


</td></tr></table></div>
</div></div></center>  </div>

0

Страница: 1

Вы здесь » принцесса пупырка » Новый форум » Инста

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