Как сделать кнопку "Читать далее →" картинкой?

(Ответов: 8, Просмотров: 483)
  1. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Сайт - radonay.ru/category/proekty/
    • -1
  2. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,073
    • Репутация: 310
    IX., про это ведь дохр*на написано в нете?!

    В вашем случае:

    в стили надо добавить

    .more-link {
    display: inline-block;
    padding: 12px;
    background-color: #fff;
    background-image: url('http://radonay.ru/wp-content/uploads/2015/10/21-144x144.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    }

    Что такое и какие значения принимает padding, background-size и так далее я думаю не будете спрашивать (если что ищите в Яндексе)
    • 0
  3. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Gann, картинка на заднем плане, а как убрать "читать далее"? Не понял, в каком файле.
    • -1
  4. Студент Аватар для krendelll
    • Регистрация: 09.07.2015
    • Сообщений: 53
    • Репутация: 12
    IX.,поставьте в фон картинку и размер шрифта сделайте нолевым.
    • 0
  5. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    krendelll, картинка уменьшается вместе со ссылкой "Читать далее" и околоссылочным текстом...
    Нажмите на изображение для увеличения.  Название:	??????564564.JPG  Просмотров:	6  Размер:	42.8 Кб  ID:	19747
    • -1
  6. Студент Аватар для krendelll
    • Регистрация: 09.07.2015
    • Сообщений: 53
    • Репутация: 12
    IX.,уберите надпись - читать делее в html файле, и поменяйте картинку в css файле, также задайте ей размеры.
    • 0
  7. Гуру
    • Регистрация: 20.01.2013
    • Сообщений: 720
    • Репутация: 189
    • Webmoney BL: ?
    IX., высоту задайте ссылке, а вообще в вашем случае использовать картинку для этой цели не лучшее решение. Почему не сделать обычным градиентом и скруглением углов средствами css (_http://www.colorzilla.com/gradient-editor/, _http://border-radius.com/)
    • 1

    Спасибо сказали:

    IX.(19.12.2015),
  8. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Цитата Сообщение от krendelll Посмотреть сообщение
    IX.,уберите надпись - читать делее в html файле, и поменяйте картинку в css файле, также задайте ей размеры.
    В каком html-файле? Что ты говоришь-то? Сайт на Wordpress, где ты там видел html-файлы.
    • 0
  9. Гуру Аватар для aeneas
    • Регистрация: 24.12.2014
    • Сообщений: 879
    • Репутация: 115
    • Webmoney BL: ?
    в коде должно быть как то так -
    <a href="http://radonay.ru/2015/10/09/362/#more-362" class="more-link"><img src="http://radonay.ru/wp-content/uploads/2015/10/kartinka.jpg" alt="" title=""></a>

    в каком файле это ковырять зависит от шаблона, у меня он к примеру называется loop.php )) каждый создатель шаблонов изголяется как может
    ищите тот файл который отвечает за вывод категорий и там вместо кода выводящего "читать далее" прописывайте картинку
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Как сделать кнопку картинкой?
Вопросы от новичков 11 14.12.2015 15:14
Google не учитывает текст скрытый под "читать далее"?
Вопросы от новичков 4 02.02.2015 23:40
Как украсить ссылку "Читать далее" на WordPress
WordPress 6 25.09.2012 13:11
Закрывать ли ссылки "читать далее"
Вопросы от новичков 13 02.08.2012 20:10
Предлогаю сделать кнопку "Апнуть тему"
Обсуждение форума и ваши предложения 20 26.01.2012 17:34

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры