Перейти к публикации
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.

Изменение цвета ссылок и заголовка в 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;

 

}

 

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

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

Сейчас на странице 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.