Via
Супер ретро сайт! - (20)Замечательный ретро-сайт, там есть ВСЁ! Нажимаем на квадратики и переносимся на много лет назад... ...
Платье-фартук. Идеи, выкройки - (6): в последние годы платье-фартук уже не домашняя вещь, а почти выходная. Почему? Я думаю, что при...
Туники! Простые выкройки. - (5)...
Обработка горловины трикотажа. Теория, МК, видео - (15)>>> : начнем, как всегда, по порядку. Сначала общие указания. Обработка ГОР...
Как правильно выбрать монитор для компьютера - (0)
Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом - (12)
Бесплатный видеокурс для начинающих!Бытовые швейные машины. Часть 1. Недорогие швейные машины. - (12)
Снятие мерок с женской фигуры для плечевых изделий. Автор Юлия Вылегжанина - (4)
Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой |
Одна из читательниц задала мне вопрос. Как, вместо привычного "Читать далее" вставить картинку? Я никогда этого не делала и поэкспериментировав в черновике выкладываю результат. Здесь нашла много таких кнопок - картинок. Это можно сделать двумя способами. Первый способ - загрузить картинку на фотохостинг и вставить ссылку в специальный код
<img src="Ссылка на картинку" />
Фотохостинг на Ваше усмотрение. Например, Радикал-фото
Или Яндекс - фотки.
Копируем специальный код в блокнот и вместо текста "Ссылка на картинку" аккуратно вставляем ссылку с фотохостинга
Далее, копируем готовый код из блокнота, идем в редактор, устанавливаем курсор в нужное место и кликаем на значок >>>
В выпавшем окне, в графе ТЕКСТ ССЫЛКИ вставляем скопированный код. Внимание для тех, кто не знает! Эту графу можно оставить пустой и просто нажать"ОК" . В этом случае на месте разрыва, где вы ставили курсор появится вот такой тэг,
который означает "ЧИТАТЬ ДАЛЕЕ", Но... после того, как Вы нажмете "ОПУБЛИКОВАТЬ" откроется развернутый пост. И только в общем потоке "ЗАПИСИ" над аватаром, или в рубрике Вы увидите пост со ссылкой " ЧИТАТЬ ДАЛЕЕ" при нажатии, на которую, откроется остальная часть поста. В графу ТЕКСТ ССЫЛКИ можно написать любое другое слово, например, "СМОТРИ ДАЛЬШЕ", "ЖМИ СЮДА" , тогда вместо ссылки "ЧИТАТЬ ДАЛЕЕ появится это слово.
Это было небольшое отступление от темы, для тех, кто не умеет прятать часть сообщения. Итак, код картинки вставлен в графу.
Картинка в редакторе должна выглядеть вот так:
Вот и все! Опубликуйте в ПРЕДПРОСМОТР и проверьте результат
Второй способ. В дневниках очень много таких кнопочек с готовым кодом в окошке под картинкой. Скопируйте код из окошка и вставьте в графу ТЕКСТ ССЫЛКИ, точно так же, как я показала на скринах. Вот Здесь очень много таких кнопок .
Еще один вариант. Если вам приглянулась такая кнопка(без кода в окошке) в каком-нибудь сообщении в качестве ссылки, установите курсор на картинку, щелкните правой кнопкой мыши, выберите ПРОСМОТР КОДА ЭЛЕМЕНТА ( для Google Chrome, в других браузерах не знаю, пользуюсь только этим) скопируйте код и вставьте готовый код в графу ТЕКСТ ССЫЛКИ
При наведении курсора на код картинки ее цвет должен измениться .На скрине все предельно ясно.
Что означает "убрать под кат" и как это делается читайте пост:
Уберите под кат!!! Смешная ситуация для настроения.
Все уроки здесь
Серия сообщений " Оформление дневника ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 26 - Почему пропадают картинки и фотки?
Часть 27 - Украшаем дневник! Как применить и управлять схемами
Часть 28 - Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Часть 29 - Как скопировать схему оформления (дизайн) чужого дневника на ЛиРу
Часть 30 - Коды для оформления блога (дневника)
...
Часть 33 - Все коды для оформления дневника в одном месте
Часть 34 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 35 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] 2 [Новые] |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] 2 [Новые] |