Как заменить ссылку "Далее" на картинку

<<

BVB-Russe

Аватара пользователя

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 05 янв 2013, 11:23

Re: Как заменить ссылку "Далее" на картинку

Здравствуйте, у меня немного другой вопрос. Как сделать ссылку «Читать дальше» не картинкой, а изменением стиля самой ссылки «Читать дальше»? Вот что хотелось бы видеть
Как заменить ссылку "Далее" на картинку

При этом хотел бы так изменить, чтобы это повлияло не на все другие ссылки блога, а только на эту.
<<

sv9t

Аватара пользователя

Сообщения: 729

Зарегистрирован: 23 апр 2011, 01:14

Откуда: Киров

Благодарил (а): 8 раз.
Поблагодарили: 92 раз.

Сообщение 05 янв 2013, 14:03

Re: Как заменить ссылку "Далее" на картинку

Очень просто, у тебя должен быть стиль кнопки\ссылки "Далее". Возьмем к примеру такой .dalee. В итоге код будет такой:
  Код:
// Стиль до наведения
.dalee a {
background:yellow; //фон ссылки
color:black; //цвет ссылки
}
// Стиль после наведения
.dalee a:hover {
background:black;
color:yellow;
}
Путь сновидений - Hemi-sync, Астрал, ОС, Эзотерика, Йога
Sv9t.ru - CMS, Jquery, HTML5, CSS3, IT, PHP

"Делаю перелинковку на FAQ, телепат без отпуска, наивный оптимизатор, танцую с бубном"
<<

BVB-Russe

Аватара пользователя

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 05 янв 2013, 14:44

Re: Как заменить ссылку "Далее" на картинку

sv9t писал(а):Очень просто, у тебя должен быть стиль кнопки\ссылки "Далее". Возьмем к примеру такой .dalee. В итоге код будет такой:
  Код:
// Стиль до наведения
.dalee a {
background:yellow; //фон ссылки
color:black; //цвет ссылки
}
// Стиль после наведения
.dalee a:hover {
background:black;
color:yellow;
}


Понял! Мне нужно сделать div-класс с помощью этого кода? А куда его конкретно нужно вставлять? После чего именно?
<<

sv9t

Аватара пользователя

Сообщения: 729

Зарегистрирован: 23 апр 2011, 01:14

Откуда: Киров

Благодарил (а): 8 раз.
Поблагодарили: 92 раз.

Сообщение 05 янв 2013, 17:11

Re: Как заменить ссылку "Далее" на картинку

BVB-Russe писал(а):Понял! Мне нужно сделать div-класс с помощью этого кода? А куда его конкретно нужно вставлять? После чего именно?

если у тебя уже есть ссылка далее, зачем тебе делать дополнительный div? просто вместо моего указанного класса вставляй который у тебя стоит и все.
Путь сновидений - Hemi-sync, Астрал, ОС, Эзотерика, Йога
Sv9t.ru - CMS, Jquery, HTML5, CSS3, IT, PHP

"Делаю перелинковку на FAQ, телепат без отпуска, наивный оптимизатор, танцую с бубном"
<<

BVB-Russe

Аватара пользователя

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 05 янв 2013, 17:16

Re: Как заменить ссылку "Далее" на картинку

sv9t писал(а):если у тебя уже есть ссылка далее, зачем тебе делать дополнительный div? просто вместо моего указанного класса вставляй который у тебя стоит и все.


C одной стороны, и понятно, с другой стороны, и нет
Вот как у меня стоит сейчас в шаблоне код (без этого)
  Код:
<div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
<<

sv9t

Аватара пользователя

Сообщения: 729

Зарегистрирован: 23 апр 2011, 01:14

Откуда: Киров

Благодарил (а): 8 раз.
Поблагодарили: 92 раз.

Сообщение 05 янв 2013, 17:54

Re: Как заменить ссылку "Далее" на картинку

Смотри в шаблоне этот класс .jump-link или .jump-link a, скорее всего он должен быть у тебя прописан в стилях. И дописывай\заменяй с моего кода
Путь сновидений - Hemi-sync, Астрал, ОС, Эзотерика, Йога
Sv9t.ru - CMS, Jquery, HTML5, CSS3, IT, PHP

"Делаю перелинковку на FAQ, телепат без отпуска, наивный оптимизатор, танцую с бубном"
<<

BVB-Russe

Аватара пользователя

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 05 янв 2013, 17:58

Re: Как заменить ссылку "Далее" на картинку

sv9t писал(а):Смотри в шаблоне этот класс .jump-link или .jump-link a, скорее всего он должен быть у тебя прописан в стилях. И дописывай\заменяй с моего кода


Хорошо, поищу, просто я думал, то, что я показал, и есть класс

Добавлено спустя 53 минуты 27 секунд:
BVB-Russe писал(а):
sv9t писал(а):Смотри в шаблоне этот класс .jump-link или .jump-link a, скорее всего он должен быть у тебя прописан в стилях. И дописывай\заменяй с моего кода


Хорошо, поищу, просто я думал, то, что я показал, и есть класс


Вообщем, этого класса в шаблоне не оказалось и ссылка на "Читать дальше" оформлялась по принципу класса обычной ссылки на всем сайте. То есть, странно, но своего класса оформления не было )
Поэтому решил в Дизайнере шаблонов в Дополнительных CSS сделать специальный блок для "Читать дальше".
  Код:
.jump-link a {
background: yellow;
color:black;
text-decoration: none;
padding:2px;
}

.jump-link a:hover {
background: black;
color:yellow;
padding:2px;
}


И все получилось :)
<<

BVB-Russe

Аватара пользователя

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 15 янв 2013, 17:50

Re: Как заменить ссылку "Далее" на картинку

Возник еще такой вопрос по обустройству "Читать далее". Подскажите, как расположить его так, чтобы эта ссылка-текст располагалась сразу после последнего слова анонса статьи? Сейчас она у меня располагается строкой ниже окончания анонса.
<<

sv9t

Аватара пользователя

Сообщения: 729

Зарегистрирован: 23 апр 2011, 01:14

Откуда: Киров

Благодарил (а): 8 раз.
Поблагодарили: 92 раз.

Сообщение 15 янв 2013, 22:20

Re: Как заменить ссылку "Далее" на картинку

кинь ссылку сайта
Путь сновидений - Hemi-sync, Астрал, ОС, Эзотерика, Йога
Sv9t.ru - CMS, Jquery, HTML5, CSS3, IT, PHP

"Делаю перелинковку на FAQ, телепат без отпуска, наивный оптимизатор, танцую с бубном"
<<

BVB-Russe

Аватара пользователя

Сообщения: 25

Зарегистрирован: 02 янв 2013, 18:18

Благодарил (а): 6 раз.
Поблагодарили: 0 раз.

Сообщение 15 янв 2013, 23:44

Re: Как заменить ссылку "Далее" на картинку

sv9t писал(а):кинь ссылку сайта

http://www.bvb-russia.com Вот, пожалуйста :)
Пред.След.

Вернуться в Вопросы по шаблонам

Кто сейчас на конференции

Зарегистрированные пользователи: Google [Bot]

cron
Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo