[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Как найти и отредактировать класс в CSS?
gugaДата: Четверг, 25.03.2010, 23:31 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 431
Награды: 2
Репутация: 45
Метод 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;}

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



 
  • Страница 1 из 1
  • 1
Поиск:


ЛУЧШЕЕ НА САЙТЕ
ТОП 20-ка последних тем ТОП 20-ка читаемых тем ТОП 20-ка лучших материалов
  • Как качать с DepositFiles
  • Загляните на огонек.
  • Полезно
  • где купить качественные саженцы винограда?
  • Как сэкономить на бензине?
  • Привет всем форумчанам!
  • обратитесь к сетевому администратору для получения доступа
  • Красота. Здоровье. Молодость.
  • Новый Топ пользователей с аватарами для Ucoz
  • Простой и красивый вид формы опроса
  • Красивый информер "кто нас сегодня посетил" для Ucoz
  • Flash радио для сайта
  • Кровавая Мери (Пьяные разговоры) Угар и ржака
  • Обсудим РЖАКА, позитив)))
  • Alan Wakes American Nightmare прохождение
  • I Am Alive прохождение
  • Secret Files 3 прохождение
  • Lucius прохождение игры
  • Прохождение Последняя воля Шерлока Холмса
  • Самая успешная букмекерская контора России
  • Секрет игры новые земли в одноклассниках
  • Куда постить новости - база сайтов
  • Список сайтов где постить новости, постить на сайтах
  • Still Life 2
  • Ожидаемые новинки
  • Меню для UCOZ
  • ОБЩАЕМСЯ
  • загрузчик ntldr
  • Создание красивого поиска для сайтов на uCoz
  • Принимаем заказы! Обработка ФОТО в Photoshop CS
  • Скрипт Online Tv предоставлен сайтом ВидеоЗал
  • Memento Mori
  • МеГа ОбЗоР
  • Куда и как постить, чтобы качали файлы
  • Ответь на вопрос последнего игрока и задавай свой вопрос....
  • Moscow Racer: NoCD/NoDVD (Мини образ)
  • Как качать с DepositFiles
  • Самый огромный член в мире. Длина и размеры пенисов
  • Удаление баннеров с рабочего стола, разблокировка Windows
  • Все способы поднять рейтинг вконтакте бесплатно
  • Демотиваторы (50 фото) на КВИК
    Демотиваторы на квик (93 фото)
    Популярные фразы девушек (76 фото)
    Демотиваторы на КВИК очень смешной выпуск (20 фото)
    Замедленный удар по попке "ОНЛАЙН" и "СКАЧАТЬ"
    Демотиваторы КВИК (20 фото)
    А вот если с утра стояк, а в туалет надо. Инструкция. (8 фото)
    В метро без штанов 2011 только на КВИК
    Время ведьм / Season of the Witch (2010/CAMRip/1400mb)
    Девушки играют в волейбол на КВИК (19 фото)
    8 способов - как парни ходят в туалет (8 фото)
    Демотиваторы (50 шт)
    Демотиваторы самые коментируемые в интернете
    Демотиваторы пятничные (76 фото)
    Забавные фотографии с американских выпускных (91 фото)
    Необычные работы Эрика Йоханссона(Erik Johansson)
    Хатико: Самый верный друг / Hachiko: A Dog's Story (2009) ОНЛАЙН
    Dracula87 MultiBoot Recovery Master DVD 1.0 (12.01.2011)
    Интерны (2012) 6 сезон, Все серии смотреть онлайн
    Древние пришельцы. Все сезоны (2010 - 2011) HDRip + HDTVRip + HDTV
    Каталог-Молдова - Ranker, Statistics