Шпаргалка по CSS - Страница 4 - Форум
Включить музыку | Понедельник, 05 Дек 2016, 5.27.40| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 4 из 8«12345678»
Архив - только для чтения
Форум » Корзина » Архив » Шпаргалка и скрипты » Шпаргалка по CSS
Шпаргалка по CSS
БелчонкаДата: Среда, 25 Фев 2009, 6.53.17 | Сообщение # 1
Admin
Группа: Администраторы
Город: Almaty
На форуме с: 13 Дек 2007
Награды: 57
Сообщений: 5754
< >
Статус:
~ Мои награды ~
Я нашла в интернете такую помощь решила вам облегчить задачу.
Там тоже помощь по UCOZ у.
Шпаргалка по CSS форума (главная форума)
Шпаргалка по CSS форума (страница тем форума)
Шпора-конструктор border radius
Шпаргалка по CSS. Календарь

Там ещё много чего есть.
============================================================
Метод 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;}

Цвет взят условно.


 
KatrinДата: Пятница, 10 Июл 2009, 1.10.34 | Сообщение # 16
Рядовой
Группа: Пользователи
На форуме с: 07 Фев 2009
Награды: 0
Сообщений: 18
< >
Статус:
~ Мои награды ~
Ольчик, смотрела в виде материалов - нету, вот еще посмотрю на странице материала и комментариев к нему, спасибо 1
 
LILIAДата: Суббота, 29 Авг 2009, 11.08.03 | Сообщение # 17
Лейтенант
Группа: Проверенные
На форуме с: 09 Янв 2009
Награды: 1
Сообщений: 44
< >
Статус:
Смайл настроения:
~ Мои награды ~
Шпаргалка по CSS ПО ВСЕМУ САЙТУ ЕСЛИ БЫЛА БЫ ЕШЕ КРУЧЕ БЫЛО БЫ sm16
 
Кэт00Дата: Воскресенье, 29 Ноя 2009, 3.27.08 | Сообщение # 18
Генерал-полковник
Группа: Главн.Модератор
Город: Россия
На форуме с: 06 Июн 2009
Награды: 34
Сообщений: 1286
< >
Статус:
~ Мои награды ~
Метод 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;}

Цвет взят условно.

 
yo-yoДата: Среда, 02 Июн 2010, 12.52.32 | Сообщение # 19
Рядовой
Группа: Проверенные
Город: Москва
На форуме с: 07 Май 2010
Награды: 0
Сообщений: 2
< >
Статус:
~ Мои награды ~
Добрый день!!!! Подскажите, пожалуйста, где в CSS меняется цвет и размер шрифта новостей на главной странице? Спасибо заранее sm18
 
veterokuaДата: Четверг, 03 Июн 2010, 2.03.11 | Сообщение # 20
Генерал-полковник
Группа: Администраторы
На форуме с: 11 Окт 2009
Награды: 93
Сообщений: 1647
< >
Статус:
~ Мои награды ~
Quote (yo-yo)
где в CSS меняется цвет и размер шрифта новостей

смотри этот класс
eMessage

 
Форум » Корзина » Архив » Шпаргалка и скрипты » Шпаргалка по CSS
Страница 4 из 8«12345678»
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

В гостях у Белчонки © 2016