Ещё один урок от Nelya Gerbekova:
Здесь много кнопок - картинок.
Заменить ссылку "Читать далее" картинкой можно двумя способами.
Первый способ - загрузить картинку на фотохостинг и вставить ссылку в специальный код:
<img src="Ссылка на картинку" />
Фотохостинг на Ваше усмотрение. Например, Радикал-фото:
Или Яндекс - фотки:
Копируем специальный код в блокнот и вместо текста "Ссылка на картинку" вставляем ссылку с фотохостинга:
Далее, копируем готовый код из блокнота, идем в редактор, устанавливаем курсор в нужное место и кликаем на значок >>>:
В выпавшем окне, в графе "ТЕКСТ ССЫЛКИ" вставляем скопированный код.
Внимание для тех, кто не знает! Эту графу можно оставить пустой и просто нажать "ОК". В этом случае на месте разрыва, где вы ставили курсор появится тэг:
который означает "ЧИТАТЬ ДАЛЕЕ".
Но... после того, как Вы нажмете "ОПУБЛИКОВАТЬ" откроется развернутый пост. И только в общем потоке "ЗАПИСИ" над аватаром, или в рубрике Вы увидите пост со ссылкой " ЧИТАТЬ ДАЛЕЕ" при нажатии, на которую, откроется остальная часть поста. В графу "ТЕКСТ ССЫЛКИ" можно написать любое другое слово, например, "СМОТРИ ДАЛЬШЕ", "ЖМИ СЮДА" , тогда вместо ссылки "ЧИТАТЬ ДАЛЕЕ" появится то, что написано.
Это было небольшое отступление от темы, для тех, кто не умеет прятать часть сообщения. Итак, код картинки вставлен в графу.
Картинка в редакторе должна выглядеть вот так:
Вот и все! Опубликуйте в ПРЕДПРОСМОТР и проверьте результат.
Второй способ. В дневниках очень много таких кнопочек с готовым кодом в окошке под картинкой. Скопируйте код из окошка и вставьте в графу "ТЕКСТ ССЫЛКИ", точно так же, как показано на скринах. Вот Здесь очень много таких кнопок.
Дополнительный вариант. Если вам приглянулась такая кнопка (без кода в окошке) в каком-нибудь сообщении в качестве ссылки, установите курсор на картинку, щелкните правой кнопкой мыши, выберите "ПРОСМОТР КОДА ЭЛЕМЕНТА" (для "Google Chrome") скопируйте код и вставьте готовый код в графу "ТЕКСТ ССЫЛКИ":
При наведении курсора на код картинки её цвет должен измениться. На скрине все предельно ясно: