>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Firefox http://forum.mozilla-russia.org/viewforum.php?id=4 >Подсветка посещенных ссылок-картинок http://forum.mozilla-russia.org/viewtopic.php?id=57583 |
Leopold > 02-01-2013 21:18:35 |
Есть много сайтов, на которых многие ссылки сделаны картинками. Ссылка-картинка отличается (в худшую сторону) от ссылки-текста тем, что ссылка-текст меняет свой цвет при посещении (т.е. если ссылка стандартного цвета - то я знаю, что я ее еще не посещал, а если измененного - то знаю, что посещал), а ссылка-картинка - всегда отображается одной и той же картинкой. Вопрос такой: есть ли какое-то расширение (или способ настроить такое поведение), которое позволит каким либо образом метить ссылки-картинки так, чтобы не открывая эти ссылки было видно, посещались они или нет? Например банальное отображение текста вместо картинки (если это ссылка), причем такого текста, который будет менять свой цвет при посещении. Вот например обратное расширение есть - text to image, а мне, грубо говоря, нужно как раз расширение "image to text" (которое поиском не нашел). Ну и если расширения такого плана не существует - просьба рассказать, каким образом можно добиться поведения, при котором по внешнему виду ссылки-картинки будет видно, посещалась она уже или нет. В идеале хотелось бы, чтобы в текст превращались только те ссылки, картинка которых содержится в специальном списке (например если ссылка www.mozilla.com является картинкой, которая находится по адресу www.mozilla.com/1.jpg, то я вношу в список www.mozilla.com/1.jpg, и браузер определяет, что раз в списке есть www.mozilla.com/1.jpg - то данную ссылку-картинку надо отобразить текстом). Заранее спасибо и всех с новым годом! |
okkamas_knife > 02-01-2013 21:32:35 |
Leopold |
Leopold > 02-01-2013 22:36:40 |
Если кто силен в CSS - просьба подсказать код (или хотя бы идею кода), который либо превратит целевую картинку-ссылку в текстовую ссылку, либо превратит все картинки-ссылки в текстовые ссылки, либо как-то будет изменять картинки ссылки таким образом, чтобы было видно, посещалась эта ссылка или нет Заранее спасибо |
Kamui > 02-01-2013 23:00:12 |
Leopold |
Infocatcher > 02-01-2013 23:53:11 |
Kamui
|
Kamui > 03-01-2013 00:23:27 |
Тогда так наверно: Выделить код Код::link > img {outline: 5px solid white; } :visited > img {outline-color: black !important;} Но это вообще некрасиво. |
MagicFly > 03-01-2013 01:00:22 |
А как быть с "гибридными" ссылками, на примере зеленой кнопки "Firefox Free Download" на http://www.mozilla.org ? |
Leopold > 03-01-2013 01:39:46 |
Kamui пишет
Несмотря на то, что это не самый красивый вариант - на первое время пойдет. Я сделал так: :link > img[height="высота1"][width="ширина1"] :link > img[height="высота2"][width="ширина2"] ... И так для каждого изображения. Высота1/2/N и ширина1/2/N - это высота и ширина изображений, для которых применяется вся эта байда (на данный момент я детекчу целевые изображения именно по размеру). Огромное спасибо тебе за помощь! Тем не менее, вопрос остается открытым. Конкретные вопросы, которые осталось решить: 1) Как сделать одно единственное правило для рисунков разного размера, чтобы не копировать его по 10 раз, как это сделано сейчас (см. выше) ? 2) Какой код/синтаксис позволит вместо ширины/высоты детектить изображения по ссылке на них (как описано в стартовом посте) ? 3) Есть ли способ преобразовать картиночные ссылки в текстовые (причем чтобы текстовые ссылки, полученные на выходе - подсвечивались, если они visited) ? |
okkamas_knife > 03-01-2013 02:34:54 |
Leopold пишет
есть но не уверен что возможно стилями а через скрипты это возможно 100%. |
Sergeys > 03-01-2013 12:44:01 |
Есть тема в faq - ищу расширение |