« Новый вид Code и Quote в стиле минимализма для uCoz »

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

Новый, стильный, в стиле минимализма, вид Code и Quote для сайтов в системе uCoz. Данный вид сделан в оранжевых тоннах, чем отличаются Code и Quote, так это только тем что у Code фон в клетку, а у Quote фон в линейку. Данный вид очень легко устанавливается и не отнимет у Вас много времени.

Установка:
1. Скачиваем архив с нашего сайта, далее загружаем папку bb в корень своего сайта
2. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим данный код:

Код
/* Code и Quote */
.bbQuoteBlock .bbQuoteName,  
.bbCodeBlock .bbCodeName {  
  position: relative;  
  background: #D19144;  
  color: rgba(255, 255, 255, 0.8);  
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);  
  font-size: 8pt !important;  
  padding: 8px 10px !important;  
  text-transform: uppercase;  
  -webkit-border-radius: 4px 4px 0 0;  
  -moz-border-radius: 4px 4px 0 0;  
  border-radius: 4px 4px 0 0;  
font-weight: normal!important;  
}  
.bbQuoteBlock a, .bbQuoteName a,  
.bbCodeBlock a, .bbCodeName a {color: #0C252A;}  
.bbQuoteBlock a:hover, .bbQuoteName a:hover,  
.bbCodeBlock a:hover, .bbCodeName a:hover {color: #4C5354;}  
.bbQuoteBlock .bbQuoteName:before,  
.bbCodeBlock .bbCodeName:before {  
  content: '';  
  position: absolute;  
  bottom: -10px;  
  left: 18px;  
  border: 5px solid transparent;  
  border-top: 5px solid #D19144;  
}  
.bbQuoteBlock .quoteMessage,  
.bbCodeBlock .codeMessage {  
  text-align: -webkit-auto!important;  

  border: 1px solid #f9f9f9 !important;  
  padding: 10px;  
  -webkit-border-radius: 0 0 4px 4px;  
  -moz-border-radius: 0 0 4px 4px;  
  border-radius: 0 0 4px 4px;  
  font-size: 11pt;  
  color: #393939;  
}  
.bbQuoteBlock {background: #fff url(/bb/quote.png) repeat; }  
.codeMessage { background: #fff url(/bb/code.png) repeat;}
/* InternetEmpire.Ru */


Вот и всё, наш новый вид установлен!


Скачать ( Размер архива 266.1 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

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

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


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

Теги к материалу: вид, ucoz, минимализма, quote, стиле, для, новый, Code

Поделиться в соц. сетях:

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

Комментариев к материалу: 0
avatar