Страница 6 из 8«1245678»
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Настройка дизайна форума (дизайн форума, настройка CSS, изменение внешнего вида)
Настройка дизайна форума
Модератор форума
Сообщение # 1 | 11:10:54
В системе Ucoz форум сделан таблицами и доступа к HTML-коду этих таблиц у пользователей нет. Сделано это из-за того, что уровень знаний большинства пользователей не позволяет редактировать HTML-код всегда корректно. Поэтому состав и форма форума неизменны, а менять можно только оформление форума. При этом для форума существует три шаблона:

1. Общий вид страниц форума.
2. Вид материалов (как выглядит отдельное сообщение на форуме)
3. Форма добавления сообщения.

Эти три шаблона + таблицы стилей позволяют сделать достаточно оригинальный форум, сохраняя всю функциональность системы Ucoz.

Часть таблицы стилей, имеющая непосредственное отношение к форуму:

Код
/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#E1E1E1}
.gTableTop {padding:2px;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;font-weight:bold;height:21px;padding-left:10px;font-size:11px;}
.gTableSubTop {padding:2px;background:url('http://src.ucoz.ru/t/999/8.gif') #FFFFFF;color:#559B36;height:20px;padding-top:8px;}
.gTableBody {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.gTableLeft {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;font-weight:bold;color:#559B36}
.gTableRight {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC}
.gTableError {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#FFFFFF;}
a.catLink:visited {text-decoration:none; color:#FFFFFF;}
a.catLink:hover {text-decoration:underline; color:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#FFFFFF;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#559B36;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#559B36;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#6F8EB3;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#559B36;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:none; color:#559B36;}
a.forumBarA:active {text-decoration:underline; color:#559B36;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.fastNavCatA {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {background:#E1E1E1;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background:#EEEEEE;font-weight:bold;color:#559B36;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#EEEEEE;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px;  }
.threadsDetails {padding:2px;background:#EEEEEE;height:20px;color:#000000;}
.forumOnlineBar {padding:2px;background:#EEEEEE;height:20px;color:#000000;}

a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}

a.threadLink:link {text-decoration:none; color:#559B36;}
a.threadLink:visited {text-decoration:none; color:#559B36;}
a.threadLink:hover {text-decoration:underline; color:#000000;}
a.threadLink:active {text-decoration:underline; color:#000000;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#E1E1E1}
.postPoll {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;text-align:center;}
.postFirst {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;border-bottom:3px solid #FFFFFF;}
.postRest1 {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.postRest2 {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.postSeparator {height:3px;background:#F8FC00;}

.postTdTop {background:url('http://src.ucoz.ru/t/999/8.gif') #FFFFFF;color:#559B36;height:20px;padding-top:8px;}
.postBottom {background:#EEEEEE;height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#597798;}
.posttdMessage {padding:5px;background:#FFFFFF;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}         
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {background:#FFFFFF;font-size:9px;}

.signatureView {font-size:7pt;}         
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/999/16.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/999/16.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.loginButton {font-size:7pt;background:#FFFFFF;color:#575757;border:1px outset #636363;}
.pollBut, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}

.codeButtons {font-size:7pt;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}
.codeCloseAll {font-size:7pt; font-weight:bold;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}
.postNameFl,.postDescrFl {width:400px}
.postPollFl,.postQuestionFl {width:400px}
.postResultFl {width:50px}
.postAnswerFl {width:300px}
.postTextFl {width:550px;height:150px}
.postUserFl {width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */


General forum Table View, Forums Styles и forum Titles & other- классы отвечающие за общий вид таблиц форума.
forum Titles & other - классы отвечающие за вид на текст в таблицах на главной форума
forum Threads Style - классы отвечающие за вид списка тем
forum Navigation Bar - классы отвечающие за вид навигационной строки
forum Page switches - классы переключателей страниц
Posts View - классы отвечающие за вид сообщений
forum Post Form - классы отвечающие за вид формы добавления сообщений

Так же имеет отношение к форуму следующая часть таблицы стилей:

Код
/* Other Styles */
.replaceTable {background:#FFFFFF; border:1px solid #E1E1E1;height:100px;width:300px;}
.uLogBlock {width:166px;}

.legendTd {font-size:7pt;}
/* ------------ */


Это вид страницы после размещения сообщения и вид легенды форума.

И естественно, имеет отошение к форуму начало таблицы стилей, где прописаны параметры фона страницы и общий вид ссылок.

Код
/* General Style */
a:link {text-decoration:none; color:#559B36;}
a:active {text-decoration:none; color:#559B36;}
a:visited {text-decoration:none; color:#559B36;}
a:hover {text-decoration:underline; color:#000000;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
BMS9978
Сообщений: 17
Репутация: 4

Сообщение # 76 | 20:02:48
Пожалуйста http://vkusplus.ucoz.ru/forum/2
Selena
Сообщений: 15657
Репутация: 1099

Сообщение # 77 | 20:25:22
BMS9978, переключатели не убрать через шаблон, они внутри $BODY$. Стилями тоже - у них одинаковый класс .switches и нет id. Так что только скриптом. Или убрать стилями оба.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
BMS9978
Сообщений: 17
Репутация: 4

Сообщение # 78 | 16:40:58
Здравствуйте всем! У меня при заполнении контентом сайта возникла проблема. Буду краток. На основе шаблона #844 создал свой сайт. Решил установить на Главной странице "таблицу калорийности" ( ссылка http://www.missfit.ru/diet/table-calory/ ) и тут возникла проблема проблема. Вдруг правый контейнер сдвинулся вниз, блок footer ушёл вправо,вообщем дизайн был поломан. Вот что получилось --- http://zx1.ucoz.ru/ Взял оригинал #844 и вставил то же "содержимое" и
не поверил глазам своим - опять то же самое! В оригинале абсолютно ни чего не менял. Будьте добры, подскажите в чём проблема. Я понимаю что это переполнение предельно допустимого объёма, но почему не появилась панелька _ "Длина текста в поле "Полный текст материала" превышает допустимое значение". Почему просто не ограничивает содержимое и "ломает" дизайн? Как это исправить? Ведь пользователь не будет считать сколько там весит его информация при добавлении новостей...

Добавлено (20 Авг 2014, 16:40:58)
---------------------------------------------

Цитата BMS9978 ()
Мдааа... отзывчивый тут народец подобрался, я б даже сказал что душевный...Зарекался ведь сюда больше не писать , нет ведь всё верю в сказки...
Сообщение отредактировал BMS9978 - Воскресенье, 17 Авг 2014, 10:18:46
Annuhka
Сообщений: 84
Репутация: 35

Сообщение # 79 | 11:25:07
Ребята, нужна помощь в редактировании bb кода hide (скрытого текста для незарегистрированых пользователей). Вот, если я просто скрываю текст получается все хорошо, текст выделяется ссылкой ведущей на форму входа:



А вот если указываю колличество сообщений необходимое для просмотра скрытого текста получается такая картинка:



Текст никак не выделяется, что не совсем удобно пользователям, так как теряется на фоне сообщения. Это можно как то исправить, задать стиль с нужным цветом? Помогите, пожалуйста.
Прикрепления: 3814543.jpg(36Kb) · 5979548.jpg(35Kb)
Сообщение отредактировал Annuhka - Вторник, 26 Авг 2014, 11:25:33
Selena
Сообщений: 15657
Репутация: 1099

Сообщение # 80 | 12:59:13
Annuhka, извините, но по картинке тут вряд ли код напишут.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Annuhka
Сообщений: 84
Репутация: 35

Сообщение # 81 | 15:32:56
Selena, а что я могу еще добавить. Этот код одинаково работает на всех форумах. А доступа к его редактированию я не нашла, просмотр элемента кода в браузере тоже ничего не дал.

Вот, на тестовом сайте http://vladuhka.ucoz.ru/forum/2-1-1 сделала два скрытых текста.

В идеале хотелось бы, что бы вторая ссылка (с числом сообщений) была не Доступно для пользователей, а имела такой вид Доступно для пользователей имеющих 100 сообщений.
BMS9978
Сообщений: 17
Репутация: 4

Сообщение # 82 | 08:26:35
Цитата Annuhka ()
извините, но по картинке тут вряд ли код напишут.
Тут вообще вряд ли кто поможет... :((
sergej259
Сообщений: 109
Репутация: 31

Сообщение # 83 | 23:00:50
Добрый вечер! Такая проблема на форуме, после того как в шапке сайта вид кнопок "Главная", "Регистрация", "Выход" сделал графическими в виде рисунков название форумов и разделов стало выравниваться по левому краю, а до этого нормально было "по центру". Как сделать, чтобы было по центу названия выравнены?

Вот скрин:



Стрелочками указано, как должен располагаться текст.

Адрес сайта:



Все, сам нашел причину искажения дизайна. Вопрос снимается
Сообщение отредактировал sergej259 - Понедельник, 15 Сен 2014, 08:09:48
VideoLiver
Сообщений: 17
Репутация: 0

Сообщение # 84 | 13:50:20
Доброго Всем Времени! Мы поменяли дизайн форума на нашем проекте и появилась маленькая проблема:
Дело в том, что при добавлении сообщения, в форме добавления, отображается фон страницы

если переключиться к bb кодам то он пропадает

Подскажите какой стиль поправить чтобы фон в форме добавления сообщения оставался белым всегда!
Вот ссылка на наш форум http://anime-rutub.moy.su/forum/2-3-7
Прикрепления: 3033867.jpg(114Kb) · 5438216.jpg(103Kb)

Selena
Сообщений: 15657
Репутация: 1099

Сообщение # 85 | 15:10:18
VideoLiver, попробуйте дописать в CSS .wysibb-body {background: #fff !important;}

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
VideoLiver
Сообщений: 17
Репутация: 0

Сообщение # 86 | 00:26:26
Selena, увы cry я добавил стиль, но всё осталось без изменений.

mrx
Сообщений: 285
Репутация: 45

Сообщение # 87 | 21:19:55
Прошу ткнуть носом в то место, где устанавливается размер иконок форума. Иконка размером 150px × 50px почему-то выводится в масштабе 60px × 20px.

P.S. Оказалось, что это дефолтные настройки ucoz. Проблема решена добавлением в CSS строки:
Код
.forumIcoTd img {max-width:300px!important;max-height:300px!important}
Сообщение отредактировал mrx - Пятница, 10 Окт 2014, 21:28:44
Helena_Helga
Сообщений: 138
Репутация: 41

Сообщение # 88 | 20:42:16
День добрый! Подскажите, как убрать на форуме вот эту строку:
Прикрепления: 5059754.png(22Kb)
Алекс_Джей(AleX_J)
Сообщений: 19
Репутация: 1

Сообщение # 89 | 22:11:24
Как изменить шрифт при обращении к пользователю? То есть например я пишу сообщение и в нем щелкаю по нику пользователя, получается будто я к нему обращаюсь, так вот какой код отвечает за то как выглядит это обращение? нигде не могу найти ((( сам шрифт текста сообщения нашел, но он не меняет шрифт обращения, подскажите пожалуйста

сайт http://moto-master.ucoz.ru
Сообщение отредактировал Алекс_Джей(AleX_J) - Среда, 15 Окт 2014, 22:14:03
_CrySiS_
Сообщений: 464
Репутация: 38

Сообщение # 90 | 23:01:38
Алекс_Джей(AleX_J), В шаблоне "Вид материалов" форума, есть такой код:

Код
<a class="postUser" href="javascript://" onclick="emoticon('[b]$USERNAME$[/b],');return false;">


И меняйте на свой
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Настройка дизайна форума (дизайн форума, настройка CSS, изменение внешнего вида)
Страница 6 из 8«1245678»
Поиск: