Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

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

 

Мне нужно изменить внешний вид моих ссылочек на главной странице в скине 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

Опубликовано:

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

Заменить на

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

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

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.