| WOLF
|
Дата: Воскресенье, 22.07.12, 12:25:58 | Сообщение # 1
|
|
|
|
Ваше желание:
|
|
| |
|
Всем доброго дня, сегодня я вам расскажу как изменить стандартный вид цитаты в системе uCoz, я всегда был против этого стандарта, так как он нарушает многие моменты в юзабилити из-за чего внешний вид такой цитаты вызывает отрицательные эмоции у пользователей.
Взгляните ниже на стандартный вид цитаты от uCoz:
как вы понимаете, сразу в глаза бросаются основные моменты, которые на сегодняшний день смело можно расценивать как ошибкой:
- рамка
- основной фон цитаты
- обычный шрифт, а не наклонный
- надпись Quote
Шаг 1 - Разбираем HTML:
Мы все с вами знаем, для того чтобы вывести цитату на своём сайте в системе uCoz, мы будем использовать код Quote, поэтому для того чтобы увидеть html код, мы просмотрим исходный код страницы где находиться ваша цитата и увидим следующее:
HTML
Code <div class="bbQuoteBlock"> <div style="padding-left: 5px; font-size: 7pt;" class="bbQuoteName"><b>Quote</b></div> <div style="border: 1px inset; max-height: 200px; overflow: auto;" class="quoteMessage"> Текст цитаты </div> </div>
из кода мы видим, что весь основной html код состоит из трёх частей:
1 - основной контейнер div (с классом bbQuoteBlock)
2 - контейнер div с надписью Quote (с классом bbQuoteName)
3 - контейнер с текстом цитаты (с классом quoteMessage)
многие кто знают html-css достаточно хорошо, сразу увидят очень грубую ошибку в коде, а именно, css стили прописаны в самих тегах div, а не прописаны в стандартный файл стилей. Но слава богу у нас имеются классы для стилей, которые мы будем изменять.
Шаг 2 - Установим CSS:
Перед тем как вы будете устанавливать данные css стили, я хочу сказать пару слов о том, что мы будем использовать в css стилях параметр !important;, а также ячейку div с текстом Quote мы скроем на ваше страницы, благодаря атрибуту display:none;
А теперь выбираем нужную цветовую гамму и устанавливаем к себе на сайт:
Белый вид цитаты:
CSS-Code
Доступно только для пользователей
Тёмный вид цитаты:
CSS-Code
Доступно только для пользователей
Доступно только для пользователей
Доступно только для пользователей
Доступно только для пользователей
Доступно только для пользователей
Доступно только для пользователей
| |
|
|
|
Всего: 31315
За месяц: 0
За неделю: 0
Новых вчера: 0 
Новых сегодня: 0
Малышей: 29482 
Детишек: 1710 
Помощников: 7
Инквизиторов: 2
Замов.админа: 1
V.I.P: 15
Парней: 9480
Девушек: 21835 
