1 (14.08.2009 18:33 отредактировано fil.diesel)

Тема: Расшифровка css стиля в Oxygen

На досуге скачал движок форума punbb, поковырялся в стилях от темы Oxygen,
и понял лишь одно что, без метода "проб и ошибок" сдесь не разобраться. Приходится проссматривать  код форума загруженной страницы, изменять содержимое стиля прежде чем определишь, что к чему относится.
Вобщем сил у меня хватило разобрать следуйщие классы:

.brd .gen-content, .brd .main-content /* Фон и рамка контентной части */

.brd .main-pagepost   /*Фон и рамка для строки паджинации*/

.brd .crumbs   /* Фон и рамка для пути */

.brd .post *   /* Границы сообщений */

.brd .post   /* Границы в сообщениях */

.brd .post   /*Левая часть сообщения*/

.brd .posthead, .brd .postbody, .brd .post-options   /*Тело сообщения*/

.brd .posthead .hn  /*Шапка в правой части сообщения*/

.brd .entry-content .quotebox, .brd .entry-content .codebox   /* Цитата */

.brd .main-menu, .brd .admin-menu   /* Меню профиля */

.brd .main-head, .brd .main-foot   /*Блок опций верхний и нижний*/

.brd .main-subhead   /* Подзаголовок "Тем, Сообщений" */

.brd th   /*фон подзаголовка правил*/

#brd-head /*Фон и рамка заголовке  head*/

/* Настройки текста в заголовке  head*/
p#brd-desc
p#brd-title

/* Состояние индикаторов*/
.brd .main-content .main-item .icon
.brd .main-content .redirect .icon
.brd .main-content .sticky .icon
.brd .main-content .closed .icon
.brd .main-content .sticky .closed
.brd .main-content .new .icon

Если кому не трудно, выложите подписи к классам. А то пока докопаешься до истины, все желание отпадет в  создании собственного стиля...

Поделиться

2

Re: Расшифровка css стиля в Oxygen

Полезно! Было бы понятней если к  подписи  класса, были выложены примеры изменения CSS, а то совершенно не понятно, как их изменять:(

Поделиться

3

Re: Расшифровка css стиля в Oxygen

Я сугубо извиняюсь:

совершенно не понятно, как их изменять

Ну раз сложился такой вопрос, тогда вам сюда www.htmlbook.ru/css/smile

Поделиться

4

Re: Расшифровка css стиля в Oxygen

fil.diesel пишет:

На досуге скачал движок форума punbb, поковырялся в стилях от темы Oxygen,
и понял лишь одно что, без метода "проб и ошибок" сдесь не разобраться. Приходится проссматривать  код форума загруженной страницы, изменять содержимое стиля прежде чем определишь, что к чему относится.

...

Если кому не трудно, выложите подписи к классам. А то пока докопаешься до истины, все желание отпадет в  создании собственного стиля...

У вас неправильный подход. Самый простой вариант: использовать подходящий для разработки браузер. Например:
1) Mozilla Firefox + Расширение Firebug.
2) Google Chrome со стандартным средством inspector (Контекстное меню > Просмотр кода элемента).
3) Internet Explorer 8. Средство Developer Tools (F12).
4) Opera. Об опере ничего сказать не могу, т.к. хватает Chrome и Firefox, а IE нужен для исправления его ошибок. Опера обычно выводит страницу нормально (у меня с ней проблем не возникало).

Рекомендую использовать Google Chrome по причине соответствия стандартам.

Поделиться

5

Re: Расшифровка css стиля в Oxygen

Opera 10: Acid3 100/100 wink И у нее есть dragonfly

Сайт Wolverine

Поделиться