Телепорт
» » » Новые виды цитат для ucoz

Новые виды цитат для ucoz

Новые виды цитат для ucoz


Новые виды цитат для ucoz. Всего 6 цветовых вариантов, и скорей всего вы найдется цвет подходящий под ваш сайт. Установка не составит труда, все что будет необходимо сделать так это скопировать css код подходящей цитаты и вставить в самый низ таблицы стилей(CSS).

Голубой вид
.bbQuoteName {  
background:#6cadcd;
color:#fff;
line-height:28px;
padding-left:15px;
text-transform:uppercase;
}
.quoteMessage {
border:1px solid #e5e1d9 !important;
border-top:0 none !important;
padding:15px 15px 15px 15px;
background:#f2eee6 url(http://site/img/blue_arrow.png) no-repeat 90% top;
font-style:italic;
}

Зеленый вид
.bbQuoteName {  
background:#AABC38;
color:#fff;
line-height:28px;
padding-left:15px;
text-transform:uppercase;
}
.quoteMessage {
border:1px solid #e5e1d9 !important;
border-top:0 none !important;
padding:15px 15px 15px 15px;
background:#f2eee6 url(http://site/img/green_arrow.png) no-repeat 90% top;
font-style:italic;
}

Серый вид
.bbQuoteName {  
background:#c7c8c8;
color:#fff;
line-height:28px;
padding-left:15px;
text-transform:uppercase;
}
.quoteMessage {
border:1px solid #e5e1d9 !important;
border-top:0 none !important;
padding:15px 15px 15px 15px;
background:#f2eee6 url(http://site/img/gray_arrow.png) no-repeat 90% top;
font-style:italic;
}

Розовый вид
.bbQuoteName {  
background:#ff6cb2;
color:#fff;
line-height:28px;
padding-left:15px;
text-transform:uppercase;
}
.quoteMessage {
border:1px solid #e5e1d9 !important;
border-top:0 none !important;
padding:15px 15px 15px 15px;
background:#f2eee6 url(http://www.kinobp.ru/img/pink_arrow.png) no-repeat 90% top;
font-style:italic;
}

Оранжевый вид
.bbQuoteName {  
background:#ff6e44;
color:#fff;
line-height:28px;
padding-left:15px;
text-transform:uppercase;
}
.quoteMessage {
border:1px solid #e5e1d9 !important;
border-top:0 none !important;
padding:15px 15px 15px 15px;
background:#f2eee6 url(http://site/img/orange_arrow.png) no-repeat 90% top;
font-style:italic;
}

Черный вид
.bbQuoteName {  
background:#646464;
color:#fff;
line-height:28px;
padding-left:15px;
text-transform:uppercase;
}
.quoteMessage {
border:1px solid #e5e1d9 !important;
border-top:0 none !important;
padding:15px 15px 15px 15px;
background:#f2eee6 url(http://site/img/black_arrow.png) no-repeat 90% top;
font-style:italic;
}

И последний штрих, изменим стандартную надпись Quote на свою Цитата установим JS код.
<script type="text/javascript">  
jQuery(document).ready(function () {
$(".bbQuoteName b").text("Цитата");
});
</script>



Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...