Поиск в форуме:
Искать


Автор Сообщение
Сообщение27.06.2008 в 17:31 (UTC)    
Заголовок сообщения: Все дизайны: Форматирование ссылок в CSS

Link форматирование с CSS:
Для всех Дизайнe

В "текст по Дизайн" вставить, или в существующий код, когда вы корректировать:

Пример ссылки:
Шрифт стил= Аrial, Verdana
Размер шрифта: 14 Пиксел
Подчеркнуть = нет
Цвет = #000000 (Черный)

Цитата:
<style type="text/css">
<!--

a{
font-family: Arial,Verdana;
font-size: 14px;
color:#4A9AF6;
text-decoration: none;}

a:hover {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-size: 14px;
text-decoration: none;}

a:link {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-size: 14px;
text-decoration: none;}

a:active {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-size: 14px;
text-decoration: none;}

a:visited {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-size: 14px;
text-decoration: none;}
-->
</style>


Расшифровка:
a = ссылку
a:hover = если курсор мыши на ссылку продолжается
a:link = ссылка еще не посетил ссылку
a:active = активное = даже angeklickter ссылку
a:visited = посетили уже посещенные страницы

Вы можете либо для всех одинаковая форма, или другое.

Будут ли Вы, подчеркнул ссылки?
Потом везде образом: ext-decoration: underline;
Жирный = font-weight: bold;
______________


Последний раз редактировалось: sta-best (16.08.2008, 20:37), всего редактировалось 2 раз(а)
Сообщение07.07.2008 в 21:13 (UTC)    
Заголовок сообщения: Форматирование ссылок с помощью CSS

Спасибо sta-best за полезную информацию. Я подкорректрировал предыдущее сообщение.

Форматирование ссылок с помощью CSS:

Описанный здесь способ форматирования ссылок применим для всех дизайнов.

Следующий код можно вставить в поле "текст над дизайном" или на странице с существующим кодом (тогда изменяться только ссылки этой страницы).

В результате ссылки будут иметь следующие характеристики:
Стиль шрифта= Аrial, Verdana
Размер шрифта: 14 Пиксел
Подчеркнуть = нет
Цвет = #4A9AF6

Цитата:
<style type="text/css">
<!--
a{
font-family: Arial,Verdana;
font-size: 14px;
font-weight: normal;
color:#4A9AF6;
text-decoration: none;}

a:hover {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-weight: normal;
text-decoration: none;}

a:link {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-weight: normal;
text-decoration: none;}

a:active {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-weight: normal;
text-decoration: none;}

a:visited {
font-family: Arial,Verdana;
font-size: 14px;
color: #4A9AF6;
font-weight: normal;
text-decoration: none;}
-->
</style>


Расшифровка:
a = ссылка
a:hover = ссылка при наведенном курсоре мыши
a:link = неактивная ссылка (по ссылке еще не было перехода)
a:active = активная ссылка
a:visited = уже посещенные страницы

Вы можете либо различать вышеперечисленные состояния ссылок, либо отформатировать все однотипно.

Если вы хотите, чтобы все ссылки были подчеркнутыми, замените
Цитата:
text-decoration: none;
на
Цитата:
text-decoration: underline;

Чтобы выделить все ссылки жирным замените
Цитата:
font-weight: normal;
на
Цитата:
font-weight: bold;

______________

Ах да! Я уже с октября 2008 не администрирую ru.gg. Прошу не задавать вопросы по тех. поддержке и т.д. Ответов как вы понимаете все равно не будет. Smile


Последний раз редактировалось: meinhart (07.07.2008, 22:18), всего редактировалось 1 раз
Показать сообщения:   


Powered by phpBB © 2001, 2005 phpBB Group
phpBB