Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

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

Ответы на ваши вопросы уже есть в этом форуме
Пользуйтесь поиском, уважайте собеседников
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

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

Сообщение Добавлено: 02 сен 2009, 11:18

Хочу посоветовать пользователям FireFox очень удобное расширение FireBug.

Это расширение позволяет в считанные секунды изменить свойства HTML или CSS -элементов текущей страницы, чтобы сразу без перезагрузки страницы посмотреть к чему привели изменения и если понравилось, то тогда вы уже произведете эти изменения в шаблонах или теме стиля.
Установить расширение можно здесь:
https://addons.mozilla.org/ru/firefox/a ... sions/1843

Запускается простым нажатием иконки (жучек) в правом нижнем углу браузера



посмотрите скриншот, я легко меняю свойство BODY заменив фоновый цвет на форуме поддержки с голубого на красный, но этот цвет меняется только у меня в браузере, для других пользователей он остается как прежде и можно свободно экспериментировать над любыми элементами оформления, не боясь испортить форум. Тоже самое касается и HTML-элементов.

PS. Причем, очень удобно использовать в связке с расширением CSSVIEWER, при помощи которого мы узнаем имя любого CSS элемента страницы, а затем находим этот элемент во вкладке CSS расширения FIREBUG, меняем и смотрим что получилось. установить можно тут https://addons.mozilla.org/ru/firefox/addon/2104

PPS. Если нужно изменить оформление какого-то отельного элемента и вы не знаете его название можно сделать еще проще. Можно запустить FireBug, нажать на кнопу "Inspect", затем навести и кликнуть на нужный элемент на странице. В результате нам покажет HTML код этого элемента и CSS свойства, влияющие на него. Например я нажал на ссылке на форум.



В итоге в левом окне я получил HTML-код этой ссылки (в которой видно что имя элемента a.forumlink) и в правом окне все CSS элементы и их свойства, которые влияют на вид этой ссылки (перечеркнутые) и которые сразу-же можно попробовать поменять.


Рекомендованная подбока плагинов для firefox
На этом сервисе можно cоздать форум бесплатно

За это сообщение пользователя GoDFaTHeR поблагодарили:
*Bee*, SiriuS_C, ViruS, volond430

Сообщения: 20
Зарегистрирован: 22 авг 2009, 13:53
Благодарил (а): 5
Поблагодарили: 6 раз в 3 сообщениях
Баллы репутации: 0

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

Сообщение Добавлено: 02 сен 2009, 11:26

GoDFaTHeR
Спасибо. Очень полезная штука.

добавлено -- 36 минут --

Установил. Скажу, что это чудо из чудес. Каждый винтик форума показывает с подробным описанием. Для начинающих админов это очень полезно. Да вообще для всех. Теперь не надо искать коды и скрипты. Увидел у кого-то какой-то прибамбас на сайте или форуме. Те понравилось. Просто навел курсор мыши и код этого прибамбаса у тебя.

добавлено -- 39 минут 17 секунд --

Жалко, что CSSVIEWER не пошел. Он работате с версиями от 1,5 до 3,0
Придется качать старую версию огненного лиса.

Аватара пользователя
Сообщения: 146
Зарегистрирован: 16 авг 2009, 22:43
Благодарил (а): 29
Поблагодарили: 39 раз в 25 сообщениях
Адрес форума: http://gta-life.ru/
Баллы репутации: 6

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

Сообщение Добавлено: 06 сен 2009, 20:27

GoDFaTHeR
Примерно такую же фишку я нашел и в Опере 10!
Все написано на Официальном сайте Оперы: http://www.opera.com/dragonfly/
Но я пока не уверен, там надо разбираться: "что к чему". Вы не в курсе?
Дорога возникает под ногами идущего. Форум GTA |

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

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

Сообщение Добавлено: 02 мар 2010, 12:23

Игорь писал(а):там надо разбираться: "что к чему". Вы не в курсе?

