26
09
08

Firefox — убираем пунктир у ссылок

Рубрики: Браузеры
Тэги: ,

firefox.gif
Всем хорош браузер ФФ (Firefox), все ссылки аккуратно обводит пунктирной линией, чтобы угодить пользователю и показать, как он старается. Иногда даже излишне. Он обводит пунктиром так же и картинки, являющиеся ссылками, и все пункты меню. В последнем случае это выглядит порой не очень красиво и явно лишним.

Чтобы урезонить рыжего, нужно сделать парочку поправок.

Во-первых, чтобы наш собственный сайт у пользователей этого славного браузера не выдавал таких лишних пунктиров, нужно в листе стилей CSS прописать короткое правило:

a, a:active {
outline: none;
}

Которое, собственно, и показывает, что нам этот пунктир и даром не нать.

Во-вторых, чтобы наш собственный лис не показывал нам это дело на других сайтах, то смело залезаем в папку с установленным браузером (обычно по-умолчанию это папка Program Files) и далее по пути:

C:\Program Files\Mozilla Firefox\res\ua.css

Вот в этом самом файле ua.css (да, да, браузер сам пользуется css-файлом!) находим правило:

:-moz-any-link:focus {
outline: 1px dotted invert;
}

и исправляем его таким образом:

:-moz-any-link:focus {
outline: none;
}

Сохраняем, перезапускаем браузер и пользуемся в свое удовольствие! :)

Вебсовет.

rss Подпишитесь на RSS


23
09
08

Выделение внешних ссылок при помощи CSS

Рубрики: Верстка
Тэги: , , ,

Во-первых, о чем речь? Внешние ссылки — ссылки на другие сайты, внутренние ссылки — соответственно, на внутренние страницы собственного сайта. С внешними ссылками все понятно. Если мы ссылаемся на Гугль, например, то пишем полный адрес http://www.google.com/. Префикс http:// и означает, что ссылка внешняя.

Внутренние ссылки также могут начинаться с этого префикса. Тогда они будут называться абсолютными. Если же мы напишем ссылку в виде: /about.html, то это будет уже относительная ссылка, которая показывает, что путь к странице about.html лежит от корня сайта.

Во-вторых, зачем их (внешние ссылки) выделять? Да просто для информирования посетителя, что ссылка идет на другой ресурс. Это что-то вроде сетевого этикета.

Читать полностью →

rss Подпишитесь на RSS


20
09
08

Pop-up изображения для текстовых ссылок

Рубрики: Верстка
Тэги: , , , , , ,

popapprim.jpg

Написать сей меня пост сподвигнул вопрос Ильи об установке кода вот из этой заметки. Данный код я упростил и использовал только для текстовых ссылок (в заметке он так же применяется для превьюшек). Смысл таков: при наведении мышки на текстовую ссылку, рядом с ней появляется картинка, которую вы заранее подготовили конкретно для этой ссылки. Зачем это нужно? Для форсу бандитского. Хотя можно, например, прикручивать скрины каких-нибудь программ, игр и т.п.

Итак, вот код для листа стилей style.css:
Читать полностью →

rss Подпишитесь на RSS


Стр. 25 из 41« 1...«22232425262728»...Посл. »