Код(Code) и Цитата(Quote) минимализм

Параметр Значение
Категория Другие скрипты
Добавил uAdministrator
Дата публикации 25.03.2025, 10:18
Авторский
Адапт. дизайн
Просмотрен 11

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

Установка:
1. Заходим в "ПУ" → "Управление дизайном" → "Таблица стилей (CSS)" и в самый низ устанавливаем данный код:
Код
/* Код(Code) и Цитата(Quote) в стиле минимализма */
/* Стиль Кода */
.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;}
/* End "Код(Code) и Цитата(Quote) в стиле минимализма" */

: UCOZ, script, скрипт, Scripts, минимализм, Цитата(Quote), Код(Code)

Комментариев пока нет..

Ты можешь быть первым, кто оставит комментарий к публикации!

Всего комментариев: 0
avatar



Администратор в сети
Администратор не в сети