https://blog.pekov.org/tags/tilda/ Предприниматель в агротехе. Сооснователь Кситеста, Бластима и yCamp. Сайты: https://pekov.org/ru (русский ru Aegea 11.4 (v4171e) yura@pekov.org Предприниматель в агротехе. Сооснователь Кситеста, Бластима и yCamp. Сайты: https://pekov.org/ru (русский no 82 https://blog.pekov.org/all/links-in-tilda/ Mon, 25 Jan 2016 13:23:47 +0000 https://blog.pekov.org/all/links-in-tilda/ <p>UPD: Теперь <a href="https://blog.pekov.org/all/links-in-tilda-2/">надо делать по-другому</a></p> <p><a href="http://tilda.cc/ru/">Тильда</a> — удобный конструктор посадочных страниц. Пользуюсь ей давно, и всем она хороша, кроме стиля ссылок по-умолчанию. Вот кусочек хорошего, по мнению редакторов Тильды, сайта:</p> <div class="e2-text-picture"> <img src="https://blog.pekov.org/pictures/picture.001.png" width="631" height="316" alt="" /> </div> <p>Решение очевидно: ссылки надо подчеркивать. Кто не согласен, идут <a href="http://www.artlebedev.ru/kovodstvo/sections/171/">к Лебедеву</a>, <a href="http://ilyabirman.ru/meanwhile/all/monday-discussion-links-underline/">к Бирману</a> или <a href="http://artgorbunov.ru/bb/soviet/20080324/">в Бюро</a>. Красивее всего подчеркивать тонкой полупрозрачной линией, как в этом блоге.</p> <p>Шаг 1. Заходим в настройки сайта и подключаем <a href="http://pekov.org/styleAgency.css">ЦСС-файл</a>:</p> <div class="e2-text-picture"> <img src="https://blog.pekov.org/pictures/Screenshot-2016-01-25-15.58.33.png" width="1048" height="449" alt="" /> </div> <p>Шаг 2. Чтобы не подчеркивались картинки и кнопки, добавляем на странице сайта блок «HTML-код» и вставляем туда <a href="http://pekov.org/imageLink.js">ссылку на скрипт</a>:</p> <pre class="e2-text-code"><code class="">&lt;script src=&quot;http://pekov.org/imageLink.js&quot;&gt;&lt;/script&gt;</code></pre><div class="e2-text-picture"> <img src="https://blog.pekov.org/pictures/Screenshot-2016-01-25-16.03.13.png" width="821" height="189" alt="" /> </div> <p>Результат:</p> <div class="e2-text-picture"> <img src="https://blog.pekov.org/pictures/Screenshot-2016-01-25-16.13.46.png" width="732" height="210" alt="" /> </div> <p>Кастомизация:</p> <ul> <li>Цвет ссылки задается Тильдой в настройках сайта «Шрифты и цвета» и перезаписывает цвет из ЦСС-файла.</li> <li>Цвет подчеркивания и цвет посещенной ссылки задаются в ЦСС-файле — чтобы поменять, скопируйте файл на свой сервер.</li> </ul> <p>Автор кода — <a href="http://straykov.ru/">Илья Страйков</a>, за что ему спасибо.</p>