Приветствую Вас Прохожий | RSS Пятница, 09.12.2016, 08:43
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Изменение и замена вида цитат на uCoz

Изменение и замена вида цитат на uCoz Изменение, замена, вида, цитат, uCoz
Разновидность оформления цитат на своем форуме или в комментариях на всем ресурсе продвигает сайт к большей уникальности и приспособленности под особый стиль ресурса. Как известно уникальность придает стильность, но учтите использование только в меру стильности и как можно меньше использование графических элементов в оформление, тем самым облегчается загрузка страницы без использование трафика на графику на много быстрей.
Всем известно что цитаты на ucoz добавляются с помощью BB-кода "quote" в тексте материала, комментариях к ним и постах на форуме.
Для собственного вида цитат, нужно внести изменения или дописать стили CSS для классов bbQuoteBlock, bbQuoteName и quoteMessage.
Подробное объяснение видов класса и что они обозначают:
bbQuoteBlock – обертка для всего блока цитаты
bbQuoteName – шапка блока цитат
quoteMessage – сама цитата

В коде самой цитаты имеются встроенные стили, поэтому заданные Вами могут не сработать. Ну, а чтобы все было чики-пуки, добавляйте к стилям !important (см. примеры кода).
Вид цитаты по умолчанию:
1 пример


Этот и последующие коды добавляйте в таблицу стилей (CSS):
Код
.bbQuoteBlock { margin-bottom: 14px;background: #f5f5f5}  
.bbQuoteName {background:#e9e9e9;padding:7px 14px !important;font-size:13px !important;}
.quoteMessage {font-size:13px !important;padding:7px 14px !important;border:0px !important;color:#1d1d1d !important}


2 пример


Следующий вид цитаты на uCoz - это цитата на листке блокнота, на листе бумаги. В общем, забирайте себе этот желто-коричневый вид цитаты:
Код
.bbQuoteBlock { margin-bottom: 14px;background: #f9f5e1 url('http://yraaa.ru/test/148/list0.gif') top left repeat-y;border:1px solid #d0c8b3;position:relative}  
.bbQuoteName {background:#f5edd6 url('http://yraaa.ru/test/148/list1.gif') repeat-y;padding:0px !important;padding-left:54px !important;font-family:'Constantia',Georgia,sans-serif;font-size:15px !important;color:#8b7647;height:38px;line-height:38px;position:absolute;bottom:0px;left:0px;right:0px}
.quoteMessage {font-size:15px !important;font-family:'Constantia',Georgia,sans-serif;line-height:20px;padding:20px 32px !important;padding-bottom:58px !important;border:0px !important;color:#614600 !important}


3 пример


вариант оформления цитат очень яркий, броский. По-моему, классно. Только вот вариант не кроссбраузерный.
Код
.bbQuoteBlock {background:#faea1c url('http://yraaa.ru/test/148/yellow.gif') bottom repeat-x;padding:30px;padding-bottom:50px;position:relative}  
.bbQuoteName {position:absolute;font-size:13px !important;left:0px;bottom:15px;padding-left:20px !important}
.quoteMessage {position:relative;display:inline;background:#090909;color:#f9ea0d;border:0px !important;outline: #090909 solid 10px}


4 пример


Далее простые разноцветные варианты оформления цитат:.
Код
.bbQuoteBlock {background:#fff26c;border-bottom:2px solid #e5d961;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.quoteMessage {border:0px !Important}


5 пример


Код
.bbQuoteBlock {background:#d9ff6c;border-bottom:2px solid #c3e561;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.quoteMessage {border:0px !Important}


6 пример


Код
.bbQuoteBlock {background:#e7e9ff;border-bottom:2px solid #cfd1e5;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.quoteMessage {border:0px !important}
Автор\Источник: http://yraaa.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.

Дополнительные скрины:
Изменение и замена вида цитат на uCoz

Просмотров: 2699 | Рейтинг: 3.9/7 | |Категория: Скрипты Вид новостей | Добавил: мир | Дата: 18.02.2014 | Скачали: 0 | Теги: Изменение, ucoz, цитат, вида, Замена
Похожие новости на нашем сайте
  • genericapteka

    Что такое дженерики и надо ли их бояться? В чем выгода? Смотрите видео на

    genericapteka.com

Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru