Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » HTML-исходники, Шаблоны, прикрепления и т.п. » Вид цитат для юкоз под joomla (Стилевое оформление блока цитат)
Вид цитат для юкоз под joomla
Дата: Четверг, 25.09.2014, 11:21 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown




Установка:
Перед тем как вы будете устанавливать данные css стили, я хочу сказать пару слов о том, что мы будем использовать в css стилях параметр !important;, а также ячейку div с текстом Quote мы скроем на ваше страницы, благодаря атрибуту display:none;
А теперь выбираем нужную цветовую гамму и устанавливаем к себе на сайт: копируем блок со стилями, прописываем их в своих - в конце, на новой строке.

Красный вид цитаты



Код
/* Красный вид цитаты     
------------------------------------------*/     
.bbQuoteBlock {     
     margin: 15px 0px 15px 0px!important;     
}     

.bbQuoteName {     
     display:none;     
}     

.quoteMessage6 {     
     overflow: hidden!important;     
     text-align:justify!important;     
     font:115%/1.5 Verdana,Arial,Helvetica,sans-serif!important;     
     color:#CE3A12;text-shadow:1px 1px 1px #fff!important;     
     font-style: italic!important;     
     background: #FFCCCC url(http://likbezz.ru/_source/_img/quote/quote_red.png) no-repeat 10px 10px!important;     
     padding: 5px 10px 5px 50px!important;     
     border: 1px solid #FF9999!important;     
}     
/*------------------------------------------*/

---

Зелёный вид цитаты



Код
/* Зелёный вид цитаты     
------------------------------------------*/     
.bbQuoteBlock {     
     margin: 15px 0px 15px 0px!important;     
}     

.bbQuoteName {     
     display:none;     
}     

.quoteMessage {     
     overflow: hidden!important;     
     text-align:justify!important;     
     font:115%/1.5 Verdana,Arial,Helvetica,sans-serif!important;     
     color:#15841a;text-shadow:1px 1px 1px #fff!important;     
     font-style: italic!important;     
     background: #D1F7B6 url(http://likbezz.ru/_source/_img/quote/quote_green.png) no-repeat 10px 10px!important;     
     padding: 5px 10px 5px 50px!important;     
     border: 1px solid #8BCA61!important;     
}     
/*------------------------------------------*/

---

Синий вид цитаты



Код
/* Синий вид цитаты     
------------------------------------------*/     
.bbQuoteBlock {     
     margin: 15px 0px 15px 0px!important;     
}     

.bbQuoteName {     
     display:none;     
}     

.quoteMessage {     
     overflow: hidden!important;     
     text-align:justify!important;     
     font:115%/1.5 Verdana,Arial,Helvetica,sans-serif!important;     
     color:#155084;text-shadow:1px 1px 1px #fff!important;     
     font-style: italic!important;     
     background: #C2DDF9 url(http://likbezz.ru/_source/_img/quote/quote_blue.png) no-repeat 10px 10px!important;     
     padding: 5px 10px 5px 50px!important;     
     border: 1px solid #80BBEF!important;     
}     
/*------------------------------------------*/

---

Оранжевый вид цитаты



Код
/* Оранжевый вид цитаты     
------------------------------------------*/     
.bbQuoteBlock {     
     margin: 15px 0px 15px 0px!important;     
}     

.bbQuoteName {     
     display:none;     
}     

.quoteMessage {     
     overflow: hidden!important;     
     text-align:justify!important;     
     font:115%/1.5 Verdana,Arial,Helvetica,sans-serif!important;     
     color:#867200;text-shadow:1px 1px 1px #fff!important;     
     font-style: italic!important;     
     background: #FDEBAE url(http://likbezz.ru/_source/_img/quote/quote_orange.png) no-repeat 10px 10px!important;     
     padding: 5px 10px 5px 50px!important;     
     border: 1px solid #E6C555!important;     
}     
/*------------------------------------------*/

---

Серый вид цитаты



Код
/* Серый вид цитаты
------------------------------------------*/
.bbQuoteBlock {
margin: 15px 0px 15px 0px!important;
}

.bbQuoteName {
display:none;
}

.quoteMessage{
overflow: hidden!important;
text-align:justify!important;
font:115%/1.5 Verdana,Arial,Helvetica,sans-serif!important;
color:#555;text-shadow:1px 1px 1px #fff!important;
font-style: italic!important;
background: #EAEAEA url(http://likbezz.ru/_source/_img/quote/quote_gray.png) no-repeat 10px 10px!important;
padding: 5px 10px 5px 50px!important;
border: 1px solid #D0D0D0!important;
}
/*------------------------------------------*/

---

Чёрный вид цитаты



Код
/* Чёрный вид цитаты     
------------------------------------------*/     
.bbQuoteBlock {     
     margin: 15px 0px 15px 0px!important;     
}     

.bbQuoteName {     
     display:none;     
}     

.quoteMessage {     
     overflow: hidden!important;     
     text-align:justify!important;     
     font:115%/1.5 Verdana,Arial,Helvetica,sans-serif!important;     
     color:#c9c9c9;text-shadow:1px 1px 1px #000!important;     
     font-style: italic!important;     
     background: #454a50 url(http://likbezz.ru/_source/_img/quote/quote_black.png) no-repeat 10px 10px!important;     
     padding: 5px 10px 5px 50px!important;     
     border: 1px solid #333!important;     
}     
/*------------------------------------------*/


© is NaN

Прикрепления: 3575787.png (32.8 Kb) · 1341309.png (6.5 Kb) · 2112406.png (6.7 Kb) · 1476370.png (6.6 Kb) · 1201144.png (6.6 Kb) · 5352122.png (6.2 Kb) · 9341446.png (6.5 Kb)

 
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » HTML-исходники, Шаблоны, прикрепления и т.п. » Вид цитат для юкоз под joomla (Стилевое оформление блока цитат)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия