Question

Здравствуйте, подскаждите пожалуйста: смотрите, левая сторона меню Ритуал перевозки, Принадлежности, Вопросы - тоесть заголовки меню. Как изменить их шрифт и сделать отделяющую полоску от самих ссылок, только черного черного цвета, как вот на этом сайте ritual-katafalk.ru и подскажите где это все находится в ксс, да?

Answer 1

В стилях строку номер 263:

.hr {
 width: 180px;
 height: 0px;
 margin-top: 20px;
 margin-bottom: 20px;
 overflow: hidden;
 background: #;
}

заменить на:

.hr {
 height: 5px;
 margin-top: 2px;
 margin-bottom: 2px;
 overflow: hidden;
 background: #0a0809;
}

плюс ищем строку 344:

.block,.block .hr {margin: 15px 0px 0px 0px!important;}

удалить выделенное.

Comments

Спасибо, но посмотрите пожалуйста на сам текст слова Ритуальные перевозки, Принадлежности, Вопросы, сайта http://bus200.ru  - он синего цвета, а не черного, серово и стиль или дизайн текста не такой (тоесть буквы не такие как тут http://ritual-katafalk.ru. Тоесть подскажите что поправить чтобы размер букв и цвет был как на этом вот сайтеhttp://ritual-katafalk.ru, а с полоской суперски все получилось.

---

Сергей Свиридрв,

Стили в строке 373:

.blockcontent .uMenuV .uMenuRoot a,.publnews {
 line-height: 26px;
 font-weight: bold;
 color: #004dcc;
 margin-left: 0px;
 background: no-repeat;
 padding: 4px 0px 4px 15px;
 display: block;
 border-bottom: 1px dashed;
}

заменить на:

.blockcontent .uMenuV .uMenuRoot a,.publnews {
 line-height: 28px;
 font-weight: bold;
 color: #040097;5d5d5d
 margin-left: 0px;
 background: url() no-repeat;
 padding: 4px 0px 4px 15px;
}

стили в строке 382:

.blockcontent .uMenuV .uMenuRoot a:hover {
 color: #004dcc;
 text-decoration: anderline;
 background-position: 0px 0px;
}

замените на:

.blockcontent .uMenuV .uMenuRoot a:hover {
 color: #ff0018;
 text-decoration: none;
 background-position: 0px 0px;
}

---

Yuri_Geruk,

Извините, просто отходил! Смотрите большое спасибо, но ведь сами Названия меню Ритуал перевозки, Принадлежности и Вопросы не поменялись на такойже Цвет, размер, и шрифт как на этом вот сайте http://ritual-katafalk.ru подскажите еще как это вот изменить тоже.

---

Сергей Свиридрв,

Поправьте 256 строку:

.blocktitle {
text-decoration: underline;
 font: italic 18px 'Georgia';
 color: #082989;
 text-align: center;
}

заменив на:

.blocktitle {text-align: center;font: 15px 'Times New Roman';color: #000000;text-transform: uppercase;}

и добавив дополнительно в стили:

[id^=uMenuDiv] * { font-size: 14px; }

в итоге будет так же.

---

Yuri_Geruk,

Теперь кажется все супер - на ваш взгляд как? Еще, извините, может быть нужно как то отделить СТАТЬИ от общего раздела как то вынести или сделать крупнее или так же отделить черной полосой? Не знаю, ума не приложу - может быть вы что то предложете? дизайн штука сложная!

---

Сергей Свиридрв,

Если все в черных тонах, как пример добавить в стили:

[id^=cid] a { color: #fff; margin: 0 auto; display: table; border: none; background: #0a0809; padding: 3px; border-radius: 3px; }

вот и все. Изучайте HTML/CSS в помощь - http://htmlbook.ru/

---

Yuri_Geruk,

Гениально!!!, Спасибо за помощь! С уажением, Сергей.