1. Home
  2. /
  3. Форумы KamrBB wiki
  4. /
  5. Краткое описание css форума...

Краткое описание css форума KamrBB

Если вы хотите создать свой стиль форума классы и id для форума KamrBB прошитые в движке. Менять обязательно с !important.


.USERPOST div – стиль сообщения целиком
.USERPOST div a – ссылки в сообщениях .USERPOST img – все картинки поста и подписи
.usermsg .imgpost-картинки в сообщениях (помните, что смайлы тоже картинки сообщений!)
.USERPOST object – флеш объекты поста
.USERPOST iframe – фреймы поста
.podpis .imgpost – картинка в подписи
#msg_numpage- строка нумерация страниц в теме
#razdel_pages a- ссылка нумерация страниц в разделе
#msg_numpagea- ссылка нумерация страниц в теме
#razdel_pages – строка нумерация страниц в разделе
div .font1 -внутренний стиль сообщения аналог .plus0 (используется если надо сделать уникальным стиль сообщений на форуме и отвязать его от класса .font1)
.plus0 -внутренний стиль сообщения (используется если надо сделать уникальным стиль сообщений на форуме и отвязать его от класса .font1)
.plus1 -внутренний стиль сообщения (используется если надо сделать уникальным стиль сообщений на форуме и отвязать его от класса .font1)
.plus2 -внутренний стиль сообщения (используется если надо сделать уникальным стиль сообщений на форуме и отвязать его от класса .font1)
.usermsg – стиль сообщения после заголовка
#forummenu – меню над форумом
#forummenu a -ссылки меню над форумом
#forumtitle -блок заголовка форума
#forumtitle a -текст заголовка форума
#forumdescr -текст описания форума
.pallet – панель кнопок над формой ответа
#contextualmenu li ul li a -выпадающее меню не активное
#contextualmenu li ul li a:hover -выпадающее меню при наведении курсора
.BBTagTable – вид таблицы в сообщении
.BBTagTd -столбец таблицы
.BBTagTr – строка таблицы
.BBTagTh -заголовок таблицы
.border -вид рамки в сообщении
.tooltip -подсказка “хинт”
.podpis -подпись пользователя в сообщении
.podpis i – стиль текста в подписи пользователя
.BBTagComment -блок комментария
#left.BBTagComment -блок комментария левый
#right.BBTagComment -блок комментария правый
table.quote2 td -внутренняя таблица цитаты
.quote2 td -внутренняя ячейка таблицы цитаты
.quote2 tr -внутренняя строка таблицы цитаты
.quote1 -внешняя таблица цитаты
table.quote1 td -внешняя таблица цитаты
.quote1 small b -стиль надписи цитата:
alt
.avatar -блок с аватаркой
.avatar img -аватарка
.offtop -стиль оффтопика
#smilesbox -весь блок смайлов с надписями
.toolbox -таблица смайлов
.toolboxcontent -поле со смайлами
#tabcontent с номером набора, например: tabcontent1 tabcontent2 tabcontent3 – линейка смайлов
a.tabactive -имя набора на активной вкладке смайлов
#tablink с номером набора, например: #tablink1 #tablink2 #tablink3 -имя набора на неактивной вкладке смайлов
.tab с номером набора, например: .tab1 .tab2 .tab3 -“ярлычок” с именем набора смайлов
.tp -стиль аббревиатуры
.tp:hover em -всплывающая подсказка аббревиатуры
.border -рамка в сообщениях
.BBTagCopyright -стиль текста в ВВ тэге copyright
.BBTagList -список
#BBTagListCheck – настройка списка – тип: список с галочками – можно сменить картинку.
вставка мультимедиа
.BBTagMP3Hoster
.BBTagMP3
.BBTagEmail -ссылка на почту
.BBTagMore – скрытый текст
.BBTagMoreLink – ссылка у скрытого текста
#online – список участников онлайн

#searchform – блок формой поиска
#login_form – блок с формой входа на форум
#usertabl -блок списка пользователей без списка страниц и строки с количеством пользователей
.formuserlist – форма со списком пользователей.
Для узких дизайнов добавить скролл, что бы не растягивало дизайн:
.formuserlist{overflow: auto; width: 600px;}

