Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Стили ссылок


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

Код

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;     
} 


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

Автор: repa 9.3.2007, 19:52
в файл стиля дописываешь следующее:
Код

#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
создаешь файл 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
Советую почитать мануал по CSS:
http://wdh.suncloud.ru/css01.htm

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)