Четверг, 2024-04-18, 8:54 PM

Приветствую Вас Гость | RSS

Design for You!

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 3
1
2
3
»

Форум » Веб-дизайн » CSS » Перекраска форума и букв

Перекраска форума и букв

studuck

Дата: Понедельник, 2009-04-20, 6:41 PM | Сообщение # 1 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

Вопрос по замену цвета, нашла опрос в css кодах, меняю цвет букв с белых на черный,но ничего не происходит, так же меняла цвет форума,почему ничего не происходит? после замены системы сделала новый сайт(друг попросил) но там такой бедлам,многое не понятно
Правильно ли я делаю?
Нашла таблицу стилей css- нашла опрос(Poll) и заменила цвет текста с белого на черный, но ничего не произошло, а в стандартном дизайне белый никак не видно на светло-сером
А на своем сайте сделала красный форум,а сама таблица форума сине-зеленая, как мне перекрасить?

Хочу все знать

kydapodatsya

Дата: Понедельник, 2009-04-20, 6:55 PM | Сообщение # 2 |

Дизайнер

Группа: Администраторы

Сообщений: 2641

Репутация: 226

Статус: Offline

studuck, код дайте css, который был до изменения Вами, и после

studuck

Дата: Понедельник, 2009-04-20, 7:16 PM | Сообщение # 3 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#000000}
.textResults {background:#000000}
.textResultsTd {background:#000000}

.pollNow {background:#000000}
.pollNowTd {background:#000000}

.totalVotesTable {background:#000000}
.totalVotesTd {background:#000000}
Так как я не знаток Css кодов я везде поменяла на черный,какой был уже не помню

Добавлено (2009-04-20, 7:12 Pm)
---------------------------------------------
Короче текст был 6f белый shy

Добавлено (2009-04-20, 7:13 Pm)
---------------------------------------------
вот какой был
/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#000000}
.textResults {background:#FFFFFF}
.textResultsTd {background:#700000}

.pollNow {background:#FFFFFF}
.pollNowTd {background:#700000}

.totalVotesTable {background:#FFFFFF}
.totalVotesTd {background:#700000}

Добавлено (2009-04-20, 7:15 Pm)
---------------------------------------------
Тут можно закрытые ссылки сделать на сайт? хочу показать форум который хочу перекрасить,могу css коды его выложить shy хочу с сине-зеленого сделать красно-розовый с желтым

Добавлено (2009-04-20, 7:16 Pm)
---------------------------------------------
Забыла еще добавить,до обновления системы меняла в кодах цвет календаря, после обновления у меня это не получается sad

Хочу все знать

kydapodatsya

Дата: Понедельник, 2009-04-20, 7:26 PM | Сообщение # 4 |

Дизайнер

Группа: Администраторы

Сообщений: 2641

Репутация: 226

Статус: Offline

studuck, я вижу вы поменяли только цвет фона на черный.. а цвет шрифта меняется не так..
color:#fff - белый

studuck

Дата: Понедельник, 2009-04-20, 7:45 PM | Сообщение # 5 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

Это надо дописать? shy

с css я как-то не дружу yes

А цвета форума как поменять,сейчас дам код

Добавлено (2009-04-20, 7:32 Pm)
---------------------------------------------
/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#f0abf6;border-bottom:4px solid #f0abf6;}
.gTableTop {padding:2px;background:url('/.s/t/935/16.gif') repeat-x #61A800;color:#FFFFFF;font-weight:bold;height:26px;padding-left:17px;font-size:10pt;}
.gTableSubTop {padding:2px;background:#fbf80a;color:#000000;height:20px;font-size:10px;}
.gTableBody {padding:2px;background:#AFBEF1;}
.gTableBody1 {padding:2px;background:#A8BAF9;}
.gTableBottom {padding:2px;background:#AFBEF1;}
.gTableLeft {padding:2px;background:#AFBEF1;font-weight:bold;color:#000000}
.gTableRight {padding:2px;background:#AFBEF1}
.gTableError {padding:2px;background:#AFBEF1;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#f0abf6}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#8F9FD4}
.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:#2F3E7B;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#000000;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#000000;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#FFFFFF;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#000000;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {font-weight:bold;font-size:7pt;color:#93DE00;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#93DE00;}
a.forumBarA:visited {text-decoration:none; color:#93DE00;}
a.forumBarA:hover {text-decoration:none; color:#FFCC24;}
a.forumBarA:active {text-decoration:underline; color:#93DE00;}
/* -------------------- */

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

/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:#E7EEF8;}
.fastNavCatA {background:#E7EEF8;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {background:#55649E;}
.pagesInfo {background:#A8BAF9;padding-right:10px;font-size:7pt;}
.switch {background:#A8BAF9;width:15px;font-size:7pt;}
.switchActive {background:#91DC00;font-weight:bold;color:#000000;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:#A8BAF9}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#8F9FD4}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#2F3E7B;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#8F9FD4;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px; }
.threadsDetails {padding:2px;background:#8F9FD4;height:20px;color:#000000;}
.forumOnlineBar {padding:2px;background:#8F9FD4;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:#000000;}
a.threadLink:visited {text-decoration:none; color:#000000;}
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;}
/* ------------------- */

/* forum Posts View */
.postTable {background:#55649E;}
.postPoll {background:#AFBEF1;text-align:center;}
.postFirst {background:#F5F9FD;border-bottom:3px solid #FFFFFF;}
.postRest1 {background:#AFBEF1;}
.postRest2 {background:#F5F9FD;}
.postSeparator {height:3px;background:#91DC00;}

.postTdTop {background:#55649E;color:#000000;height:20px;font-size:10px;}
.postBottom {background:#FFFFFF;height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:#AFBEF1;}
.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:#A8BAF9;}

.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:#BDCCFF;font-size:9px;}
.quoteMessage {background:#BDCCFF;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('/.s/t/935/27.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/935/27.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:#8F9FD4;color:#49548B;border:1px outset #49548B;}

.codeButtons {font-size:7pt;background:#8F9FD4;color:#49548B;border:1px outset #49548B;}
.codeCloseAll {font-size:7pt;background:#8F9FD4;color:#49548B;border:1px outset #49548B;font-weight:bold;}
.postNameFl,.postDescrFl {background:#8F9FD4;border:1px solid #000000;width:400px}
.postPollFl,.postQuestionFl {background:#8F9FD4;border:1px solid #000000;width:400px}
.postResultFl {background:#8F9FD4;border:1px solid #000000;width:50px}
.postAnswerFl {background:#8F9FD4;border:1px solid #000000;width:300px}
.postTextFl {background:#8F9FD4;border:1px solid #000000;width:550px;height:150px}
.postUserFl {background:#8F9FD4;border:1px solid #000000;width:300px}

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

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

Добавлено (2009-04-20, 7:32 Pm)
---------------------------------------------
Вот перекрасила форум,а таблицу не могу

Добавлено (2009-04-20, 7:45 Pm)
---------------------------------------------
вот еще есть адрес рисунка моей таблицы http://www.ucoz.ru/.s/t/935/16.gif в кодах она как /.s/t/935/16.gif как вставить свою?

Хочу все знать

жестик

Дата: Вторник, 2009-04-21, 1:56 AM | Сообщение # 6 |

Анаграфист

Группа: Помощник D4U

Сообщений: 261

Репутация: 8

Статус: Offline

Quote (studuck)

как вставить свою?

Заменить адрес рисунка с /.s/t/935/16.gif на свой http://адрес Вашего рисунка.5.gif
Например
.gTableTop {padding:2px;background:url('http://s57.radikal.ru/i156/0904/d8/7736fefd81f5.gif') repeat-x #61A800;color:#FFFFFF;font-weight:bold;height:26px;padding-left:17px;font-size:10pt;}
Только рисунок должен сидеть не на радикале, а у Вас в файловом менеджере.

Quote (studuck)

forumNameTd,.forumLastPostTd {padding:2px;background:#f0abf6}

Или я тормоз или я что-то не понимаю, в приведенной Вами таблице стилей у Вас один цвет фона, а на форуме отображается другой .forumNameTd, .forumLastPostTd background:#A8BAF9
Проверьте пож-та у Вас в шаблоне "Общий вид страниц форума" стоит ссылка на стандартный CSS шаблона href="http://бла-бла-бла/_st/999.css" или на ваш href="http://бла-бла-бла/_st/my.css (Должен быть Ваш)
___________________________________________________________
Сейчас мне дадут по голове (за вредные советы), но поменять цвет и размер букв в опросе мне удалось только дописав в /* Poll styles */ класс для этого.

Code

.answer {font-size:9px;color:#ff0000;}

studuck, простите, а каким Вы пользуетесь браузером?

studuck

Дата: Вторник, 2009-04-21, 1:07 PM | Сообщение # 7 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

жестик, фон на форуме я поменяла в html кодах
Браузером Opera? сегодня попробую сделать все что вы сказали

Добавлено (2009-04-21, 12:45 Pm)
---------------------------------------------
аблицы меняю в explore-ре

Добавлено (2009-04-21, 12:59 Pm)
---------------------------------------------
Фон поменяла так <body background="ссылка к файлу">
А остальное на форуме закрасила в визуальном редакторе

Добавлено (2009-04-21, 1:04 Pm)
---------------------------------------------
жестик, Спасибо вам огромное, размер шрифта и цвет букв поменяись))))))) biggrin
А как цвет форума поменять? я вот нахожу его в wcc кодах,нашла на другом форуме табличку с подсказкой что-где означает,меняю в кодах,а ничего не происходит wacko

Добавлено (2009-04-21, 1:07 Pm)
---------------------------------------------

Шпаргалка, но там где хочу поменять ставлю другой цвет,и ничего не происходит cry а на красном форуме сине-зеленая таблица не очень-то смотрится

Хочу все знать

жестик

Дата: Среда, 2009-04-22, 2:31 AM | Сообщение # 8 |

Анаграфист

Группа: Помощник D4U

Сообщений: 261

Репутация: 8

Статус: Offline

studuck,
Похоже я несколько сумбурно написал. Попробую поподробней.

Quote (studuck)

нашла на другом форуме табличку с подсказкой

Табличка очень хорошая и полезная, там же есть еще табличка по темам форума и по календарю.

Quote (studuck)

я вот нахожу его в wcc кодах, а ничего не происходит

В этом случае прежде всего надо открыть шаблон "Общий вид страниц форума" и убедится, что там стоит ссылка именно на Вашу CSS, а не на стандартную CSS шаблона. Ссылка на Вашу CSS будет заканчиваться на /my.css, е не на номер шаблона. Нас интересует вот эта строка.

Code

Quote (studuck)

А как цвет форума поменять?

После того, как Вы убедились, что в шаблоне "Общий вид страниц форума" стоит ссылка именно на Вашу CSS, а не на стандартную, приступаем к замене цветов форума. Открываем шаблон (страницу) с CSS
Смотрим на табличку. Выбираем, допустим, первый в табличке образце класс- gTableTop. Видим, что по табличке, он меняет самую верхнюю часть форума.
Далее смотрим нашу таблицу стилей, находим интересующий нас класс- gTableTop. Конкретно в Вашей таблице стилей видим строку

Code

.gTableTop {padding:2px;background:url('/.s/t/935/16.gif') repeat-x #61A800;color:#FFFFFF;font-weight:bold;height:26px;padding-left:17px;font-size:10pt;}

Как Вы сами заметили, что тут стоит адрес рисунка (рисунок я думаю Вы смотрели)
Вот он

удивительно похож по цвету на Ваш форум.
По аналогии с фоном сайта предполагаем, что этот рисунок является фоном для этой ячейки таблицы и так же как <body background>на всей странице форума- повторяется в этой ячейке нужное число раз. (о чем говорит дальнейший текст repeat-x)
Соответственно, чтоб поменять цвет этой ячейки Вам нужно заменить фоновый рисунок на свой, (такого же размера).
Например на этот

или другой (нужного Вам цвета).
Смотрим эту строку далее .gTableTop {padding:2px;background:url('/.s/t/935/16.gif') repeat-x #61A800 видим номер цвета (какой-то зеленый). Такого цвета была бы эта ячейка если бы не было фонового рисунка.
Конкретно эта ячейка выше, чем высота фонового рисунка, поэтому в низу ячейки получается полоса заполненная фоновым цветом. Соответственно при замене стандартного рисунка на свой, Вам надо заменить и этот цвет, на цвет Вашего рисунка (или другой, если Вы хотите полоску (внизу ячейки) другого цвета).
(ниже будет скрин для наглядности)
Дальнейший текст (в этой строке) color:#FFFFFF;font-weight:bold;height:26px;padding-left:17px;font-size:10pt;} имеет непосредственное отношение к свойствам надписи (текста) находящегося в этой ячейке.
color:#FFFFFF- цвет этого текста
font-weight:bold- написание текста (точно не помню по моему полужирный)
height:26px- высота ячейки (вроде)
padding-left:17px;font-size:10pt; отступ текста от левого края и его высота.
Соответственно так можно разобрать каждую строку в таблице стилей (согласно таблички-образца) и поменять цвета форума на нужные.
После замены цвета не забуьте сохранить результат и обновить страницу форума, чтоб его увидеть.
Для упрощения процесса и уменьшения вероятности ошибок я бы рекомендовал менять по одной строке и (перед заменой) копировать оригинальную строку в блокнот, чтоб не пришлось (в случае чего) восстанавливать весь стандартный набор стилей, а можно было просто обратно заменить строку.

Quote (studuck)

Браузером Opera?

Оперу не знаю совершенно, у меня на нее аллергия. Я к чему спросил про браузер, просто к файерфоксу есть очень удобное дополнение, которое позволяет легко смотреть стили элементов и делать пробные замены прям в браузере, чтоб оценить предварительный результат. Есть ли такое к опере просто не знаю.
Позволил себе сделать несколько скринов Вашего форума, чтоб прокомментировать то, что я писал наглядно (так сказать) Соответствие элементов стилей и форума обозначено одинаковыми цветами.

__________________________________________________________-
Простите, можно вопрос чисто от любопытства?
У Вас стоит ссылка на такую таблицу стилей
<link href="http://pigs.ucoz.ru/_st/my.css" rel="StyleSheet" type="text/css"/>
через строку написано
<link href="http://s9.ucoz.net/src/layer1.css" rel="StyleSheet" type="text/css"/>
как я понял это стили для скрипта, который идет далее.
А между этими строками зачем-то скопирована таблица стилей форума. Может, если ее удалить
из шаблона (как я понимаю) "Общий вид страниц форума"

то начнет работать таблица стилей которую Вы открываете в "Панели управления" в разделе "Управление дизайном"?
Как я понимаю Вы пытаетесь менять стили в ней?

studuck

Дата: Среда, 2009-04-22, 8:20 PM | Сообщение # 9 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

жестик, огромное спасибо сейчас с работы пришла и голова немного не варит,завтра все сделаю и надеюсь до конца разберусь

Хочу все знать

жестик

Дата: Четверг, 2009-04-23, 0:55 AM | Сообщение # 10 |

Анаграфист

Группа: Помощник D4U

Сообщений: 261

Репутация: 8

Статус: Offline

Quote (studuck)

завтра все сделаю и надеюсь до конца разберусь

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

Code

Эти стили форума скопированы у Вас со страницы форума (на остальных страницах сайта такого не наблюдается), по всей вероятности они вписаны у Вас в шаблон "Общий вид страниц форума", вероятно по этому все изменения по стилям форума, которые Вы вносите в таблице стилей не приносят результата. Мне кажется, что надо начать с того, чтоб удалить их из шаблона форума, а потом уже начинать менять стили форума (в таблице стилей) как Вам надо.

studuck

Дата: Четверг, 2009-04-23, 1:40 PM | Сообщение # 11 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

У меня очередная проблема,поменяла цвет букв в опросе, теперь в опере все нормально,а в эксплорере каракули cry

восстановила стандартный шаблон css и ничего не произошло wacko

Хочу все знать

жестик

Дата: Четверг, 2009-04-23, 2:16 PM | Сообщение # 12 |

Анаграфист

Группа: Помощник D4U

Сообщений: 261

Репутация: 8

Статус: Offline

studuck,
Да, вроде, нормально через эксплорер выглядит

Может у Вас в эксплорере что-либо с настройкой кодировки не то?

Сообщение правил жестик - Четверг, 2009-04-23, 2:17 PM

studuck

Дата: Четверг, 2009-04-23, 2:29 PM | Сообщение # 13 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

Нет я другу сайт делаю по автозапчастям wacko

пришлось удалить,ща восстановлю и покажу

Добавлено (2009-04-23, 2:29 Pm)
---------------------------------------------
[url="http://avangardrpc.ru/"]Вот здесь[/url]

Хочу все знать

жестик

Дата: Четверг, 2009-04-23, 3:12 PM | Сообщение # 14 |

Анаграфист

Группа: Помощник D4U

Сообщений: 261

Репутация: 8

Статус: Offline

studuck, Вы через визуальный редактор пытались поменять шрифт? Мне с работы толком не посмотреть. Мне в коде не понравилась одна строка, но возможно я ошибаюсь, я не великий знаток HTML кодов, но из того, что я быстро смог найти про нее что-то было про негативное восприятие эксплорером.

studuck

Дата: Четверг, 2009-04-23, 3:27 PM | Сообщение # 15 |

Спектографист

Группа: Пользователи

Сообщений: 17

Репутация: 0

Статус: Offline

Вполне возможно что пыталась sad

я уже даже не помню что делала, может мне восстановить стандартный шаблон страницы?

Хочу все знать

Форум » Веб-дизайн » CSS » Перекраска форума и букв

Страница 1 из 3
1
2
3
»