Jump to content
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

Edited by PaulZibert

Featured Replies

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

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

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

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

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

 

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

  • Author

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

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

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

 

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

 

a:link, body_alink

{

color: #2C550A;

}

a:visited, body_avisited

{

color: #2C550A;

  • Author

Спасибо ! В расширенном режиме редактирования КСС такие значения по значению 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;
}

  • Author

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;

}

 

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

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

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

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

  • Author

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

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

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

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

А как же? :)

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

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

.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;
}

  • Author

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

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

Edited by 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;
}

  • Author

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

Добавьте

color: #XXXXXX;

Теперь так:

 

#submenu a

{

display: block;

padding: 7px;

text-decoration: none;

color: #XXXXXX;

 

}

 

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

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

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.