с оперой не работал...
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 175
Зарегистрирован: 09 мар 2010, 16:53
Благодарил (а): 79
Поблагодарили: 5 раз в 4 сообщениях
Пол: Женский
Адрес форума: http://baltyskmama.4admins.ru/
Баллы репутации: 1

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

Сообщение Добавлено: 14 апр 2010, 17:37

GoDFaTHeR писал(а):Это расширение позволяет в считанные секунды изменить свойства HTML или CSS -элементов текущей страницы, чтобы сразу без перезагрузки страницы посмотреть к чему привели изменения и если понравилось, то тогда вы уже произведете эти изменения в шаблонах или теме стиля.

А нельзя это сделать прямо в окне Firebug? Не заходя в шаблоны. Я имею ввиду - сохранить изменения?
Изображение

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

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

Сообщение Добавлено: 14 апр 2010, 17:43

lisenok_pillau писал(а):Не заходя в шаблоны. Я имею ввиду - сохранить изменения?

Firebug Это изменения на локальной (т.е.именно на вашей) машине
Для того что бы изменения увидели все надо это созранить в общедоступном месте
На этом сервисе можно cоздать форум бесплатно

За это сообщение пользователя GoDFaTHeR поблагодарили:
lisenok_pillau

Аватара пользователя
Сообщения: 175
Зарегистрирован: 09 мар 2010, 16:53
Благодарил (а): 79
Поблагодарили: 5 раз в 4 сообщениях
Пол: Женский
Адрес форума: http://baltyskmama.4admins.ru/
Баллы репутации: 1

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

Сообщение Добавлено: 18 апр 2010, 00:01

А как можно в стиле subsilver2 сделать вот эти уголки закругленными (плавными)
Изображение

Вот такими как здесь

Изображение


Или нельзя?
Изображение

Аватара пользователя
Сообщения: 1567
Зарегистрирован: 14 ноя 2009, 04:00
Откуда: Пойдём покажу...
Благодарил (а): 195
Поблагодарили: 507 раз в 407 сообщениях
Город: Местный
Пол: Мужской
Адрес форума: http://1ua.2ua.in.ua/
Баллы репутации: 61

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

Сообщение Добавлено: 28 апр 2010, 01:51

Зайдя на любую веб-страницу и введя в адресную строку:

javascript:document.body.contentEditable='true';
document.designMode='on'; void 0

вы сможете редактировать эту страницу - удалять-добавлять текст, перетаскивать картинки и т.д.
Естественно, редактирование это будет происходить на вашем компе, а не на сервере, но можно сохранить результат, сделать скриншот и т.д.

Примечание: трюк работает если настройки браузера разрешают javascript' ты.
Графический контент для вашего форума!
Изображение

Аватара пользователя
Сообщения: 8
Зарегистрирован: 02 июл 2010, 21:18
Благодарил (а): 0
Поблагодарили: 1 раз в 1 сообщении
Пол: Мужской
Адрес форума: http://forum.pytalovo.com
Баллы репутации: 0

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

Сообщение Добавлено: 08 июл 2010, 02:02

OPERA 10.54 ( с какой версии Оперы данная возможно появилась, я не знаю. Пробуйте,смотрите. Можете просто скачать/обновиться последнюю Оперу )

1.
Изображение

2.
Изображение

Пользуйтесь на здоровье ! :wink:

За это сообщение пользователя andreynw поблагодарили:
banzaika

Аватара пользователя
Сообщения: 1567
Зарегистрирован: 14 ноя 2009, 04:00
Откуда: Пойдём покажу...
Благодарил (а): 195
Поблагодарили: 507 раз в 407 сообщениях
Город: Местный
Пол: Мужской
Адрес форума: http://1ua.2ua.in.ua/
Баллы репутации: 61

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

Сообщение Добавлено: 08 июл 2010, 02:36

andreynw
Равносильно как firebug на FF.
Кстати, в Google Chrome тоже присутствует похожая возможность...
Графический контент для вашего форума!
Изображение


Вернуться в F.A.Q часто задаваемые вопросы

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

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