Web <Codes>

Всё для вебмастера!
http://web-codes.net/

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

http://web-codes.net/viewtopic.php?f=17&t=713

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

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

СообщениеДобавлено: 15 июн 2008, 18:45
Vanofuture
[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/

Удачи!

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

СообщениеДобавлено: 15 июн 2008, 19:32
google08
Большое спасибо за новый раздел и за видео!!!

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

СообщениеДобавлено: 17 июн 2008, 00:46
hcbrest
О видео
Продолжительность: 00:14:32
Размер: 9.24 Mb
Формат: Avi
Качество: TSCC 1024x768 2.00fps 90Kbps
Аудио: Нет

Скачать


Сейчас скачаем. ;) А чем сжимал, что всего лишь 9,24 Мб, а 14 минут?

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

СообщениеДобавлено: 17 июн 2008, 00:49
Vanofuture
Так качество 2 кад/сек и битрейт 90 :)

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

СообщениеДобавлено: 17 июн 2008, 13:15
hcbrest
Мне понравилось! :)
В самом начале, когда текст в блокноте набирал, я уже на второй строчке думал засну, а в конце(LA развернул на весь экран) стал клацать на твой крестик(т.е. из видео), чтоб закрыть. :D :D :D

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

СообщениеДобавлено: 17 июн 2008, 14:27
Pein
Vanofuture,скинь плиз название программы,которой ты снимал видео.. ;)

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

СообщениеДобавлено: 17 июн 2008, 15:15
AllCity
Camtasia Studio

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

СообщениеДобавлено: 17 июн 2008, 15:28
Pein
AllCity спасибо огромное! :D

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

СообщениеДобавлено: 29 июн 2008, 17:32
Diesel101
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 не нашёл, как изменить на форуме (буквы очень большие) :?:

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

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

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

Ищи Other Styles.
Да не стоити забывать что он естьб только в UcoZ шаблонах, во всех переделанных с dle шаблонов нужно классы создавать и настраивать самому.
Часовой пояс: UTC + 2 часа [ Летнее время ]
Страница 1 из 2
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/