#status строка Всего в списке *** участников форума.
#links2 и #links -переключатели страниц в списке пользователей
#forumtitle- титул форума
#text- поле ввода текста в форме ответа
.groupbox – невидимая колонка в которую вкладываются лсбоксы.
.lsbox – лсблок, блок уведомления.
.story – начинка лсбокса.
.closeboxls – кнопка закрытия лсбокса
.closeboxls b – крестик кнопки закрытия лсбокса
.boldboxls – ссылка “Ответить” и заголовок лсбокса
.regroupbox колонка под написание ответа. Должна стоять отдельно от колонки с уведомлениями.
.karma – цифра под профилем
.like.plus – оформление цифры в сообщении
.like.minus
.like.netral
.likes – контейнер под них
.good_post – оформление кнопок для лайка
.bad_post
.smile_left – левой панели смайлов у сообщения
.BBTagsup span – метка о правке поста указывать цвет шрифта с !important;
.dvaline – стро­ка раз­де­ли­те­ля раз­де­лов
.razline – стро­ка раз­де­ла в ко­то­рую вло­же­но: ОПИСАНИЕ, название и т.д (.razline>td и.razline>.font2)
.titleraz – за­го­ло­вок раз­де­ла
.descraz – опи­са­ние раз­де­ла
.infopost – колнка с информацией об авторе поста
.postchange- ячейка с кнопками типа “цитата” и “профиль” под сообщением
.upon- ячейка с кноками он-лайн и оф-лайн
#onlineblock- Новости, он-лайн
.quotepost- кнопка цитаты
.editpost- кнопка правка
.profpost- кнопка профиль
.lspost- кнопка ЛС
#topforumtable- таблица форума на главной и в разделах
#addbutton- ячейка с кнопками новая тема и опрос
#add2tema- кнопки типа “новая тема”
.navigation- ячейка с переходом по разделам
#hintbox – стиль под­сказ­ки всплы­ва­ющей у тем
#subscrb – ячейка подписки на тему

.likes – кон­тей­нер под оценки сообщений
.good_post – офор­мле­ние кно­пок для лай­ка
.bad_post
#tableprof- таблица профиля
#config table- таблица настроек
#config .font6- заголовки настроек
#newtopics- таблица новых тем

#table_statistics- таблица статистики
#table_razdels- таблица страницы раздела
#usertabl- таблица участников внутри
.dopsmiles -иконка доп.смайлов
#table_msgs- таблица форума внутри темы
.postbutton – линейка с кнопками под сообщением в форуме
.upon – ячейка с кнопками оф-лайн и он-лайн
#msg_numpage – строка количество ответов и страницы на форуме
.mateNavPage- ссылки навигации в участниках
.mateSelPage – текущая страница списка участников

ЗЫ:

Сокрытие колонок в списке участников
#usertabl table table tr td:nth-of-type(№ колонки)
{ display: none; }
оформление списка модераторов
.moders
.moders a

Оформление вкладок
.ui-tabs .ui-state-default- неактивная вкладка
.ui-tabs .ui-state-active- активная вкладка
.ui-corner-all > .ui-tabs-active.ui-state-active – активная вкладка (если первый вариант не работает)
.ui-tabs .ui-tabs-panel- внутренняя обёртка вкладок
.ui-tabs .ui-widget-header- строка с заголовками
.ui-tabs .ui-widget-content-содержимое
.tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all- внешняя обёртка
.ui-tabs .ui-state-active a – ссылка активной вкладки
.font6.dvaline > td- строка с заголовком категории на главной
tr.razline:hover td- строка раздела при наведении

line-height для шрифтов внутри таблицы форума указывать с !important;

.font1{} основной шрифт сообщений
.font2{} мелкий шрифт, ссылки навигации по форуму
.font3{} шрифт заголовков тем в таблице форума или ответов в гостевых книгах. Он же шрифт ников (дополнительно ники заключены между тегами <b>)
.font4{} шрифт текстовых кнопок при выборе в профиле замены графических кнопок на текстовые
.font5{} шрифт заголовка в шапках
.font6{} шрифт разделительной полосы между разделами на главной форума
input.sender{} стиль кнопки отправки сообщения Если Вы не разобрались, где какие шрифты – сделайте один шрифт крупным и красным и посмотрите, где этот шрифт.

Ссылки на подразделы на главной


.razline [HREF*="?x=dir&razdel"]
Раскрашивание таблицы форума при помощи сестренских селекторов
#topforumtable tr:first-child ~ .dvaline>td{background: #ff8544;}
#topforumtable tr:first-child ~ .dvaline ~ .dvaline>td{background: #FFCB00;}
#topforumtable tr:first-child ~ .dvaline ~ .dvaline ~ .dvaline>td{background: #a98fed;}
#topforumtable tr:first-child ~ .dvaline ~ .dvaline ~ .dvaline ~ .dvaline>td{background: #6eb500;}
#topforumtable tr:first-child ~ .dvaline ~ .dvaline ~ .dvaline ~ .dvaline ~ .dvaline>td{background: #5ca6e5;}

Причем у них есть прикольный эффект:
#topforumtable tr:first-child ~ .dvaline>td{background: #ff8544;} /* первые два разделителя оранжевые */
#topforumtable tr:first-child ~ .dvaline ~ .dvaline ~ .dvaline>td{background: #a98fed;} /* третий и четвертый разделители желтый */
#topforumtable tr:first-child ~ .dvaline ~ .dvaline ~ .dvaline ~ .dvaline ~ .dvaline>td{background: #5ca6e5;} /* пятый и последующие фиолетовые */

предыдущий
следующий


  1. Home
  2. /
  3. Форумы KamrBB wiki
  4. /
  5. Краткое описание css форума...

Архивы

Рубрики

Друзья сайта

Метки

Яндекс.Метрика