Стиль для открытия ссылок в новом окне
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
A[target="_blank"] {
background:
url('blank.gif') /* Добавляем фоновый рисунок */
no-repeat /* Отменяем повторение фона */
0px /* По горизонтали рисунок не сдвигается */
2px; /* А по вертикали сдвигается вниз */
padding-left: 15px /* Смещаем текст вправо */
}
</style>
</head>
<body>
<p><a href="link1.html">Обычная ссылка</a> | <a href="link2" target="_blank">Ссылка в новом окне</a></p>
</body>
</html>
Результат примера показан ниже.
A.blank[target="_blank"] {background: url('images/blank.gif') no-repeat 0px 2px; padding-left: 15px}
|
В данном примере рисунок к ссылке добавляется с помощью атрибута background. В его функции входит создание повторяющейся фоновой картинки, но повторение фона можно отменить через аргумент no-repeat, что в итоге даст единственное изображение.
