Web-miss: Vanessa (vensy)
Opened: 18.05.2010
Theme: Blake Lively
Orders: OPEN
Coming soon
Выберите пакет услуг *:

Ваше имя/ник *:
Ваш e-mail *:
Ссылка на ваш сайт *:
Опишите то,что хотите видеть в дизайне(блоки,шапка) *:
Ссылки на качественные фото для дизайна(по желанию):
Названия ссылок для нав. меню на лого *:
Если вам нужны доп. услуги,то перечислите какие:
Код безопасности *:

200
Главная » Статьи » Помощь с HTML,CSS и Ucoz » Установка каркасов на Ucoz

Замена CSS стилей форума
После того,как мы научились менять CSS в General Style,можно приступить к CSS форума-/* General forum Table View */
Разберем первую часть CSS-это General forum Table View:
 
Первое,что мы видим это строка:
.gTable {background:#bfae97;border-bottom:5px solid #bfae97;}
  • background:#bfae97-это цвет фона ячеек форума(где написано название раздела)
  • solid #bfae97-это цвет обводки таблицы форума
.gTableTop {padding:2px;background: repeat-x #cd9784;color:#4e191e;font-weight:bold;height:26px;padding-left:17px;font-size:10pt;}
  • background: repeat-x #cd9784-это цвет ячейки форума с названием "Дополнительная информация"
  • font-weight:bold-это стиль текста "Дополнительная информация";bold-значит жирный текст
  • font-size:10pt-размер текста
.gTableSubTop {padding:2px;background:#9f4049;color:#000000;height:20px;font-size:10px;}
.gTableBody {padding:2px;background:#decfbc;}
.gTableBody1 {padding:2px;background:#decfbc;}
  • background:#9f4049-это цвет фона,где написано "форум,темы,ответы,обновления"
  • color:#000000-это цвет текста "форум,темы,ответы,обновления"
  • background:#decfbc-это цвет тех областей,где написаны последние посты и названия подфорумов
.gTableBottom {padding:2px;background:#a68c7e;}
.gTableLeft {padding:2px;background:#decfbc;font-weight:bold;color:#77484e}
.gTableRight {padding:2px;background:#decfbc}
  • background:#a68c7e-это цвет тени от таблицы форума(отнкая полосочка,в первом же разделе,это место размещения юкозовской рекламы)
  • background:#decfbc-цвет левой и правой части таблицы форума(где пишутся последние посты)
Теперь рассмотрим раздел Forums Styles:
 
.forumNameTd,.forumLastPostTd {padding:2px;background:#decfbc}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#cdbba3}
.forumLastPostTd,.forumArchive {padding:2px;font-size:9pt;}
  • background:#decfbc-это цвет тех областей,где написано название тем,последние ответы и сколько тем и просмотров и т.п.
  • background:#cdbba3-это цвет обводки таблицы форума в темах
  • font-size:9pt-размер шрифта в названии тем
a.catLink:link {text-decoration:none; color:#58151d;}
a.catLink:visited {text-decoration:none; color:#58151d;}
a.catLink:hover {text-decoration:underline; color:#58151d;}
a.catLink:active {text-decoration:underline; color:#58151d;}

Это цвет и стиль ссылок текста в названиях тем,а как менять это,мы рассматривали здесь,поэтому здесь попрактикуйтесь!
 
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:9pt;color:#FF0000;font-weight:bold;}
  • font-weight:bold-это жирный стиль текста,тех кто последним написал пост в той или иной теме
  • font-size:9pt;color:#FF0000-размер шрифта и цвет архива
Далее идет раздел forum Titles & other(Темы форума и другое),рассмотрим:
 
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#885b60;font-size:9pt;}
  • font-weight:bold;font-size:9pt-жирный стиль текста,и размер в самом форуме
  • color:#885b60;font-size:9pt-цвет и размер текста описания подфорума
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#8e4452;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#8e4452;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#8e4452;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#8e4452;}
  • text-decoration:none; color:#8e4452-у текста,оставленного последним пользователем,нет стиля,и цвет ссылки
  • color:#8e4452-цвет посещенной ссылки
  • color:#8e4452-цвет ссылки,при наведении курсора
  • color:#8e4452-цвет активной ссылки

Остальное меняйте точно также,там нет ничего сложного,та же смена ссылок,если не знаете где и что сменить,откройте переводчик(если плохо знаете английский),если уж у вас совсем ничего не выходит,пишите сюда вопросы)

Категория: Установка каркасов на Ucoz | Добавил: vensy (01/01/12) | Автор: Полина
Просмотров: 1293 | Теги: уроки по сайтостроению на Ucoz, css форума, уроки css | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]