Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
PaulZibert

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

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

06/12/12 07:18 (изменено)

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

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

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

 

 

Как сейчас.

cae42293b1ab.jpg

 

 

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

 

 

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

fd7215352b0a.jpg

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

Поделиться сообщением


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

Поделиться сообщением


Ссылка на сообщение

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

 

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

 

a:link, body_alink

{

color: #2C550A;

}

a:visited, body_avisited

{

color: #2C550A;

Поделиться сообщением


Ссылка на сообщение
скрин.jpg
  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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;

}

 

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

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

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

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

Поделиться сообщением


Ссылка на сообщение

А как же? :)

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

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

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
06/12/12 12:21 (изменено)

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

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

Изменено пользователем 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;
}

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

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

×
×
  • Создать...