Изменение шрифтов на Юкоз

Форум » Вопросы по системе UcoZ » Изменение шрифтов на Юкоз » Ответить

Изменение шрифтов на Юкоз

Мэгги: Здравствуйте! У меня возник вопрос, с которым я обратилась в службу поддержки Юкоза. Аот с таким текстом: Здравствуйте, подскажите пожалуйста: можно ли шрифт сообщений на форуме сделать крупнее и светлее? Прекрасный дизайн, но мелковатый шрифт, а у нас в игре участвуют люди с пониженным зрением. Спасибо! Ответ, который мне прислали: Правьте шаблон CSS. Мне конечно очень лестно, что меня посчитали таким продвинутым пользователем, но к сожалению, я не знаю, как применить этот ответ на практике. Подскажите пожалуйста. Буду очень благодарна.

Ответов - 28, стр: 1 2 All

Ириша: Наверное вот это поможет: Метод 1-й - от frozen 1) Открываете Вид-Просмотр ХТМЛ кода нужной страницы. 2) Находите в тексте объект, параметры которого требуется изменить, и смотрите какой у него класс. 3) Затем ищите этот класс в таблице стилей css. 4) И меняете как нужно параметры. Если отдельного класса нет, то добавляете его в шаблон (через Панель управления), а в таблице стилей css добавляете с нужными параметрами. Метод 2-й - от booroondook 1) Открываете в браузере нужную страницу сайта. 2) Сохраняете в браузере эту страницу в виде HTML-файла. Например, в IE выполняем команду "Файл - Сохранить как..." и указываем в опциях вариант "Web-страница полностью" - это вызовет также сопутствующее сохранение CSS-файла и ссылку на него в сохраненном HTML-файле. 3) Открываем сохраненный HTML-файл в Frontpage, переходим в режим "Split" (т.е. отображение в нижней части окна дизайна страницы, а в верхнем - исходного кода). 4) В полуокне дизайна становимся мышкой на нужный нам элемент - при этом в полуокне исходного кода курсор автоматически встанет в соответствующее место кода, а на панели тегов высветится соответствующий класс. При желании можно нажать на этот высвеченный класс - тогда в обоих полуокнах выделятся соответствующие участки. 5) Класс нам известен - теперь можно найти его в локальном CSS-файле (см. п.2 - файл был сохранен) и изменить нужным образом. 6) Возвращаемся в Frontpage, нажимаем там клавишу F5 (обновить представление) и сразу же видим и оцениваем изменения. Если утомительно искать нужный класс в CSS, то есть Метод 3-й - от Кински 1. Копируем название класса (с точкой или без). 2. Открываем таблицу стилей CSS 3. Вызываем окно поиска сочетанием клавиш ctrl+F 4. Вставляемый нужный класс в строку поиска 5. Нажимаем поиск и смотрим результат В 9.01 Опере просмотр кода сделан подсвечивающимся. Текст чёрный, код синий, комментарии зелёные и скрипты коричневые. Очень удобно. Пример: Очень часто хотят поменять размер шрифта в сообщениях на форуме. Для этого откроем любую тему на форуме и скопируем кусочек текста. Открываем Просмотр ХТМЛ-кода и ищем этот кусочек. Затем смотрим какой у него класс - у текста сообщений class="posttdmessage". Открываем таблицу стилей форума и находим в разделе /* Posts View */ класс posttdmessage. .posttdmessage {padding:5px;font-size:8pt;} Мы видим, что задан только отступ и размер шрифта. Мы можем поменять размер и добавить цвет. В итоге этот класс будет выглядеть как: .posttdmessage {padding:5px;font-size:10pt;color:#CCCCCC;} Цвет взят условно.

Мэгги: Ириша Огромное спасибо!!! Всё получилось! Всё прекрасно! Что бы я без тебя делала?......

Доктор: Ириша А можно я выложу эти способы у себя на UcoZ'овском форуме со ссылкой на твой форум и указанием автора?

Ириша: Доктор оригинал стоит тут - http://info.ucoz.ru/publ/3-1-0-4 Размещай. Можешь таким образом и другие разместить.

Мэгги: Ириша Здравствуйте! Не могли бы вы подсказать, как изменить цвет шрифта в поле для ответа. То есть, когда мы пишем ответ, скажем у вас поле чёрное, а шрифт, который появляется при наборе текста - оранжевый. У нас на стандартном юкозовском дизайте поле тёмно синее, а шрифт тёмно серый и получается, что человек не видит, что пишет. Помогите пожалуйста, я перекопала все цвета в CSS, но так и не смогла определить, что именно нужно поменять. Заранее благодарна!

Ириша: Мэгги - Шаблон "форма добавления сообщения" строчка: <td width="25%" class="gTableLeft" id="frM57" valign="top">Текст сообщения:<div class="smilesPart">$SMILES$</div></td> Там есть класс и id В CSS .gTableLeft {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;font-weight:bold;color:#559B36} Но это может затронуть не только поле формы ввода текста. Поэтому лучше менять id #frM57 {color: yellow} Это надо добавить в CSS. Естественно параметры у вас другие.

Мэгги: Ириша Большое спасибо)))) Иду пробовать)))))

