Главная | В избранное RSS

Wss-steam.com.ua

Меняем вид цитат на uCoz (14.7 Kb)

Категория Code и Quote Дата26-Апр-2024 ЗагрузокЗагрузок: 37
Ссылка для скачивание будет доступна через: сек.
Уважаемый Гость сайта если вы не хотите ожидать 31 сек. для того что бы скачать "Меняем вид цитат на uCoz" размером в: (14.7 Kb) то зарегистрируйтесь или войдите под своим профилем!




Все файлы залить в корень сайта в папку code

На это странице будет описан принцип создания своего оформления цитаты на uCoz, а также будут даны несколько примеров вида цитат. Эти примеры сделаны мной, на основе примеров с нескольких известных сайтов.

Цитаты на сайт добавляются с помощью BB-кода "quote" в тексте материала, комментариях к ним и постах на форуме.

Для создания своего вида цитат, нужно написать CSS-код для классов bbQuoteBlock, bbQuoteName и quoteMessage.

  • bbQuoteBlock – обертка для всего блока цитаты
  • bbQuoteName – шапка блока цитат
  • quoteMessage – сама цитата

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

Простой вид цитаты. Пример

Этот и последующие коды добавляйте в таблицу стилей (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}

Дальше - Больше!

Следующий вид цитаты на uCoz - это цитата на листке блокнота, на листе бумаги. В общем, забирайте себе этот желто-коричневый вид цитаты:


.bbQuoteBlock { margin-bottom: 14px;background: #f9f5e1 url('/code/list0.gif') top left repeat-y;border:1px solid #d0c8b3;position:relative}  
.bbQuoteName {background:#f5edd6 url('/code/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}
А этот вариант оформления цитат очень яркий, броский. По-моему, классно. Только вот вариант не кроссбраузерный.

.bbQuoteBlock {background:#faea1c url('/code/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}

Далее простые разноцветные варианты оформления цитат:

.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}

.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}

.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}


Теги: uCoz, цитат, меняем
Добавил: Admin Просмотров: (590) Комментариев: (1) Admin
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
 
avatar
1
1 pros100 • 19:49, 15-Фев-2014
ооо давно искал что то похожое
ComForm">
Войдите:
avatar

Радио

HTML

Вконтакте

Последнии комментарии

В Украине могут запретить продажу ПО и техники без украинской локализации

а еще запретить продажу програм фирмы 1с во всех ее проявлениях. будь то игра или программы учета!!!
Игроки в Dota 2 ограблены в прямом эфире


Answer: Благодарим за информацию.
Xiaomi MiKey – гаджет с программируемой встроенной кнопкой для смартфонов Xiaomi

Не плохая идея но дорого будет стоить будет дорого наверное
В Украине запустят социальную сеть WEUA в противовес «Вконтакте» и «Одноклассникам»

А мне по цимбалам хоть Китайский.
В Украине запустят социальную сеть WEUA в противовес «Вконтакте» и «Одноклассникам»

Сюся, если еще сравнивать эту  соц. сеть с сетью "Друзи" то это же вообще пипец полный! Не говоря что не кто не переманит пользователей с ВК.

Навигация

Ucoz

Все для CS 1.6

Conter-Strike 1.6 [34]
Готовые сервера [316]
плагины [355]
Защита [88]
Linux [16]
Карты [149]
Моды [74]
Софт [96]

Раздел графики

Наш опрос

Нужна ли нам группа?

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
 
Яндекс.Метрика
Адаптация by © SiLvEr 2024 -