Поиск:
Страница 1 из 11
Форум » Все для Ucoz » Скрипты для Ucoz » Вид цитат для Ucoz
Вид цитат для Ucoz
Дата: Суббота, 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" вместо "Цитата" для этого в конец страницы вставим данный код:
Код
<script type="text/javascript">    
    jQuery(document).ready(function () {    
    $(".bbQuoteName b").text("Цитата");    
});    
</script>

Должно работать, если у вас в CSS стиле не было строчек со стилями уже вида Цитат
Дата: Суббота, 06.06.2015, 22:12 | Сообщение # 2
Группа: Администратор
Сообщений: 267
Репутация: 30
Гл Админ
dry
Форум » Все для Ucoz » Скрипты для Ucoz » Вид цитат для Ucoz
Страница 1 из 11
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн сайта разработал life_man, сверстал sp1nn15.
Сайт управляется системой uCoz.
CSKONTRA.AT.UA © 2012-2017