Мэгги: Ириша Может быть, я что-то не так делаю(((((((( Ничего не меняется. это то, что стоит в CSS: .gTableLeft {padding:2px;background:#000000;font-weight:bold;color:#A9B5D8} Даже если здесь меняю цвет - остаётся в поле всё, как есть. Это то, что в шаблоне «Форма добавления сообщений»: <tr id="frM56"><td width="25%" class="gTableLeft" id="frM57" valign="top">Текст сообщения:<div class="smilesPart">$SMILES$</div></td><td class="gTableRight" id="frM58">$BBCODES$ $_MESSAGE$</td></tr> <?if($MESSAGE_OPTIONS_FLAG$)?> Может, я просто тупая? Мне кажется, что я какой-то очевидной вещи не вижу((((( Подскажи пожалуйста, какие именно фрагменты нужно менять. Заранее благодарна.

Ириша: Мэгги, всего лишь в CSS добавить строчку #frM57 {color: ваш_цвет}

Доктор: Ириша А в форме для ввода сообщения точно шрифт можно изменить? Что-то мы бьёмся-бьёмся, а он не сдвигается ни в каую, как заколдованный какой-то! Ириша, мне тут мысль пришла, а может поменять не шрифт, а цвет поля формы для ввода сообщения: сделать его не тёмно-синим, а светло серым, например...

Мэгги: Ириша Большое спасибо, я наконец разобралась. Точнее, мы разобрались)))) Я поняла, куда что надо вставлять. Ещё раз спасибо))))

Ириша: Доктор, желательно описывать подробности "битья". Бывает какая-то мелочь и не даёт получить нужный результат. Но мне трудно гадать. На самом деле как только поймёшь принцип, так сразу станет легко.

Мэгги: Ириша Я просто хочу уточнить. Вот в этом месте шаблона я поменяла цвет: .codeButtons {font-size:7pt;background: #5C6884;color:#FFFFFF;border:1px outset #AFBDE4;} .codeCloseAll {font-size:7pt;background: #5C6884;color:#FFFFFF;border:1px outset #AFBDE4;font-weight:bold;} .postNameFl,.postDescrFl {background:#131A2E;border:1px solid #1D2C57;width:400px;color:#C9D6F5;} .postPollFl,.postQuestionFl {background:#131A2E;border:1px solid #1D2C57;width:400px} .postResultFl {background:#131A2E;border:1px solid #1D2C57;width:50px} .postAnswerFl {background:#131A2E;border:1px solid #1D2C57;width:300px} .postTextFl {background:#131A2E;border:1px solid #1D2C57;width:550px;height:150px;color:#C9D6F5;} .postUserFl {background:#131A2E;border:1px solid #1D2C57;width:300px} Там где выделено красным - я поменяла цвет, а там где выделено зелёным - я добавила фрагмент, потому что этого фрагмента не было. Я просто хотела спросить: можно ли так делать? Заранее благодарна)

Ириша: Мэгги, конечно. Именно так и делается. Чего нет добавляется, что не подходит меняется.

Доктор: Ириша Большое спасибо! Это у нас с Мэгги шла речь об одном и том же форуме, так что проблема благополучно решилась.

полная версия страницы