Как сделать тень на боковых панелях

[Роман_Тютин]

Привет, подскажите пожалуйста как сделать выделенные сообщения с тенью как у Вас на форуме, и боковые панели , надеюсь понятно объяснил

 

[aligon]

что я залез в макет сообщений?

Весь код CSS добавляется исключительно в шаблон EXTRA.CSS и желательно в мастер-шаблоне.

Я добавил всё в дефолтный

.sidebar .secondaryContent{
border: 1px solid #d7edfc;
border-radius: 5px;
box-shadow: 5px 2px 5px rgba(0,0,0,0.4); }

.message {
border: 1px solid #d7edfc;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.4); }

.sectionMain, .node .nodeLastPost {
border: 1px solid #d7edfc;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
margin-bottom: 20px;
padding: 10px;
}
.node .nodeLastPost:hover {
box-shadow: none;
}

На главной мегает а на сообщениях нет

именно в EXTRA.CSS

 

[baltun]

Этот код делает что ? Добавляет тени для боковой панели, добавляет тени для сообщений, добавляет тени для блока привью скажем так на главной странице и при наведении на него создает эффект нажатия и все. Вы наверное хотите еще чтобы синим цветом подсвечивалось при наведении на сообщения ? Можно написать так:

.messageList .message:hover {
box-shadow: 0 0 15px #176093;
}

 

[aligon]

Супер, работает.
Скажите, не знаю куда написать, а как отступ сделать у аватара, от общего блока так на 10px

 

[baltun]

10 px думаю будет много, но вообще так надо прописать:

.messageUserInfo {
   padding-left: 5px;
}

/*твой вариант*/

.messageUserInfo {
   padding-left: 10px;
}

 

[aligon]

Вы написали "Весь код CSS добавляется исключительно в шаблон EXTRA.CSS и желательно в мастер-шаблоне."
Скажите, а если я все коды, которые имеются в EXTRA перенесу в мастер-стиль, то что то изменится или это лишнее?
И в чём разница?

 

[baltun]

Все что прописано в мастер-стиле наследуется шаблоном по умолчанию, а если будет разница между ними, то добавленный код вообще может не выполнятся. Я уже тут писал идеальный вариант добавления своих CSS Добавляем свой CSS в EXTRA.CSS при этом любое обновление вам не страшно, потому что все будет добавляться в виде модификации.

 

[aligon]

После установки кодов, что пошло не так или может что то дописать, так как сообщения и тема стали вместе, как это поправить?
Ак это разделить, в макетах или в EXTRA?

 

[baltun]

Мне кажется это по умолчанию должно быть, но вот это отвечает за расстояние:

.message {
border: 1px solid #d7edfc;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
margin-bottom: 20px;
padding: 10px 10px 30px 10px;
}

 

[aligon]

Мне кажется это по умолчанию должно быть, но вот это отвечает за расстояние:

.message {
border: 1px solid #d7edfc;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
margin-bottom: 20px;
padding: 10px 10px 30px 10px;
}

Да, вот так заработало, но по у молчанию нет,.
У меня пару плагинов стоит , может они мешают!?