Перейти к содержимому
Русский язык для Invision Community 5

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

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

 

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

 

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

 

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

 

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

Рекомендованные сообщения

В 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

 

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

Да..

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

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

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

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

  • Автор
В 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

 

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

 

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

Изменено пользователем stalin_alex

Откройте в свойствах скина расширенный режим редактирования css.

Затем скопируйте весь код в текстовый редактор и изучайте.

О классах лучше почитать в специальной литературе по css.

Но, проще говоря, это элементы, которые помогают управлять внешним видом веб-страницы.

В коде html не пишем стили: цвет, размер, контур, а задаем класс, уже описанный в css.

  • Автор
Откройте в свойствах скина расширенный режим редактирования css.

Затем скопируйте весь код в текстовый редактор и изучайте.

О классах лучше почитать в специальной литературе по css.

Но, проще говоря, это элементы, которые помогают управлять внешним видом веб-страницы.

В коде html не пишем стили: цвет, размер, контур, а задаем класс, уже описанный в css.

 

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

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

Возьмите, к примеру, класс .maintitle, найдите его в css и посмотрите, что ниже спустя n-ное число строк прописаны:

.maintitle a:link,

.maintitle a:active,

.....

По этому образу создайте класс .new.

А в html ссылки пропишете вида:

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

  • Автор
Нужно отдельный класс создать, прописать его в html и в css, к нему добавить классы для ссылок и в них прописать свойства.

Возьмите, к примеру, класс .maintitle, найдите его в css и посмотрите, что ниже спустя n-ное число строк прописаны:

.maintitle a:link,

.maintitle a:active,

.....

По этому образу создайте класс .new.

А в html ссылки пропишете вида:

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

 

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

Изменено пользователем stalin_alex

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

 

Объявляется превеликая благодарность модератору и дизайнеру Fisana

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

 

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

  • Автор

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

 

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

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

 

Внимание вопрос:

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

 

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

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

и по типу:

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

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

a{свойства}

a:hover{свойства}

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

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

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

a{свойства}

a:hover{свойства}

 

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

  • Автор

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

 

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

Изменено пользователем stalin_alex

Честно говоря, не знаю, так как никогда iframe не использую. Приведите пример кода, возможно, соображу как..

  • Автор
Честно говоря, не знаю, так как никогда iframe не использую. Приведите пример кода, возможно, соображу как..

monitoring.php

Могу посоветовать только попробовать, где в коде

Заменить на

Получится, или нет, не знаю.

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.