VPF::Стили ссылок - Форум программистов

Osrus

Дата 9.3.2007, 19:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 443
Регистрация: 4.12.2004

Репутация: нет
Всего: 3

Подскажите, как оформить разные стили ссылок.
Допустим есть стиль для всего документа:

Код


A {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size:8pt; color:#000000; font-weight:bold;
}
A:Visited  {font-size:8pt; color:#000000; font-weight:bold;
}
A:Active  {font-size:8pt; color:#000000; font-weight:bold;
}
A:Hover  {font-size:8pt;  color:#51493A; font-weight:bold;     
}

Нужно офоромит только одну ссылку, допустим, без выделения ее полужирным и сделать ее другого цвета.

--------------------

Шагнул на скользкий путь красноглазия...
Long live Socialism!

repa

Дата 9.3.2007, 19:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 2.1.2007

Репутация: нет
Всего: нет

в файл стиля дописываешь следующее:

Код


#link {color:#ff3344; text-decoration:none; font:bold 8pt Verdana, Geneva, Arial, helvetica, sans-serif;}

а в коду пишешь так:

Код


<a id="link" href="#">ссылка</a>

вроде так.

abalich

Дата 10.3.2007, 01:30 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 434
Регистрация: 26.2.2007
Где: Воронеж

Репутация: нет
Всего: нет

создаешь файл style.css
и пмшешь в нем

Код


A.mainlevel:link {
    BACKGROUND-POSITION: left 50%; COLOR: #FFFFFF; TEXT-ALIGN: left
}
A.mainlevel:visited {
    BACKGROUND-POSITION: left 50%; COLOR: #FFFFFF; TEXT-ALIGN: left
}
A.mainlevel:hover {
    BACKGROUND-POSITION: left 50%; COLOR: #FF0000; TEXT-ALIGN: left
}

Код


<head>
<link href="Путь/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<a href="#null class = "mainlevel">Ссылка</a>
</body>

--------------------

Мой дядя самых честных "грабил"...

korisarimi

Дата 11.3.2007, 18:58 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 111
Регистрация: 9.5.2006

Репутация: 1
Всего: 1

Советую почитать мануал по CSS:
http://wdh.suncloud.ru/css01.htm

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »