Сделать споллер на всю ширину для uCoz
 | |
| Здесь вы узнаете как можно сделать споллер на всю ширину на всех страницах и модулях. Который будет в желтом оттенке и красиво смотреться. Как знаем по умолчанию идет стандартный споллер и у каждого свой стиль, который также привязан к BB кнопкам. Но теперь вы можете создать свой оригинальный, что ранее на сайте уже был материал на темный споллер. И, как всегда, зависит от стилей, что нам нужно найти в CSS стиль, что выводит дизайн, что привязан к шаблону и его убрать. Так как некоторые пишут, что только поставить стиль и он автоматически изменится. Но это не так, нужно изначально найти кусок стиля и убрать его, так чтоб BB коды остались по умолчанию в оригинальном стиле. И только после того как вы убрали, то можно ставить предоставленные стили и тогда будет работать и главное поменяется ширина, что автоматически будет на всю ширину как на форуме вид материалов, так и в другом модуле включая комментарий. Если этот цвет вам не подходит, то все меняем и даже стиль визуально можно редактировать. Хорошо смотрится на форуме или на сайте где один только модуль подключен. Чтоб вы могли сами регулировать ширину спойлера, который установили. То за это отвечает значение width: 100% и здесь вы можете поиграть по ширине и сделать меньше 90% где уменьшаем ширину. Так будет смотрется как выставите стили.  Здесь по умолчанию закрыто, что ниже может быть ваше описание, это может быть материал или статья.  Это уже отредактировали CSS и уже совершенно по другому видеться и нет светлого в дизайн.  Проверяя на адаптивность и все отлично и корректно выводит.  Это в таблицу CSS: Код .uSpoilerButton, #uSpoilerFvcDtt {width: 100%; text-align: left;padding:5px;font-size:12px;font-weight:bold;background: #FFCA32;text-shadow:0px 1px 0px #FFE73F;border:1px solid #E89512;box-shadow:0px 1px 0px rgba(255,255,255,0.4) inset;-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.4) inset;-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.4) inset}.scriptcode{color:#B02C20;text-align:left;max-height:300px;overflow:auto;font-family:"Courier New"}.title_spoiler{font-weight:bold;font-size:11px;text-shadow:0px 1px 0px #fff}.title_spoiler a, .title_spoiler a:hover{color:#000} .uSpoilerText {padding:5px;font-size:12px;background:#F9F8F5;border:1px solid #F1EEE8} После установки и сам дизайн на сайте изменится, хоть немного, но безусловно внесет и уже визуально будет смотреться совершенно по другому, что изображение предоставлено и под темный фон идет красиво и оригинально. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 4 | |
|
| |
