Как узнать класс и стили нужного элемента?

Dec 26, 2013 22:07

Меня часто просят помочь с редактированием дизайна журналов. Причем во многих случаях помощь нужна только с тем как обратиться к нужному элементу - просто узнать какой у него класс или Id.

На самом деле это очень просто сделать с плагинами или инструментами, которые уже встроены в браузер.

Начну с хрома )

useful: уроки по оформлению ЖЖ

Leave a comment

Comments 42

volk_nn December 26 2013, 18:15:20 UTC
В опере для этого есть dragonfly

Reply

yoksel December 26 2013, 18:23:03 UTC
ага, есть

Reply

(The comment has been removed)

volk_nn December 26 2013, 19:48:05 UTC
12 пока осталась как есть. Сейчас в активной разработке версия на Webkit

Reply


peppper December 26 2013, 20:01:22 UTC
посмотрел на юзерпик - и вспомнил свой первый юпик в жж - моргающие глазки… наверно это был ваш? ))

Reply

yoksel December 26 2013, 20:09:19 UTC
такой? : )


... )

Reply

peppper December 26 2013, 20:14:07 UTC
да))) замечательно!

Reply

yoksel December 26 2013, 20:27:45 UTC
тут ещё есть если что http://yoksel.ru/upics/ : )

Reply


leonuri December 27 2013, 05:51:15 UTC
У меня и без аддона в мозиле есть эта штука "исследовать элемент".:)

... )

Reply

yoksel December 27 2013, 06:03:02 UTC
нет, это встроенная мозилловская, в посте про неё есть. Мне она как-то не глянулась, поэтому пользуюсь Firebug'ом, но вы смотрите сами что вам удобнее

Reply


sigmur December 27 2013, 07:17:46 UTC
Товарищи, "узнать", в данном контексте, пишется вместе. А то я еле понял о чём речь.

Reply

yoksel December 27 2013, 07:26:55 UTC
ни дня без опечатки!

Reply


gentlemenq January 27 2014, 13:54:05 UTC
yoksel еще раз здравствуйте. В этом журнале(http://ibigdan.livejournal.com/), какой стиль использован, "Friendstimes"? Или он просто приделал всплывающие вкладки к другому стилю? Что бы сделать такую же фоновую рекламу как в этом журнале, нужно в слоях разбираться?
И еще по поводу кода элемента. Допустим я хочу поставить себе такую же иконку количества комментариев, как показано у вас выше на скрине. Жму: Просмотр кода элемента - в левой части выбираю нужную строку - копирую весь код который указан в правой колонке, и вставляю себе в ксс, верно?

Reply

yoksel January 27 2014, 14:00:09 UTC
Стиль тот же, реклама вставлена через слой.

> Допустим я хочу поставить себе такую же иконку количества комментариев, как показано у вас выше на скрине. Жму: Просмотр кода элемента - в левой части выбираю нужную строку - копирую весь код который указан в правой колонке, и вставляю себе в ксс, верно?

следует понимать, что у всех стилей разное строение страниц, простое копирование может не сработать, если вы копируете код из одного семейства и вставляете в тему для другого.

Способ сработает только если вы найдете таким образом системные стили своей темы и переопределите их в Custom Css

Reply


Leave a comment

Up