Оформление текста (все коды в окошечках). gulcatai

Увеличить текст (+2,3 и т.д.), уменьшить (-2,3 и т.д.) <font size="+2">текст</font> <b><i><div align="center"></div></i></b> <strong>Текст</strong><br /> Окошечко для вставки кода rows и cols определяют площадь окна (ширину и высоту): <textarea rows="1" cols="30">ВАШ КОД /textarea <> Вставить флеш в окошко: <center><input type="text" size="10" value="[*====]" /></center> [Звездочка*flash=500,500,АДРЕС ФЛЕШКИ] ФОН под ЗАПИСЬ (цвет меняем по желанию) <table background="https://img-fotki.yandex.ru/get/39073/65387414.a79/0_178efc_874ed3ec_S"><tr><td><center> Ваше Ф О Т О <font size="4"><font color="9d0a0f"><b><center> Ваш Т Е К С Т или картинки </center></b></font></font></center></td></tr></table> Подписываем картинку: <center><table border="3" cellpadding="3" cellspasing="3"><tr><th width="ШИРИНА" height="ВЫСОТА" background="АДРЕС КАРТИНКИ" valign="bottom"><font color="ЦВЕТ БУКВ"><font size="+1"> ВАШ ТЕКСТ</font></font> </th></tr></table><p></p></center> Выделение текста курсивом <i> ВАШ ТЕКСТ</i> Фон для записи: <table background="https://img-fotki.yandex.ru/get/39073/65387414.a79/0_178efc_874ed3ec_S"><tr><td><center> Ваше Ф О Т О <font size="4"><font color="9d0a0f"><b><center><br /> Ваш Т Е К С Т или картинки<br /> </center></b></font></font></center></td></tr></table> ================= *********************** <table background="http://img-fotki.yandex.ru/get/6430/65387414.101/0_c5eb2_ef3a6d50_S"><tr><td><font size="4"><font color="9d0a0f"><b><center> Фото, текст, музыка [mp3=http://img1.liveinternet.ru/images/attach/d/0//5169/5169646_igor_ashurov__tuy_beregi.mp3] </center></b></font></font></td></tr></table> "Закрепитель": текст остается таким, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> ***[more] Как сделать, чтобы текст «обтекал» картинку? ***Картинка слева, текст справа: добавляем в код картинки: align=left hspace=20 <img src="http:…" align="left" hspace="20" /> *** align=left – картинка слева, текст справа ***align=right - картинка справа, текст слева ***hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали ***vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали Картинка с плавным обтеканием текстом справа и снизу (или сверху): <img src="http:…" align="left" hspace="20" vspace="15" /> Рамочка с прокруткой: <center><table border="0" background="https://img-fotki.yandex.ru/get/5010/224541261.d/0_c39ca_dd778161_XL.png" cellpadding="4" cellspacing="2" width="800"><tr><td><div style="overflow-y: scroll; width: 800px; height: 500px;"><font face="Century Gothic" color="#000000" style="font-size:22px"><b><i><div align="center"> ВАШ ТЕКСТ </div></i></b></font></div></td></tr></table></center><br /> Выравнивание текста по правому краю поста: <div align="right"> ваш текст(картинка) </div> Выравнивание текста по всей ширине поста: <div align="justify"> ваш текст </div> Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов): <blockquote> текст </blockquote> Бегущая строка: <marquee>ваш текст бегущей строки</marquee> Код бегущей картинки: <marquee><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee> ЛИНИИ в ТЕКСТЕ: Код ПРОСТОЙ линии "<hr />" Код ЦВЕТНОЙ линии <hr color="#0ae0a0" /> Задать ТОЛЩИНУ линии <hr size="8" />> Линия ЦВЕТНАЯ с ЗАДАННОЙ ШИРИНОЙ "<hr color="cc0000" size="8" /> ГОРИЗОНТАЛЬНАЯ разделительная линия (половинка) <hr width="50%" /> ССЫЛКИ: Как вставить ссылку на веб-страницу: <a target="_blank" href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a> Как сделать, чтобы картинка была ссылкой на веб-страницу: <a target="_blank" href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ" /></a> Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне: <a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> Выделение цитаты С ЭФФЕКТОМ ПОДСВЕТКИ (наведите курсор на текст): <button type="submit">ТЕКСТ С ЭФФЕКТОМ ПОДСВЕТКИ</button> Разбить текст на две колонки: <table width="100%"> <tr><td width="50%">текст левой колонки <td width="50%">текст правой колонки</td></td></tr></table> Текст обтекаемый другим текстом: <p style="padding-right: 15px; margin-top: 0px; float: left; margin-bottom: 3px; width: 30%; color: blue;">Текст (картинка) внутри</p> Обтекающий текст Написать текст имея фоном картинку: <div style="font-size: 15px; font-weight: bold; font-family: Georgia; color: red; padding: 8px; background-image: url('Адрес картинки');">ВАШ ТЕКСТ</div> Выравнивание текста по обеим сторонам: <div align="justify">Ваш текст</div> Бегущая строка с заданной скоростью: ОБЫЧНАЯ бегущая строка: <marquee>ВАШ ТЕКСТ</marquee> Чтобы изменить скорость движения строки, измените цифру движения (1,2,3 и т.д.) МЕДЛЕНО бегущая строка: <marquee scrollamount="1">ВАШ ТЕКСТ</marquee> БЫСТРО бегущая строка: <marquee scrollamount="3">ВАШ ТЕКСТ</marquee> НАПРАВЛЕНИЕ текста ВПРАВО: <marquee direction="right">ВАШ ТЕКСТ</marquee> Бегущая строка на фоне, который тоже можно менять: (направление ВЛЕВО) <marquee bgcolor="silver">ВАШ ТЕКСТ</marquee> Направление АЛЬТЕРНАТИВНОЕ: <marquee behavior="alternate" bgcolor="silver" width="300">ВАШ ТЕКСТ</marquee> Бегущяя строка с ССЫЛКОЙ: <marquee behavior="alternate" direction="right" scrollamount="1" width="500px" height="20px">строка со ссылкой на <a target="_blank" href="http://kapon.com.ua/" title="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></marquee> Коды бегущей строки можно менять (цвет, ширину, высоту, направление) <marquee bgcolor="#00FF33" width="500px" height="15px"></marquee> Кнопка "Далее" (красная): <center>more=<img src="http://img-fotki.yandex.ru/get/4135/50025318.174/0_a60db_671f7c39_XL.png" width="150" height="48" border="0" /></center> Тоже всегда нужно иметь под рукой: <strong>Текст</strong> <div align="center"><br /><br /> <b><i></i></b></div> Таблица на 4 картинки в ряд: <div align="center"> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td> ***</td> <td>***</td> <td>***</td> </tr></table> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td> ***</td> <td>***</td> <td>***</td> </tr></table> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td> ***</td> <td>***</td> <td>***</td> </tr></table> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td> ***</td> <td>***</td> <td>***</td> </tr></table></div> Таблица на 3 картинки в ряд: <div align="center"> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td> ***</td> <td>***</td> </tr></table> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td> ***</td> <td>***</td> </tr></table></div> Таблица на 2 картинки в ряд: <div align="center"> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td>***</td> </tr></table> <table border="0" cellspacing="8" cellpadding="0"><tr><td>***</td> <td>***</td> </tr></table></div> Столбик с ТОЧКАМИ: <ul><br /> <li>*****</li><br /> <li>*****</li><br /> <li>*****</li><br /> <li>*****</li><br /> <li>*****</li><br /> <li>*****</li><br /> <li>*****</li><br /> </ul><br /> Подписываем КАРТИНКУ: <center><table border="3" cellpadding="3" cellspasing="3"><tr><th width="ШИРИНА" height="ВЫСОТА" background="АДРЕС КАРТИНКИ" valign="bottom"><font color="ЦВЕТ БУКВ"><font size="+1"> ВАШ ТЕКСТ</font></font> </th></tr></table><p></p></center> ТЕКСТ в ДВА столбика !!! <center><table border="0" cellspacing="8" cellpadding="0"> <tr> <td><font face="Century Gothic" color="#000000" style="font-size:22px"><b><i>ВАШ **1** ТЕКСТ</i></b></font></td><td><font face="Century Gothic" color="#000000" style="font-size:22px"><b><i>ВАШ **2** ТЕКСТ</i></b></font></td></tr></table></center> Кнопка "Далее" (зеленая): <center>more=<img src="http://img1.liveinternet.ru/images/attach/b/4/103/692/103692057_RdaleeIG1IG1IG1__4_.png" /></center> Шрифт: <font face="Century Gothic" color="#000000" style="font-size:22px"><b><i></i></b></font> Курсор с картинкой к записи: <div align="center"><font style="cursor:URL('Адрес картинки'),auto;"></font></div> Формула наложения флеш на картинку: <table height="ВЫСОТА КАРТИНКИ" cellpadding="0" width="ШИРИНА КАРТИНКИ" background="АДРЕС КАРТИНКИ" border="0"><tbody><tr><td><div><marquee scrollamount="4" direction="down" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></marquee><p style="MARGIN-TOP: -530px; MARGIN-LEFT: 10px"></p>[КОДЫ ВСТАВКИ ФЛЕШ] </div></td></tr></tbody></table> Cлова ШИРИНА и ВЫСОТА КАРТИНКИ, надо заменить на свои значения (согласно выбранной картинки. MARGIN-TOP: -530px - ЭТО ВЫСОТА ДВИЖЕНИЯ ФЛЕШ. Как видите она со знаком -, поэтому чем меньше ее значение, тем ниже опустится начало движения флеш, ( и картинка у вас будет повторятся) и наоборот, чем больше ее значение, тем выше будет поднято движение флеш. То есть если на примере сердечки (там где картинка клипарт), начинают подниматься снизу картинки, если УВЕЛИЧИТ значение 530px, то сердечки поднимутся, и начнут свое движение от середины картинки, и выше, захватывая текст, и наоборот! Опытные пользователи могут это значение регулировать и сами определять область захвата флеш. Новичкам же советую это значение ставить ПO ВЫСОТЕ КАРТИНКИ, чтоб ее не исказить. Ну и вместо слов КОДЫ ВСТАВКИ ФЛЕШ, вставьте эти коды. То есть ширину, высоту и адрес флеш (все через запятую, вот так). [*flash=ВЫСОТА ФЛЕШ,ШИРИНА ФЛЕШ,АДРЕС ФЛЕШ] ВЫСОТУ и ШИРИНУ ФЛЕШ, ставьте тоже по ширине и высоте картинки. Флеш без фона можно ставить на любые картинки, как анимированные, так и простые, в том числе и на клипарт. ОБРАЗЕЦ: [flash=680,563,http://www3.6000y.com/toumingflash/swf1000/006.swf] Красивые флеш на прозрачном фоне, можно взять например здесь: [url]http://www.liveinternet.ru/users/misskcu/rubric/2974983/[/url] [url]http://www.liveinternet.ru/users/daf53/rubric/2661826/[/url] Адреса ссылок на флеш МОЖНО ВЗЯТЬ ЗДЕСЬ Спасибо автору Ledi Vlada КАРТИНКА МЕЖДУ ТЕКСТОМ: <table align="center" border="0"><tr><td>ВАШ ТЕКСТ</td><td><img src="URL" /> </td><td>ВАШ ТЕКСТ</td></tr></table> ТЕКСТ МЕЖДУ КАРТИНКАМИ: <table align="center" border="0"><tr><td><img src="URL адрес КАРТИНКИ" /></td><td>ВАШ ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ" /></td></tr></table> КАРТИНКА В (левом) ВЕРХНЕМ УГЛУ ЗАПИСИ: <img src="URL адрес картинки." align="left" /> КАРТИНКА В (правом) ВЕРХНЕМ УГЛУ ЗАПИСИ: <img src="URL адрес картинки." align="right" /> КОД ПРОКРУТКИ: <div style="overflow-y: scroll; width: 800px; height: 500px;"></div> В коде размеры прокрутки можно менять. Прокрутку можно ставить и в рамочки, и без нее. Рамочка с прокруткой на белом фоне: <div style="overflow:auto;scrollbar-arrow-color:pink;scrollbar-base-color: #000000; position: width:100%;height:100px;background-image:url(http://img-fotki.yandex.ru/get/6100/136160416.16/0_7df21_c5d7e758_L.jpg);top:5px;text-align:center;text-indent:8pt">ВАШ ТЕКСТ </div> Цвет фона можно изменить, изменив (адрес фона) Вариант самой ОБЫЧНОЙ ПРОКРУТКИ <div style="width: 100%; height: 100px; margin-top: 0px; margin-left: 0px; text-align: center; overflow: auto"><font size="4" color="#000000" face="Aero Font One"><br /><br /> ВАШ ТЕКСТ </font></div> Цветная прокрутка <div style="overflow:auto;scrollbar-arrow-color:#CC6600;scrollbar-base-color: #C71585; position: width:99%;height:218px;top:5px;text-align:left;text-indent:5pt">ВАШ ТЕКСТ</div> Прокрутка в рамочке КОД с ПРОКРУТКОЙ и КАРТИНКОЙ <table border="0" cellspacing="9" cellpadding="1" width="510" height="690" background="КАРТИНКА"><tbody><tr><td><br /><br /><br /><br /><div align="center"> <div style="left: 0px; overflow: auto; width: 400px; text-indent: 5pt; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #000000; top: 2px; height: 300px; text-align: center"><font size="4"><font face="mistral"><font color="#000000"><br /><br /> ВАШ ТЕКСТ... <br /><center>ВАШ НИК</center></font></font></font></div></div></td></tr></tbody></table> Вертикальный разделитель между текстами <center><table border="0" cellspacing="8" cellpadding="0"> <tr> <td>ТЕКСТ №1 ОДИН</td> <td>"URL АДРЕС КАРТИНКИ" </td> <td>ТЕКСТ №2 ДВА</td> </tr> </table></center> Образец: ТЕКСТ №1 ОДИН ТЕКСТ №2 ДВА Картинки в ряд без использования таблицы: Используя тег nobr - можно вставить любое количество картинок в одну строку, но нужно следить за количеством. В новой строке опять пишем эти теги и вставляем следующий ряд фоток. И так далее. <nobr>КАРТИНКИ В РЯД</nobr> Код для вставки картинки: <img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /> Код картинки со ссылкой на оригинал: <a href="АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank"><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /></a> Чтобы уменьшенная картинка (превью) развернулась прямо на странице поста, нужно в код ссылки прописать rel="li-bigpic" <a href="АДРЕС КАРТИНКИ" rel="li-bigpic" target="_blank"><img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /></a> Текст с отступом от края в 8 пробелов <blockquote>ВАШ ТЕКСТ</blockquote> Абзац <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Текст справа в несколько строк с выравниванием СПРАВА <div align="right">ВАШ ТЕКСТ</div> Текст справа в несколько строк с выравниванием СЛЕВА <div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" /> Бегущая влево строка (и/или картинка!) <marquee>ВАШ ТЕКСТ</marquee> Бегущая вправо строка (и/или картинка!) <marquee direction="right">ВАШ ТЕКСТ</marquee> Список - жирная точка спереди <ul><br /> <li>ВАШ ТЕКСТ<br /></li></ul> Формирование списка по пунктам <ol><br /> <li> Один из пунктов несортированного списка<br /> </li><li> Другой такой пункт<br /> </li></ol> Чтобы ссылка открылась в новом окне: <a href="Адрес куда........" target="_blank">ТЕКСТ ССЫЛКИ</a> Если вам нужно чтобы КАРТИНКА была ссылкой - <a href="АДРЕС ССЫЛКИ" target="_blank"><img src="АДРЕС КАРТИНКИ" border="0" title="width ШИРИНА КАРТИНКИ" /></a> Текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Скользящий вниз текст <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> Ставим в один ряд несколько (три) ФЛЕШ <table align="center"><tr><td>[flash=300,300,АДРЕС ФЛЕШ]</td><td>[flash=300,300,АДРЕС ФЛЕШ]</td><td>[flash=300,300,АДРЕС ФЛЕШ]</td></tr></table> Код музыкальной открытки с текстом: <div align="center"><table background="https://img-fotki.yandex.ru/get/6114/65387414.92b/0_156a63_519d1fcc_XL.gif"><tr><td width="590" height="555"><div align="right"><font size="4"><font color="9d0a0f">Что же ты осень так долго,без меры<br />-Льёшь слезинки дождя наугад?<br />За окном в тучах серое небо.<br />Кружит в танце свой вальс листопад.<br /><br />Может быть так прощаешься с летом,<br />И его возвращения ждёшь?<br />-Отшумело,сгорело,исчезло...<br />Дней прекрасных уже не вернёшь!<br /><br />Кружат в воздухе медленно листья,<br />Я по саду немного пройду.<br />Одиноко,тоскливо на сердце<br />-В позабытом,осеннем саду..<br /><br /><br /><br />[flash=44,44,http://www.yapfiles.ru/files/657436/pleer131LuIra.swf?mp3=http://img0.liveinternet.ru/images/attach/c/7//4898/4898108_chto_takoe_osen.mp3]</font></font></div></td></tr></table></div> Код выше выложенной открытки (вставляем свои значения): <div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"><div align="right"><font size="3"><b><font color="0d004c">ваш текст<br /><br /><br />[flash=44,44,http://www.yapfiles.ru/files/657436/pleer131LuIra.swf?mp3=АДРЕС ПЕСНИ.mp3]</font></b></font></div></td></tr></table></div> Для того, что б музыка или текст стояли там, где нужно, ставим тег выравнивания, они ставятся прямо перед кодами тех значений, которые вы хотите выравнять (ТЕКСТОМ, КОДОМ ПЛЕЕРА) Это теги - справа, слева, в центре: <div align="left"></div> (слева) <div align="right"></div> (справа) <div align="center"></div> (в центре) тегом <br /> опускаем ниже Вставляем БЛИНГИ, КАртинки и т.д. --------------- <table background="URL АДРЕС ФОНОВОЙ КАРТИНКИ"><tr><td width="ШИРИНА" height="ВЫСОТА"><left>(слева) <img src="АДРЕС БЛИНГА" width="ШИРИНА" height="ВЫСОТА" border="0" /><br /><br /><br /><br /><br /><br /><font size="6"><font color="ed1c24"><b><center>ТЕКСТ</center> </b></font></font></left></td></tr></table> ------------------- <div align="center"><table background="АДРЕС ОСНОВНОЙ КАРТИНКИ"><tr><td width="ШИРИНА" height="ВЫСОТА"><left>(СЛЕВА)<img src="АДРЕС БЛИНГА" width="ШИРИНА" height="ВЫСОТА" alt="mtnih4.jpg (400x400, 23Kb)" border="0" /></left>(СЛЕВА) <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><right>(СПРАВА)<img src="АДРЕС БЛИНГА" width="ШИРИНАблинга" height="ВЫСОТА" alt="6eorbl (148x214, 13Kb)" border="0" /></right>(СПРАВА)</td></tr></table></div> <div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА" height="ВЫСОТА"><center><img src="АДРЕС БЛИНГА" width="ШИРИНА блинга" height="ВЫСОТА блинга" border="0" /></center></td></tr></table></div> Копируем формулу из рамочки и вставив в простой редактор вставляем свои значения. Если надо ПОДНЯТЬ картинку ВВЕРХ, то тег ставится, НЕ перед кодами картинки, а ПОСЛЕ КОДА КАРТИНКИ ставим тег , а при опускании картинки тег ставим ПЕРЕД КОДОМ КАРТИНКИ <div align="center"><table background="http://img1.liveinternet.ru/images/attach/c/11/127/804/127804115_1.jpg"><tr><td width="700" height="525"><img src="http://s018.radikal.ru/i516/1301/82/3617ffcec700.gif" width="323" height="214" border="0" /><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </td></tr></table></div> Картинок можно вставлять столько сколько позволят размеры картинки-фона. <div align="center"><table background="http://img1.liveinternet.ru/images/attach/c/11/127/804/127804115_1.jpg"><tr><td width="690" height="470"> <left><img src="http://s018.radikal.ru/i516/1301/82/3617ffcec700.gif" width="323" height="214" border="0" /> <br /> <br /> <div align="right"><img src="http://img1.liveinternet.ru/images/attach/c/2/74/73/74073841_aep16w.gif" width="193" height="156" alt="aep16w (313x276, 7Kb)" border="0" /></div></left></td></tr></table></div> Можно ставить ТЕКСТ или МУЗЫКУ. Как это сделать смотрите <a target="_blank" href="http://www.liveinternet.ru/users/5397786/post341423416"><font color="2e3092">ЗДЕСЬ</font></a> и <a target="_blank" href="http://www.liveinternet.ru/users/5397786/post371857874/"><font color="2e3092">ЗДЕСЬ</font></a> Как наложить флеш на картинку <a target="_blank" href="http://www.liveinternet.ru/users/5397786/post351386308"><font color="2e3092">СМОТРИМ ЗДЕСЬ</font></a> Можно ставить вместе и текст и картинку, и еще добавить музыку) Блинги можно использовать как фон их можно <a target="_blank" href="https://fotki.yandex.ru/users/shadrinagalin/album/323312/"><font color="2e3092">ВЗЯТЬ ЗДЕСЬ</font></a> Цвет плеера и музыку можно менять!!! [flash=400,20,http://legion-blog.narod.ru/player/player-viral.swf?file=http://img0.liveinternet.ru/images/attach/d/0//5174/5174134_marsel_davletov__beluyy_kon.mp3&backcolor=000000&frontcolor=ccc8ad&lightcolor=ffffff&] ВАШ КОД ВАШ КОД ВАШ КОД ВАШ КОД ВАШ КОД ВАШ КОД

Серия сообщений "ВСЕ_для_БЛОГА":
Часть 1 - Рамочка рабочяя и др.
Часть 2 - Оформление текста (все коды в окошечках)
Часть 3 - Вставляем музыку в дневник (5 способов)
Часть 4 - Шрифты, HTML-коды / примеры с кодами
...
Часть 24 - Обзор Шрифтов - Онлайн генератор
Часть 25 - Импорт понравившейся схемы
Часть 26 - Как сделать картинку с увеличением ("кликабельной")