Форум

Cskontra.at.ua » Вид цитат для Ucoz - Форум

Поиск:

Страница 1 из 1
1

Форум » Все для Ucoz » Скрипты для Ucoz » Вид цитат для Ucoz

Вид цитат для Ucoz

cskontra_at_ua

Дата: Суббота, 06.06.2015, 22:01 | Сообщение # 1

Группа: Пользователи

Сообщений: 4

Репутация: 10

Ранг: Салага

Описание:
Красивый вид цитат для ucoz, подойдет под любой дизайн. Так же скрипт можно сделать и под вид Кодов.
Установка:
CSS код скопируйте к себе в ПУ / Дизайн / Управление дизайном (CSS), либо в отдельный css файл

Бежевый

Код

.bbQuoteBlock {
    display:block;
    border:1px solid #EEEBDC;
    margin:10px;
    padding:0 10px 0 20px;
    background: #FFFEEE url('http://cskontra.at.ua/skript4ucoz/noteyellowbg.gif') repeat;
    -moz-box-shadow: 1px 1px 0 #cfc9b7;
    -webkit-box-shadow: 1px 1px 0 #CFC9B7;
    box-shadow: 1px 1px 0 #CFC9B7;
    font-size:12px;
    line-height:21px;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    color:#696765;
    position:relative;
}
.bbQuoteName {
    position:absolute;
    top:1px;
    left:35px;
}
.quoteMessage {
    border:0 none !important;
    border-left:4px double #F3B3A9 !important;
    display:block;
    padding:23px 10px 9px 15px;
    word-wrap:break-word;
}

Синий

Код

.bbQuoteBlock {
    display:block;
    border:1px solid #d3eef7;
    margin:10px;
    padding:0 10px 0 20px;
    background: #E7F6FB url('http://cskontra.at.ua/skript4ucoz/notebluebg.png') repeat;
    -moz-box-shadow: 1px 1px 0 #d3eef7;
    -webkit-box-shadow: 1px 1px 0 #d3eef7;
    box-shadow: 1px 1px 0 #d3eef7;
    font-size:12px;
    line-height:21px;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    color:#747474;
    position:relative;
}
.bbQuoteName {
    position:absolute;
    top:1px;
    left:35px;
}
.quoteMessage {
    border:0 none !important;
    border-left:4px double #F3B3A9 !important;
    display:block;
    padding:23px 10px 9px 15px;
    word-wrap:break-word;
}

Зеленый

Код

.bbQuoteBlock {
    display:block;
    border:1px solid #d8f8cd;
    margin:10px;
    padding:0 10px 0 20px;
    background: #fff3d6 url('http://cskontra.at.ua/skript4ucoz/notegreenbg.png') repeat;
    -moz-box-shadow: 1px 1px 0 #d8f8cd;
    -webkit-box-shadow: 1px 1px 0 #d8f8cd;
    box-shadow: 1px 1px 0 #d8f8cd;
    font-size:12px;
    line-height:21px;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    color:#747474;
    position:relative;
}
.bbQuoteName {
    position:absolute;
    top:1px;
    left:35px;
}
.quoteMessage {
    border:0 none !important;
    border-left:4px double #F3B3A9 !important;
    display:block;
    padding:23px 10px 9px 15px;
    word-wrap:break-word;
}

Оранжевый

Код

.bbQuoteBlock {
    display:block;
    border:1px solid #f9e8bf;
    margin:10px;
    padding:0 10px 0 20px;
    background: #fff3d6 url('http://cskontra.at.ua/skript4ucoz/noteorangebg.png') repeat;
    -moz-box-shadow: 1px 1px 0 #f9e8bf;
    -webkit-box-shadow: 1px 1px 0 #f9e8bf;
    box-shadow: 1px 1px 0 #f9e8bf;
    font-size:12px;
    line-height:21px;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    color:#747474;
    position:relative;
}
.bbQuoteName {
    position:absolute;
    top:1px;
    left:35px;
}
.quoteMessage {
    border:0 none !important;
    border-left:4px double #F3B3A9 !important;
    display:block;
    padding:23px 10px 9px 15px;
    word-wrap:break-word;
}

Красный

Код

.bbQuoteBlock {
    display:block;
    border:1px solid #f7d1d1;
    margin:10px;
    padding:0 10px 0 20px;
    background: #ffe6e6 url('http://cskontra.at.ua/skript4ucoz/noteredbg.png') repeat;
    -moz-box-shadow: 1px 1px 0 #f7d1d1;
    -webkit-box-shadow: 1px 1px 0 #f7d1d1;
    box-shadow: 1px 1px 0 #f7d1d1;
    font-size:12px;
    line-height:21px;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    color:#747474;
    position:relative;
}
.bbQuoteName {
    position:absolute;
    top:1px;
    left:35px;
}
.quoteMessage {
    border:0 none !important;
    border-left:4px double #F3B3A9 !important;
    display:block;
    padding:23px 10px 9px 15px;
    word-wrap:break-word;
}

Белый

Код

.bbQuoteBlock {
    display:block;
    border:1px solid #EFEFEF;
    margin:10px;
    padding:0 10px 0 20px;
    background: #FFF url('http://cskontra.at.ua/skript4ucoz/notewhitebg.png') repeat;
    -moz-box-shadow: 1px 1px 0 #EFEFEF;
    -webkit-box-shadow: 1px 1px 0 #EFEFEF;
    box-shadow: 1px 1px 0 #EFEFEF;
    font-size:12px;
    line-height:21px;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    color:#747474;
    position:relative;
}
.bbQuoteName {
    position:absolute;
    top:1px;
    left:35px;
}
.quoteMessage {
    border:0 none !important;
    border-left:4px double #F3B3A9 !important;
    display:block;
    padding:23px 10px 9px 15px;
    word-wrap:break-word;
}

Если у вас слово "Quote" вместо "Цитата" для этого в конец страницы вставим данный код:

Код

Должно работать, если у вас в CSS стиле не было строчек со стилями уже вида Цитат

Camper

Дата: Суббота, 06.06.2015, 22:12 | Сообщение # 2

Группа: Администратор

Сообщений: 267

Репутация: 30

Гл Админ

Форум » Все для Ucoz » Скрипты для Ucoz » Вид цитат для Ucoz

Страница 1 из 1
1