Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

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

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

Изменение цвета ссылок и заголовка в CSS (2.3.6)

Ребята почитав фак к CSS пробовал изменять в режиме настройки КСС, но ничего не вышло. Вот что нужно сделать.

Изменить цвет заголовка, нав бара, ссылок на форумы, и на подфорумы (возможно и ники) на зеленый цвет (его точное значения я нашел в браузере через средства разработки).

Подскажите какие значения нужно изменить в режиме редактирования КСС.

 

 

Как сейчас.

cae42293b1ab.jpg

 

 

----------------------------------------------------------------------------

 

 

Так хочу реалезовать (заменить серый на зеленый).

fd7215352b0a.jpg

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

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

Файрбаг или Средства разработки (Опера) -> смотрим какие классы определяют эти элементы -> Редактируем ксс форума (админцентр. редактировать ксс в расширенном режиме), добавляя в нужные классы нужные свойства.
  • Автор

Файрбаг или Средства разработки (Опера) -> смотрим какие классы определяют эти элементы -> Редактируем ксс форума (админцентр. редактировать ксс в расширенном режиме), добавляя в нужные классы нужные свойства.

Спасибо ! Это я в принципе усвоил. Нашел значения цвета, но так и не понял какие значения изменять, ведь форум с которого беру пример он на VB по сему классы разнятся.

А ведь значений как я понял не много гужно изменить, знать бы точно какие отвечают за ссылки и за навбар.

ведь форум с которого беру пример он на VB по сему классы разнятся

 

А причем тут классы VB? Пример можете брать с любого, а искать классы нужно у себя. Дальше открываете редактор, заранее уже зная какой вам класс нужен находите его, и добавляете туда нужные свойства элементу.

  • Автор

А причем тут классы VB? Пример можете брать с любого, а искать классы нужно у себя. Дальше открываете редактор, заранее уже зная какой вам класс нужен находите его, и добавляете туда нужные свойства элементу.

А можете привести пример на одном из классов ? Что бы далее пошел сам.

Открыл сейчас исходный текст того форума на котором так как хочу (через средства разработки Опера), и открыл у себя на форуме расширенный редактор КСС.

 

Цвет вот этот мне нужен (отрывок кода на соседнем форуме)

 

a:link, body_alink

{

color: #2C550A;

}

a:visited, body_avisited

{

color: #2C550A;

скрин.jpg
  • Автор

Спасибо ! В расширенном режиме редактирования КСС такие значения по значению submenu:

 

#submenu

{

margin: 0;

height: 30px;

text-align: right;

}

 

#submenu_left a

{

float: left;

}

 

#submenu_right a

{

float: right;

}

 

#submenu a

{

display: block;

padding: 7px;

text-decoration: none;

}

И о цвете там не сказано. Как его дописать\прописать !

 

Всем помогающим заранее спасибо за терпение и советы ! Чую когда разберусь то запомню раз и на всегда !

Добавьте св-во background

#submenu
{
margin: 0;
height: 30px;
text-align: right;
background: #2C550A;
}

  • Автор

post-47589-0-38266700-1339496207_thumb.jpg

 

 

Добавьте св-во background

#submenu
{
margin: 0;
height: 30px;
text-align: right;
background: #2C550A;
}

Теперь так.

 

#submenu

{

margin: 0;

height: 30px;

text-align: right;

background: #2C550A;

}

 

#submenu_left a

{

float: left;

}

 

#submenu_right a

{

float: right;

}

 

#submenu a

{

display: block;

padding: 7px;

text-decoration: none;

}

 

Ничего не произошло.

Ничего не произошло.

Неправда. Зашел на Ваш форум. Панель навигации поменяла цвет с серого на зеленый.

Кеш очистите в браузере.

  • Автор

Неправда. Зашел на Ваш форум. Панель навигации поменяла цвет с серого на зеленый.

Кеш очистите в браузере.

Огромное ! одно из четырех значений с первого скрина реализовано !

Не подскажите где дописать-прописать остальные значения ?

А как же? :)

А можете привести пример на одном из классов ? Что бы далее пошел сам.

Там, где "От Руси до Российской империи"

.borderwrap h3, .maintitle, .maintitlecollapse {
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 8px 8px 8px 15px;
}

Тоже добавляйте бэкграунд


Подфорумы

.forumdesc, .forumdesc a:link, .forumdesc a:visited, .forumdesc a:active {
background: transparent;
font-size: 11px;
color: #222;
line-height: 135%;
margin: 2px 0 0 0;
padding: 0;
}

color: #222; Тут меняете на свой.

Но тогда раскрасятся и описания к форумам.

Чтобы этого избежать, ниже добавьте

.forumdesc {
color: #222;
}

С форумами поинтереснее.

Там используется дефолтный цвет ссылок.

Чтобы "покрасить" только названия, придется найти в шаблоне(ах) их вывод и добавить класс к (В примере, blabla). Затем в CSS добавить

.ipbtable .row2 a.blabla {
color: #XXXXXX;
}

  • Автор

Огромное ! Реализовал почти всё, подскаджите как теперь в навбаре изменить цвет ссылок (Пользователи, поиск, итд) на белый (как сделано АУКЦИОН и ЧАТ) а то на этом фоне меркнут.

И как взять навбар в обрамляющую рамку как в неё взяты категории форума, а то шапка сливается с навбаром =)

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

Реализовал почти всё, подскаджите как теперь в навбаре изменить цвет ссылок (Пользователи, поиск, итд) на белый (как сделано АУКЦИОН и ЧАТ) а то на этом фоне меркнут.

 

#submenu a
{
display: block;
padding: 7px;
text-decoration: none;
}

Добавьте

color: #XXXXXX;

И как взять навбар в обрамляющую рамку как в неё взяты категории форума, а то шапка сливается с навбаром =)

Добавьте http://htmlbook.ru/css/border

#submenu
{
margin: 0;
height: 30px;
text-align: right;
background: #2C550A;
}

  • Автор

#submenu a
{
display: block;
padding: 7px;
text-decoration: none;
}

Добавьте

color: #XXXXXX;

Теперь так:

 

#submenu a

{

display: block;

padding: 7px;

text-decoration: none;

color: #XXXXXX;

 

}

 

Не сработало.

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

Аккаунт

Навигация

Поиск

Поиск

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

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