Визуальное оформление ссылок

Правила форума

Здесь обсуждаются вопросы оформления форумов IPB 2.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 3.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

2 Страниц
1
2
→

Вы не можете создавать новые темы
Вы не можете отвечать в этой теме

Визуальное оформление ссылок Вопросы по редактированию внешнего вида текстовых ссылок

#1 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

Отправлено 08 Ноябрь 2007 - 13:04

Здравствуйте уважаемые модераторы!

Мне нужно изменить внешний вид моих ссылочек на главной странице в скине RUNET

Меня интересуют следующие вопросы:

1. Я изменил цвет ссылки от чёрного к зелёному, и после этого у неё пропал эффект переливания при наведении.Как мне зделать так, чтобы при наведениии она меняла цвет, как это делают ссылки по умолчанию чёрного цвета!

2. Как зделать так, чтобы у ссылки, при наведении, исчезало подчёркивание??

Наверх of the page up there ^

#2 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 890
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 08 Ноябрь 2007 - 13:10

В IPB общие классы для ссылок:

/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */


a:link,
a:visited,
a:active{
		background: transparent;
		text-decoration: underline;
		color: #2d0000;
}

a:hover{
		background: transparent;
		color: #000;
}

(цвета мои, произвольные)
Чтобы ссылка меняла цвет при наведении, следует в свойствах a:hover его изменить так, чтобы он отличался от заданного в a:link.....
text-decoration: underline; - подчеркивание.
text-decoration: none; - отсутствие подчеркивания. Чтобы при наведении черта убиралась, этот параметр нужно добавить в a:hover

Также для некоторых классов индивидуально могут добавляться свои параметры ссылок.

Наверх of the page up there ^

#3 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 890
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 08 Ноябрь 2007 - 14:06

Да..
Если записать так:

a:hover{
		background: transparent;
		color: #000;
		text-decoration: blink; 
}

Ссылка при наведении будет мигать :lol:

Но лучше так не делать.

Наверх of the page up there ^

#4 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

автор темы Отправлено 08 Ноябрь 2007 - 14:24

Fisana Nov 8 2007, 02:11 PM сказал(а):

В IPB общие классы для ссылок:

/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */
a:link,
a:visited,
a:active{
		background: transparent;
		text-decoration: underline;
		color: #2d0000;
}

a:hover{
		background: transparent;
		color: #000;
}

Я конечно очень благодарен за помощь, но только я так и не понял где редактировать, или вставлять этот код надо(((( Что такое Общие классы для ссылок, а вернее где это находится??

Сообщение изменено: stalin_alex (08 Ноябрь 2007 - 14:25)

Наверх of the page up there ^

#5 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 890
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 08 Ноябрь 2007 - 14:39

Откройте в свойствах скина расширенный режим редактирования css.
Затем скопируйте весь код в текстовый редактор и изучайте.
О классах лучше почитать в специальной литературе по css.
Но, проще говоря, это элементы, которые помогают управлять внешним видом веб-страницы.
В коде html не пишем стили: цвет, размер, контур, а задаем класс, уже описанный в css.

Наверх of the page up there ^

#6 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

автор темы Отправлено 08 Ноябрь 2007 - 16:45

Fisana Nov 8 2007, 03:40 PM сказал(а):

Так ну с изменением цветов разобрался, несложно было. Ну а скажите а как же зделать, чтобы отдельно взятая ссылка в левой панели отличалась цветом от остальных ссылок и при наведении так же был заданный цвет свой. Допустим я ей задал цвет командой color в HTML, но она не меняет цвет при наведении. Тоесть она должна отличаться от остальных ссылок, работающих по заданному шаблону в css

Наверх of the page up there ^

#7 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 890
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 08 Ноябрь 2007 - 16:52

Нужно отдельный класс создать, прописать его в html и в css, к нему добавить классы для ссылок и в них прописать свойства.
Возьмите, к примеру, класс .maintitle, найдите его в css и посмотрите, что ниже спустя n-ное число строк прописаны:
.maintitle a:link,
.maintitle a:active,
.....
По этому образу создайте класс .new.
А в html ссылки пропишете вида:

<span class="new"><a href="..."></span>

Наверх of the page up there ^

#8 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

автор темы Отправлено 08 Ноябрь 2007 - 17:05

Fisana Nov 8 2007, 05:53 PM сказал(а):

<span class="new"><a href="..."></span>

По моему понял. Попробую дома, а то, конец дня, и собираться пора домой. Спасибо, скоро отвечу что получилось!

Сообщение изменено: stalin_alex (08 Ноябрь 2007 - 17:08)

Наверх of the page up there ^

#9 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

автор темы Отправлено 09 Ноябрь 2007 - 09:27

stalin_alex Nov 8 2007, 06:06 PM сказал(а):

Объявляется превеликая благодарность модератору и дизайнеру Fisana
За безотказную помощь и дары знаний нуждающимся людям. Всё получилось Большое спасибо!

Ура! товарищиииии

Наверх of the page up there ^

#10 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

автор темы Отправлено 15 Ноябрь 2007 - 19:33

Уважаемые модераторы, у меня новый созревший вопрос!

Предисловие:

Есть мной созданная html страничка, в ней с помощью инклуда вставлен некий php код. В этом коде я зделал ссылку.

Внимание вопрос:
Как в этом случае заменить цвета ссылки и редактировать, как либо её! По умолчанию ссылка стала розовым цвтом, который для меня жуть как не приемлимо, на чёрном фоне!

к ipb этот вопрос не имеет... С уважением Коба!

Наверх of the page up there ^

#11 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 890
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 16 Ноябрь 2007 - 11:12

Создайте в той же папке к страничке файл css, пропишите его в head между тегами <head> и </head> по типу:

<link href="название файла.css" rel="stylesheet" type="text/css" />

А в css задайте общие классы для ссылок:
a{свойства}
a:hover{свойства}

Наверх of the page up there ^

#12 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

автор темы Отправлено 17 Ноябрь 2007 - 13:33

Fisana Nov 16 2007, 12:13 PM сказал(а):

Создайте в той же папке к страничке файл css, пропишите его в head между тегами <head> и </head> по типу:

<link href="название файла.css" rel="stylesheet" type="text/css" />

А в css задайте общие классы для ссылок:
a{свойства}
a:hover{свойства}

Всё понял. Получилось замечательно, ещё раз спасибо!

Наверх of the page up there ^

#13 stalin_alex

Advanced

Группа: Пользователи
Сообщений: 119
Регистрация: 29-Сентябрь 07
Репутация: 0
Откуда:Белгород
IPB version:2.2.2

автор темы Отправлено 17 Ноябрь 2007 - 18:44

Ещё вопросик!

А если ситуация такая: php скрипт добавлен в тело левой колонки, на главной странице форума. И не просто добавлен, а добавлен через iframe, а не через include, так как я уже давно сделал вывод, что так просто не заинклудишь скрипт на форум, и решил забить на это и пользоваться ифреймом. Так вот, в этом скрипте тоже есть ссылка, и она приняла вид розовой ссылочки, без изменений при наведении. Вот как тут поступать?

Сообщение изменено: stalin_alex (17 Ноябрь 2007 - 18:45)