« Код(Code) и Цитата(Quote) в стиле минимализма для uCoz »

Описание материала:

В сегодняшнем материале, мы предлагаем Вам заменить свой стандартный вид Кода (Code) и Цитаты (Quote), на простенький в стиле минимализма вид, данный стиль был сделан под сайты системы uCoz. Вид сделан только из CSS, без единого изображения. В нашем случае цвет кода темно-серый, а цвет цитаты оранжевый, но очень легко можете поменять их под свой шаблон.

Установка:
* Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим данный код:

Код
/* Код(Code) и Цитата(Quote) в стиле минимализма для uCoz */
/* Стиль Кода */
.bbCodeBlock {border: 2px solid #393939;border-radius: 5px;}  
.bbCodeName {text-align: right;padding: 2px 12px;font-weight: bold;background: #393939;color: #EFAE4D;}  
.codeMessage {font-size: 12px;padding: 10px 15px;max-height: 200px;overflow: auto;margin: 0 0 0px;color: #393939;}
/* Стиль Цитаты */
.bbQuoteBlock {border: 2px solid #EFAE4D;border-radius: 5px;}  
.bbQuoteName {text-align: right;padding: 2px 12px;font-weight: bold;background: #EFAE4D;color: #393939;}  
.quoteMessage {font-size: 12px;padding: 10px 15px;max-height: 200px;overflow: auto;margin: 0 0 0px;color: #393939;}
/* uFive.Ru */


Готово!


Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 510

Теги к материалу: Code, ucoz, код, quote, минимализм, цитата, стиль

Поделиться в соц. сетях:
Комментариев к материалу: 2
Красиво biggrin
1
Виктор Ягодин 20.03.2016 в 23:58
good
0
avatar