Question

Здравствуйте. Скорее всего я сам где то накосячил в CSS, но все же я не смог найти решение проблем.

1. Поле для ввода текста в блоке чата сливается с его бэкграундом и сам текст при наборе имеет этот проклятый #ededed.

[URL=http://radikal.ru/big/7cbcb12add054748b4fb0f9a5fc46f83][IMG]http://i016.radikal.ru/1511/3e/71eb3ca7faa5.jpg[/IMG][/URL]

2. На форуме есть побочный фон самого форума, и он ослепительно белого цвета, как и кнопки форума.

[URL=http://radikal.ru/big/a773a55791464c808fb84edc54f6cc5a][IMG]http://s019.radikal.ru/i617/1511/f4/cc2b6b46d94b.jpg[/IMG][/URL]

 

Можете подсказать, где изменить эти настройки? Заранее спасибо.

Answer 1

1. Как изменить фон в чате уже отвечалось ранее - http://www.ucoz.ru/qa/index.php/38193

2. Добавьте в самый низ таблицы стилей CSS следующие стили:

.forumContent table {background: #E8E8E8;}

Цвет кнопочк, что выше на контентом, можете изменить в стилях начиная с строки 983-1036:

.fNavLink {
 display: inline-block;
 text-align: left;
 padding: 14px;
 border: none;
 border-radius: 2px;
 color: #000;
 background-color: #ededed; /*Текущий фон кнопок*/
 font: italic normal 13px Arial, sans-serif;
 cursor: pointer;
 -webkit-box-shadow: inset 0 -2px rgba(0,0,0,.2);
 -moz-box-shadow: inset 0 -2px rgba(0,0,0,.2);
 box-shadow: inset 0 -2px rgba(0,0,0,.2);
 -webkit-transition: background-color .15s ease;
 -moz-transition: background-color .15s ease;
 -ms-transition: background-color .15s ease;
 -o-transition: background-color .15s ease;
 transition: background-color .15s ease;
}

.fNavLink:hover {
 text-decoration: none;
}


.fNavLink:hover {
 background-color: #ededed; /*Текущий фон кнопок при наведении*/
}

.fNavLink:active {
 background-color: #ededed; /*Текущий фон для активной кнопки*/
 -webkit-transition: background-color 0s ease;
 -moz-transition: background-color 0s ease;
 -ms-transition: background-color 0s ease;
 -o-transition: background-color 0s ease;
 transition: background-color 0s ease;
}

.fNavLink:first-child {
 background-color: #5CACEE; /*Текущий фон для первой кнопки по умолчанию*/
 color: #000;
}

.fNavLink:first-child:hover {
 background-color: #5CACEE; /*Текущий фон для первой кнопки при наведении */
}

.fNavLink:first-child:active {
 background-color: #5CACEE; /*Текущий фон для активной первой кнопки по умолчанию*/
 -webkit-transition: background-color 0s ease;
 -moz-transition: background-color 0s ease;
 -ms-transition: background-color 0s ease;
 -o-transition: background-color 0s ease;
 transition: background-color 0s ease;
}

Comments

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

---

Станислав Пашута,

В стилях строка номер 360:

textarea,
.loginField {
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 opacity: 0;
}

задали для класса прозрачность, вот и не видите ничего. Удалите выделенное.

Либо допишите в стили в самый низ:

textarea#mchatMsgF {opacity:1;}

---

Yuri_Geruk,

Спасибо большое! Не могли бы Вы подсказать, где именно допущена эта ошибка? Я еще учусь вебу и хочу знать, как не допустить подобное в следующий раз. Я эксперементировал с прозрачностью, но нигде кроме стилей и контейнера я не прописывал опасити. И поиск по textarea или opacity ничего не дал.

---

Станислав Пашута,

строка 360 в ксс, посмотрите внимательно, для текстареи есть опасити.