Кодировка HTML | Демо-сайт CMS uCoz | Почта

Как найти и отредактировать класс в CSS

Архив видео уроков и обучающие видео.

Как найти и отредактировать класс в CSS

Сообщение Vanofuture » 15 июн 2008, 18:45

[divx]http://s1.web-codes.net/video/edit_css_by_Vanofuture.avi[/divx]

Вот собственно первое видео раздела. :) Так же это моё первое видео, так что не судите строго. :idea:
В нём я показал ответ на один из самых распостранённых вопросов: как найти и отредактировать класс в CSS.

О видео
Продолжительность: 00:14:32
Размер: 9.24 Mb
Формат: Avi
Качество: TSCC 1024x768 2.00fps 90Kbps
Аудио: Нет

Спойлер: Показать +
Прива)
Я Vanofuture и сейчас я покажу вам как быстро найти и отредактировать класс
в Css. Для примера буду использовать свой сайт и браузер Opera. Так что в
других браузерах процесс может чуть отличаться. Для примера я хочу изменить
цвет названия темы на форуме. Открываем исходник страницы. Для быстрой
находки используем поиск. Нашли эту ссылку. Теперь посмотрим на её аттри-
буты. class="threadLink" вот что нам нужно. Это класс ссылки в css. Чтобы
изменить цвет теперь идём редактировать этот класс в таблице стилей. Опять
же используем поиск. Нашли! Теперь посмотрим на параметры указанные для
этого класса. color:grey; вот что мы искали. Параметр color отвечает за
цвет ссылки в данном случае. Поменяем его на более подходящий. Сохраняем...
Теперь нужно полностью перезагрузить страницу чтобы css файл обновился в
кэшэ. А вот и результат! Теперь ещё раз покажу всё на другом элементе стра-
ницы. К примеру на стиле формы быстрого поиска. Повторяем теже шаги.
Нашли, но тут одинаковые параметры сразу у 3-х классов, а так как мы хотим
изменить только один, то разделим их. Припишем к примеру синий цвет и сохраним css.
Цвет кнопки OK изменился тоже, т.к. у неё тот же класс что и у поля.

Video by Vanofuture - http://xonline.net.ru/ for users of http://web-codes.net/

Удачи!
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 47 -

Re: Как найти и отредактировать класс в CSS

Сообщение google08 » 15 июн 2008, 19:32

Большое спасибо за новый раздел и за видео!!!
Жизнь - игра. Мотив плохой, зато классная графика
Аватара пользователя
google08
Модератор
Модератор
 
Сообщения: 612
Возраст: 27
Зарегистрирован: 29 апр 2008, 16:27
Карма: + 2 -
Откуда: Украина

Re: Как найти и отредактировать класс в CSS

Сообщение hcbrest » 17 июн 2008, 00:46

О видео
Продолжительность: 00:14:32
Размер: 9.24 Mb
Формат: Avi
Качество: TSCC 1024x768 2.00fps 90Kbps
Аудио: Нет

Скачать


Сейчас скачаем. ;) А чем сжимал, что всего лишь 9,24 Мб, а 14 минут?
Изображение
hcbrest
Сержант
Сержант
 
Сообщения: 71
Зарегистрирован: 21 апр 2008, 21:52
Карма: + 0 -
Откуда: г. Брест(Беларусь)

Re: Как найти и отредактировать класс в CSS

Сообщение Vanofuture » 17 июн 2008, 00:49

Так качество 2 кад/сек и битрейт 90 :)
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 47 -

Re: Как найти и отредактировать класс в CSS

Сообщение hcbrest » 17 июн 2008, 13:15

Мне понравилось! :)
В самом начале, когда текст в блокноте набирал, я уже на второй строчке думал засну, а в конце(LA развернул на весь экран) стал клацать на твой крестик(т.е. из видео), чтоб закрыть. :D :D :D
Изображение
hcbrest
Сержант
Сержант
 
Сообщения: 71
Зарегистрирован: 21 апр 2008, 21:52
Карма: + 0 -
Откуда: г. Брест(Беларусь)

Re: Как найти и отредактировать класс в CSS

Сообщение Pein » 17 июн 2008, 14:27

Vanofuture,скинь плиз название программы,которой ты снимал видео.. ;)
Pein
Салага
Салага
 
Сообщения: 4
Зарегистрирован: 23 май 2008, 14:11
Карма: + 0 -

Re: Как найти и отредактировать класс в CSS

Сообщение AllCity » 17 июн 2008, 15:15

Camtasia Studio
Аватара пользователя
AllCity
Администратор
Администратор
 
Сообщения: 2505
Возраст: 29
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 144 -
Откуда: Израиль, Тель-Авив

Re: Как найти и отредактировать класс в CSS

Сообщение Pein » 17 июн 2008, 15:28

AllCity спасибо огромное! :D
Pein
Салага
Салага
 
Сообщения: 4
Зарегистрирован: 23 май 2008, 14:11
Карма: + 0 -

Re: Как найти и отредактировать класс в CSS

Сообщение Diesel101 » 29 июн 2008, 17:32

Vanofuture,
Код: Выделить всё
<img style="margin:0;padding:0;vertical-align:middle;border:0;" src="http://src.ucoz.net/img/fr/ic/9/f_hot_nonew.gif" /> Горячая тема (Нет новых сообщений)</td><td class="legendTd">

legendTd не нашёл, как изменить на форуме (буквы очень большие) :?:
Аватара пользователя
Diesel101
Рядовой
Рядовой
 
Сообщения: 20
Зарегистрирован: 06 май 2008, 08:27
Карма: + 0 -
Откуда: Израиль, Ашдод

Re: Как найти и отредактировать класс в CSS

Сообщение Vanofuture » 29 июн 2008, 17:52

А я нашёл, у себя...
Код: Выделить всё
/* Other Styles */
.replaceTable {background:#F5F9FD;height:100px;width:300px;border:1px solid #597798;}

.legendTd {font-size:7pt;}
/* ------------ */

Ищи Other Styles.
Да не стоити забывать что он естьб только в UcoZ шаблонах, во всех переделанных с dle шаблонов нужно классы создавать и настраивать самому.
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 47 -

След.

Вернуться в Архив видео уроков

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron