|
|
| Модератор форума: chocopie |
| Форум » uCoz » Уроки по ucoz » Стилизация форума на системе ucoz |
| Стилизация форума на системе ucoz |
off-line Добавлено: 2011-Июл-15 - 16:27 | Сообщение #1
Очень много в сети шаблонов, на которых вроде бы и все хорошо, но вот форум, как почти всегда, не стилизован. Что же делать? Сменить шаблон? - тоже вариант, но я предлагаю кое что получше.
Чтобы сделать хороший форум, нужно потратить немало сил и времени, а также проявить старание, фантазию и воображение. для самостоятельной стилизации форума нам потребуется рабочий CSS-код для форума, его Мы возьмем из любого стандартного шаблона системы ucoz. Я для примера взял вот этот: Code /*--------------------- Forum start ---------------------*/ .forumContent { } .forumContent a {} .forumContent table {} .gTable, .postTable { background: #dcdbe0; } .gTable td { background: #ffffff; border: 1px solid #efefef; } .postTable td { border-collapse: collapse; border: 1px solid #efefef; } .gTable td.gTableTop { font: 14px/28px 'Tahoma'; background: url(/.s/t/797/21.gif); color: #feffff; text-transform: uppercase; padding: 0px 10px; } .gTableTop a { color: #feffff; } .gTableTop a:hover {} .gTable td.gTableSubTop { background: #127cce; color: #ffffff; } .gTableSubTop a { color: #ffffff; } .gTableTop, .gTableSubTop, .forumNameTd, .forumThreadTd, .forumPosrTd, .forumLastPostTd, .threadNametd, .threadPostTd, .threadAuthTd, .threadViewTd, .threadLastPostTd, td.threadsDetails, td.forumOnlineBar { padding: 3px 10px; } #frM6 td, #frM14 td, #frM50 td, #frM56 td, #frM59 td { padding: 3px 10px; } .postBottom table td { border: 0px; } .postTable td { padding: 3px 10px; } .postSeparator { display: none; } .posttdMessage { text-align: justify; } .threadPostTd, .threadViewTd, .threadAuthTd, .forumThreadTd, .forumPostTd { text-align: center !important; } a.TopSortLink {} a.TopSortLink:hover {} a.postUser { font-weight: bold; } a.forum, a.threadLink { font: 12px 'Arial'; } .quoteMessage {} .forumDescr, .threadDescr { font: 10px 'Arial'; } td.postTdTop { background: #127cce; color: #ffffff; } td.postTdTop a { color: #ffffff; } td.forumIcoTd, td.forumThreadTd, td.forumPostTd, td.gTableRight, td.threadIcoTd, td.threadPostTd, td.threadViewTd { background: #f5f5f5; } td.pollQuestion, .pollResults td, td.pollResults, td.pollTotal, td.pollAnswer, td.pollButtons, .smiles td{ border: 0px; } td.pagesInfo, td.switch, td.switchActive { background: #ffffff; border: 1px solid #dcdbe0; padding-left: 5px; padding-right: 5px; } td.switch, td.switchActive { background: #4193d3; color: #ffffff; } td.switch a { color: #ffffff; } .switchActive { font-weight: bold; } /*--------------------- Forum end ---------------------*/ А выглядит он вот так: Теперь останется изменять под себя нужные нам стили и в итоге мы получим готовый, рабочий форум, нужной нам расцветки. На этих скринах показано за что отвечает каждый класс CCS стилей форума: Прикрепления:
5911383.png
(16.8 Kb)
·
3761127.png
(103.4 Kb)
·
1837409.png
(203.3 Kb)
·
0935167.png
(107.1 Kb)
·
3328809.png
(122.2 Kb)
·
4698856.png
(147.0 Kb)
·
1436615.png
(107.1 Kb)
Хочешь в команду сайта? Пиши! Контакты в профиле. |
off-line Добавлено: 2011-Июл-15 - 17:27 | Сообщение #2
Отлично
bug bug bug mmm... |
| |||
| |||
