<!--HTML--> <center><div class="classic"> <div class="rap">Банк, плашки, подарки</div> <div class="rap2">У нас предусмотрена двойная система баллов - ты можешь зарабатывать себе фишки и шоты, покупая за них всякие ништяки. При необходимости одна валюта меняется на другую. Всё это не сложно, мы поможем разобраться. А для любителей флуда акция - скидочная карта, процент по которой зависит от набранного количества сообщений. В общем, у нас есть способы заработать и растранжирить своё богатство.<br><br> <style> .tabs { width: 100%;height: 670px; } .tabs ul, .tabs li { margin: 0;padding: 0;list-style: none;text-align:center; } .tabs, .tabs input[type="radio"]:checked + label { position: relative;display: inline-block; } .tabs li, .tabs input[type="radio"] + label { display: inline-block; } .tabs li > div, .tabs input[type="radio"] { position: absolute; } .tabs li > div, .tabs input[type="radio"] + label { border: none;background: transparent; } .tabs { font: normal; } .tabs li { vertical-align: top; } .tabs li:first-child { margin-left: 8px; } .tabs li > div { top: 33px;bottom: 0;left: 0;width: 100%;padding: 8px;overflow: auto;background: transparent; } .tabs input[type="radio"] + label { line-height: 32px;cursor: pointer;-moz-user-select: none; -webkit-user-select: none;user-select: none;background: transparent; } .tabs input[type="radio"]:checked + label { z-index: 1;cursor: default;background-color: transparent; } .tabs input[type="radio"] { opacity: 0; } .tabs input[type="radio"] ~ div { display: none; } .tabs input[type="radio"]:checked:not(:disabled) ~ div { display: block; } .tabs input[type="radio"]:disabled + label { opacity: .5;cursor: no-drop; } </style> <!-- ТАБЛИЦА С ВКЛАДКАМИ --> <div class="tabs"><ul><li> <input type="radio" name="tabs-0" checked="checked" id="tabs-0-0"/> <!-- 1 БАНК --> <label for="tabs-0-0"><p style="width: 130px;height: 10px; padding-top:7px;margin:5px; background-color: #eeb763;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">Банк</p></label><div> <center>Набей свой кошелек баблом. И растрать его на то, что тебе действительно нужно. А мы поможем избавиться от лишнего груза в кармане!<br><br> <font style color="#af2515"><div class="rap3">1 шот = 50 фишек</div></font></center><br> <div class="rap3">получить баллы</div><br> <table><tr><td style="height: 7px; background-color: #eeb763;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">шоты - за игровое</td> <td style="height: 7px; background-color: #eeb763;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">фишки - форумная жизнь</td></tr> <tr><td style="text-align: left;">Пост до 2000 символов - <b>5</b> <br>Пост от 2000 до 5000 - <b>10</b> <br>Пост от 5000 до 8000 - <b>20</b> <br>Пост от 8000 до 12000 - <b>30</b> <br>Пост свыше 12000 - <b>40</b> <br>Заявка на нужного персонажа - <b>4</b> <br>Завершение эпизода - <b>8</b> <br>Участие в квесте - <b>15</b> <br>Ведение страницы - <b>10</b>/месяц</td> <td style="text-align: left;">Реклама - <b>50</b>/пост <br>Участие в конкурсах/голосование - <b>100</b> <br>Попадание в топ флуда/постов/пары/и тп - <b>200</b> <br>Месяц на форуме - <b>500</b> <br>Выполненная графика - <b>150</b>/заказ <br>Идеи/предложения - <b>200</b><br> </td></tr></table> <div class="rap3">потратить баллы</div><br> <center>Выкуп внешности для нужного (неделя) - <b>15</b> шотов <br>Выкуп имени и фамилии (тех, что В ПРОФИЛЕ), *но только до регистрации такого же имени - <b>20</b> шотов <br>Выкуп места нужного в шапку/в нужных - <b>30</b> шотов <br>Оформление рекламы нужного и его реклама - <b>50</b> шотов <br>Авики/подписи от амс - <b>400</b> фишек <br>Плашки-статусы готовые- <b>500</b> фишек <br>Плашки-статусы на заказ - <b>800</b> фишек <br>Музыка в таблицу - <b>300</b> фишек <br>Смена бара - <b>1750</b> фишек <br>Смена внешности/перса (после начала игры) - <b>25</b> шотов <br>Срочный пост - амс за вас пишет пост хD <b>2000</b> фишек <br>Амс на час (с вами поболтают, помогут с персом, успокоят, обнимут, не будут на вас ругаться, если вы накосипорили уже) - <b>1000</b> фишек <br>Второй персонаж - <b>100</b> шотов/5000 фишек <br>Подарки - <b>100</b> или <b>200</b> фишек/подарок</center><br><br> <font style size=1>* в день рождения игрок получает карту на выбор с любой валютой (100 шотов/5000 фишек, действует неделю) <br>** для поощрения флуда будет заведена карта постоянного клиента - за каждую 1000 сообщений скидка 3%</font> </div> </li> <!-- 2 ПЛАШКИ --> <li><input type="radio" name="tabs-0" id="tabs-0-1" /> <label for="tabs-0-1"><p style="width: 130px;height: 10px; padding-top:7px;margin:5px; background-color: #ce842e;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">Плашки</p></label><div> <!-- ТЕКСТ ДЛЯ ПЛАШКИ --> <div class="rap3">Собери плашку, во-первых, текст</div><br> <div style="height: 100px; overflow: auto;"> <table layout=fixed width=100%> <tr> <td><center><img src="http://funkyimg.com/i/27PXm.png"><br> Текст 1</center></td> <td><center><img src="http://funkyimg.com/i/27PXn.png"><br> Текст 2</center></td></tr> <tr> <td><center><img src="http://funkyimg.com/i/27PXo.png"><br> Текст 3</center></td> <td><center><img src="http://funkyimg.com/i/27PXp.png"><br> Текст 4</center></td></tr> <tr> <td><center><img src="http://funkyimg.com/i/27PXq.png"><br> Текст 5</center></td> <td><center><img src="http://funkyimg.com/i/27PXr.png"><br> Текст 6</center></td> </tr> <tr> <td><center><img src="http://funkyimg.com/i/27PXH.png"><br> Текст 7</center></td> <td><center><img src="http://funkyimg.com/i/27PXJ.png"><br> Текст 8</center></td></tr> <tr> <td><center><img src="http://funkyimg.com/i/27PXK.png"><br> Текст 9</center></td> <td><center><img src="http://funkyimg.com/i/27PXL.png"><br> Текст 10</center></td> </tr> <tr> <td><center><img src="http://funkyimg.com/i/27PXM.png"><br> Текст 11</center></td> <td><center><img src="http://funkyimg.com/i/27PXN.png"><br> Текст 12</center></td> </tr></table> </div><br> <!-- КАРТИНКИ ДЛЯ ПЛАШКИ --> <div class="rap3">Во-вторых, выбери своего бородача</div><br> <div style="height: 90px; overflow: auto;"> <table layout=fixed width=100%> <tr> <td><center><img src="http://funkyimg.com/i/27PY4.png" height="70px"><br> Бородач 1</center></td> <td><center><img src="http://funkyimg.com/i/27PY5.png" height="70px"><br> Бородач 2</center></td> <td><center><img src="http://funkyimg.com/i/27PY6.png" height="70px"><br> Бородач 3</center></td> </tr> <tr> <td><center><img src="http://funkyimg.com/i/27PY7.png" height="70px"><br> Бородач 4</center></td> <td><center><img src="http://funkyimg.com/i/27PY9.png" height="70px"><br> Бородач 5</center></td> <td><center><img src="http://funkyimg.com/i/27PY8.png" height="70px"><br> Бородач 6</center></td> <tr> <td><center><img src="http://funkyimg.com/i/27PYQ.png" height="70px"><br> Бородач 7</center></td> <td><center><img src="http://funkyimg.com/i/27PYR.png" height="70px"><br> Бородач 8</center></td> <td><center><img src="http://funkyimg.com/i/27PYL.png" height="70px"><br> Бородач 9</center></td> </tr> <tr> <td><center><img src="http://funkyimg.com/i/27PYP.png" height="70px"><br> Бородач 10</center></td> <td><center><img src="http://funkyimg.com/i/27PYM.png" height="70px"><br> Бородач 11</center></td> <td><center><img src="http://funkyimg.com/i/27PYN.png" height="70px"><br> Бородач 12</center></td> </tr> <tr> <td><center><img src="http://funkyimg.com/i/27PYS.png" height="70px"><br> Бородач 13</center></td> <td><center><img src="http://funkyimg.com/i/27PYT.png" height="70px"><br> Бородач 14</center></td> <td><center><img src="http://funkyimg.com/i/27PZn.png" height="70px"><br> Бородач 15</center></td> </tr> </table> </div><br> <!-- ЦВЕТ ПЛАШКИ --> <div class="rap3">В третьих, подбери цвет</div><br> <div style="height: 100px; overflow: auto;"> <table layout=fixed width=100%> <tr> <td><center><img src="http://funkyimg.com/i/27PZz.png"><br> Цвет 1</center></td> <td><center><img src="http://funkyimg.com/i/27PZA.png"><br> Цвет 2</center></td></tr> <tr> <td><center><img src="http://funkyimg.com/i/27PZB.png"><br> Цвет 3</center></td> <td><center><img src="http://funkyimg.com/i/27PZC.png"><br> Цвет 4</center></td></tr> <tr> <td><center><img src="http://funkyimg.com/i/27PZD.png"><br> Цвет 5</center></td> <td><center><img src="http://funkyimg.com/i/27PZE.png"><br> Цвет 6</center></td> </tr> <tr> <td><center><img src="http://funkyimg.com/i/27PZM.png"><br> Цвет 7</center></td> <td><center><img src="http://funkyimg.com/i/27PZN.png"><br> Цвет 8</center></td></tr> <tr> <td><center><img src="http://funkyimg.com/i/27PZP.png"><br> Цвет 9</center></td> <td><center><img src="http://funkyimg.com/i/27PZQ.png"><br> Цвет 10</center></td> </tr> <tr> <td><center><img src="http://funkyimg.com/i/27PZR.png"><br> Цвет 11</center></td> <td><center><img src="http://funkyimg.com/i/27PZS.png"><br> Цвет 12</center></td> </tr></table> </div><br> <div class="code-box" style="width:410px;height: 80px;"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">Выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 100%; text-align:left; margin-left:-30px;"><pre> [b]1. Текст: (номер)[/b] ваш ответ [b]2. Бородач:[/b] ваш ответ [b]3. Цвет:[/b] ваш ответ </pre></div> <br> <font style size=1>* ты можешь заказать свою плашку ("красивенький цвет" или "на ваш вкус" и т.д.), но стоить это будет дороже (800 фишек) <br>** если ты меняешь хотя бы 1 элемент из готовых на свой, плашка считается индивидуальной и ее цена повышается</font> </div></li> <!-- 3 ПОДАРКИ --> <li><input type="radio" name="tabs-0" id="tabs-0-2" /> <label for="tabs-0-2"><p style="width: 130px;height: 10px; padding-top:7px;margin:5px; background-color: #b56e2f;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">Подарки</p></label><div> <div class="rap3">Подарки за 100 фишек</div> <div style="height: 150px; overflow: auto;"> <table layout=fixed width=100%> <tr> <td><center><img src="http://i.imgur.com/IqreJ0h.png"><br> 1.100</center></td> <td><center><img src="http://i.imgur.com/MgIfDXX.png"><br> 2.100</center></td> <td><center><img src="http://i.imgur.com/i93Chmt.png"><br> 3.100</center></td> <td><center><img src="http://i.imgur.com/e4EApgE.png"><br> 4.100</center></td> <td><center><img src="http://i.imgur.com/yoqzT1N.png"><br> 5.100</center></td> <td><center><img src="http://i.imgur.com/oSkFJNf.png"><br> 6.100</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/BBJV5fj.png"><br> 7.100</center></td> <td><center><img src="http://i.imgur.com/V82ePgk.png"><br> 8.100</center></td> <td><center><img src="http://i.imgur.com/KyKauVp.png"><br> 9.100</center></td> <td><center><img src="http://i.imgur.com/fzPFY6K.png"><br> 10.100</center></td> <td><center><img src="http://i.imgur.com/XwXC8Cc.png"><br> 11.100</center></td> <td><center><img src="http://i.imgur.com/CHTjUV3.png"><br> 12.100</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/ZZKBWqN.png"><br> 13.100</center></td> <td><center><img src="http://i.imgur.com/CtRRTB6.png"><br> 14.100</center></td> <td><center><img src="http://i.imgur.com/wip2rWr.png"><br> 15.100</center></td> <td><center><img src="http://i.imgur.com/xjTZ0y8.png"><br> 16.100</center></td> <td><center><img src="http://i.imgur.com/1d3y0fl.png"><br> 17.100</center></td> <td><center><img src="http://i.imgur.com/ciZLBaK.png"><br> 18.100</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/lZhfiGP.png"><br> 19.100</center></td> <td><center><img src="http://i.imgur.com/eWoRe7X.png"><br> 20.100</center></td> <td><center><img src="http://i.imgur.com/Pdtsp94.png"><br> 21.100</center></td> <td><center><img src="http://i.imgur.com/c7AHlIT.png"><br> 22.100</center></td> <td><center><img src="http://i.imgur.com/RjZJtDg.png"><br> 23.100</center></td> <td><center><img src="http://i.imgur.com/QXXv7SM.png"><br> 24.100</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/HLfRrsp.png"><br> 25.100</center></td> <td><center><img src="http://i.imgur.com/861NiOc.png"><br> 26.100</center></td> <td><center><img src="http://i.imgur.com/9nJkHmp.png"><br> 27.100</center></td> <td><center><img src="http://i.imgur.com/qjzu0Yd.png"><br> 28.100</center></td> <td><center><img src="http://i.imgur.com/3ms1l6K.png"><br> 29.100</center></td> <td><center><img src="http://i.imgur.com/K57II8I.png"><br> 30.100</center></td> </tr> </table></div><br><br> <!--ВТОРОЙ БЛОК ПОДАРКОВ ЗА 200--> <div class="rap3">Подарки за 200 фишек</div> <div style="height: 150px; overflow: auto;"> <table layout=fixed width=100%> <tr> <td><center><img src="http://i.imgur.com/CU78Oai.png"><br> 1.200</center></td> <td><center><img src="http://i.imgur.com/kAYJcF9.png"><br> 2.200</center></td> <td><center><img src="http://i.imgur.com/FK8VoCk.png"><br> 3.200</center></td> <td><center><img src="http://i.imgur.com/4oB7KKi.png"><br> 4.200</center></td> <td><center><img src="http://i.imgur.com/YEqopj3.png"><br> 5.200</center></td> <td><center><img src="http://i.imgur.com/u7AV3v7.png"><br> 6.200</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/mnL4ed2.png"><br> 7.200</center></td> <td><center><img src="http://i.imgur.com/4QQve0Y.png"><br> 8.200</center></td> <td><center><img src="http://i.imgur.com/cQVNoEV.png"><br> 9.200</center></td> <td><center><img src="http://i.imgur.com/Y6qvM39.png"><br> 10.200</center></td> <td><center><img src="http://i.imgur.com/Zt0dvsh.png"><br> 11.200</center></td> <td><center><img src="http://i.imgur.com/XB9sp3J.png"><br> 12.200</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/0v3cxuh.png"><br> 13.200</center></td> <td><center><img src="http://i.imgur.com/5ix3XiN.png"><br> 14.200</center></td> <td><center><img src="http://i.imgur.com/qMuejPi.png"><br> 15.200</center></td> <td><center><img src="http://i.imgur.com/G7fPfID.png"><br> 16.200</center></td> <td><center><img src="http://i.imgur.com/9YGyddw.png"><br> 17.200</center></td> <td><center><img src="http://i.imgur.com/LVQGsKa.png"><br> 18.200</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/xvgPzBw.png"><br> 19.200</center></td> <td><center><img src="http://i.imgur.com/tpFSwWy.png"><br> 20.200</center></td> <td><center><img src="http://i.imgur.com/QSQaC6P.png"><br> 21.200</center></td> <td><center><img src="http://i.imgur.com/xy6jmFA.png"><br> 22.200</center></td> <td><center><img src="http://i.imgur.com/lJ8GSa9.png"><br> 23.200</center></td> <td><center><img src="http://i.imgur.com/rKozvxP.png"><br> 24.200</center></td> </tr> <tr> <td><center><img src="http://i.imgur.com/ouv0z6A.png"><br> 25.200</center></td> <td><center><img src="http://i.imgur.com/bMANEiV.png"><br> 26.200</center></td> <td><center><img src="http://i.imgur.com/K8FcNHs.png"><br> 27.200</center></td> <td><center><img src="http://i.imgur.com/HXmsUwh.png"><br> 28.200</center></td> <td><center><img src="http://i.imgur.com/zNUMuKU.png"><br> 29.200</center></td> <td><center><img src="http://i.imgur.com/TFbwyUD.png"><br> 30.200</center></td> </tr> </table></div><br><br> <div class="rap3">Отправить подарок</div> <div class="code-box" style="width:410px;height: 100px;"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">Выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 100%; text-align:left; margin-left:-30px;"><pre> 1. [url=ССЫЛКА НА ПРОФИЛЬ АДРЕСАТА]Ник адресата[/url] 2. Номер подарка, цена 3. Ваш комментарий (Подпись) </pre></div></div></div> </div></li></ul> </div> </div></div>
Разные коды
Сообщений 1 страница 8 из 8
Поделиться12016-02-07 23:34:04
Поделиться22016-02-08 16:00:52
Когда-то в одном маленьком селе жил-был хоббит. Звали его Федулом. Из pодных и близких y него совсем никого не было, потому он сладкого ел, сколько лезло, а домой мог девиц водить. И в один прекрасный день с ним встречается побитый сосед. И говорит: — Нет ли чего выпить? А то так есть хочется, что переночевать негде. Герой делает вид, что занят.Тогда странный собеседник говорит: — Черные всадники ищут тебя! И герой вынужден покинуть родные места. Он бежит к знакомым стpанного визитеpа. А странный визитер вычищает оставшийся без хозяина дом.
Когда-то в одном маленьком селе жил-был хоббит. Звали его Федулом. Из pодных и близких y него совсем никого не было, потому он сладкого ел, сколько лезло, а домой мог девиц водить. И в один прекрасный день с ним встречается побитый сосед. И говорит: — Нет ли чего выпить? А то так есть хочется, что переночевать негде. Герой делает вид, что занят.Тогда странный собеседник говорит: — Черные всадники ищут тебя! И герой вынужден покинуть родные места. Он бежит к знакомым стpанного визитеpа. А странный визитер вычищает оставшийся без хозяина дом.
[quote]Место, где ты можешь подать резюме и узнать о самых последних и самых горячих нужных персонажах. Присоединяйся![/quote]
Перенести: гостевая, фак (о городе, амс), шаблон анкеты, банк
Поделиться32016-02-11 11:48:17
1. Новости в таблицу оформляются так:
Если это ссылка на новости/итоги недели и т.д.:
<a href="ССЫЛКА"><div id="n" class="n_news">Название/заголовок</div></a> Короткое пояснение текстом<br>
Если это ссылка на конкурсы/голосования и т.д.:
<a href="ССЫЛКА"><div id="n" class="n_win">Название/заголовок</div></a> Короткое пояснение текстом<br>
Если это ссылка на игры/развлекухи (киномания и т.д.)
<a href="ССЫЛКА"><div id="n" class="n_game">Название/заголовок</div></a> Короткое пояснение текстом<br>
Если это ссылка на квесты:
<a href="ССЫЛКА"><div id="n" class="quest">Название/заголовок</div></a> Короткое пояснение текстом<br>
2. Архив ПСД в таблицу
ТУТ
3. Оформила вкладку "плашки" в банке, псд готовой плашки со всеми вариантами цвета/текста/иконок в общем архиве псд.
4. Ну и реклама к дизайну
http://funkyimg.com/i/27RWu.png
*в шаблоне анкеты вместо картинок "хроник" и "отношений" сделала простые кодики
Поделиться42016-03-10 11:58:35
<!--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>
Поделиться52016-03-10 12:24:02
<!--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>
Поделиться62016-03-10 15:42:33
<!--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>
Поделиться72016-03-10 16:58:54
<!--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>
Поделиться82016-03-10 17:22:05
1. Вставить чей-то логин <b>@loginname</b> или хэштэг <b>#хрюхрю</b>
2. Вставить смайлик картинкой <img src="ССЫЛКА НА СМАЙЛИК">
3. Начать с новой строки <br>
4. Символы-смайлики:
☺ ☻ ♪ ♫ ★ ☆ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ♔ ♕ ♖ ☸
♚ ♛ ♜ ♝ ♞ ♟♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ☂ ☃☁ ☀ ﻩ * ⁂ ✌ ♗ ♘ ♙ ☠
➳ ❤ ❣ ❢ ஐ 🐦 ఞ ఎ യ ✁ ✄ ✉ ✔ ✓ ☐ ☑ ☒ ✪ 〠 ☯ ☮ ☊ ☣