2013-10-06

Textual description of firstImageUrl

Как изменить шаблон сайта

как изменить шаблон сайта
Часто, перед блоггеров встает вопрос изменения шаблона сайта или блога. В сегоднешней статье будет информация, которая пригодиться для блоггеров, независимо от того, на какой платформе находится блог – будь то Blogger, Wordpress, Joomla, Ucoz и др. Если вы не на 100% разбираетесь в кодах, но вам нужно поменять ту или иную часть (футер, сайдбар или отдельный виджет, выпадающее меню, шрифт в статьях и многое другое.) сайта, то вам поможет моя инструкция. Также этим способом вы сможете воспользоваться, если обнаруживаются ошибки на сайте, например, сдвиг отдельных элементов дизайна.
Итак, для работы над шаблоном сайта нам понадобятся плагины для браузеров, которые значительно упрощают задачу.
  1. Web Developer
    • для Mozilla Firefox. Ссылка для установки https://addons.mozilla.org/ru/firefox/addon/web-developer/
    • для Google Chrome -
      https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=ru
    • для Opera, https://addons.opera.com/ru/extensions/details/web-developer/?display=en-US
    • для IE разработана модификация плагина под названием  Developer Toolbar. Это нечто среднее меджу firebug и Web Developer. Ссылка http://www.microsoft.com/en-us/download/confirmation.aspx?id=18359
  2. Firebug
      • для Mozilla Firefox. Скачать плагин https://addons.mozilla.org/ru/firefox/addon/firebug/
      • для Google Chrome
        https://chrome.google.com/webstore/detail/firebug-lite-for-google-c/bmagokdooijbeehmkpknfglimnifench
      • для Opera, https://addons.opera.com/ru/extensions/details/firebug-lite-button/?display=en
Читайте также про полезные плагины для браузеров:

Web Developer

.. Активируйте плагин в вашем браузере, и вы увидите значок в верхней левой части браузера. При клике на иконку появляется панель с многочисленными инструментами:
http://игры-для-девочек.рф
Основные пункты web developer^
  • Disable – выключает javascript,
  • Cookies – работаем с куками, удаляем, добавляем.
  • CSS – редактируем стили. Вы можете просмотреть сайт без стилей (disable all styles), быстро отредактировать стиль (edit css).
  • Form – работа с формами,
  • Image – изображения, их стили, показывает атрибуты alt,
  • Information. Здесь вы можете включить границ div, показывает информацию по отдельному элементу, показывает сайт при различных разрешениях экрана и др.
  • Miscellaneous – чистим кэш, определение цвета каждой точки экрана монитора, измеряем размеры отдельных элементов страницы, а также их абсолютную позицию, сайт – в один столбец (так в большинстве случаев выглядит веб-страница в мобильных браузерах.
  • Outline – выделение элементов сайтов – таблиц, блоков, страниц и т.д.
  • Resize – изменяем размеров экрана,
  • Tools – быстрый доступ к валидаторам кодов.
  • Options – настройки.

Firebug

Этот замечательный плагин выполняет роль инспектора кодов. С его помощью вы можете выстро найти код интересующего элемента дизайна сайта. Вам стоит лишь выделить интересующий элемент на веб-странице, щелкнуть правой кнопкой мыши и выбрать пункт @Inspect with Firebug Lite”.
firebug
Появится окно, в котором код данного элемента будет обозначен синим. Вы можете удалить его, внести изменения и просмотреть, как будут проявляться изменения кода в действии. Справа вы видите код css, который вы также можете изменять.
Web Developer

Таким образом, протестировав сначала изменения кода непосредственно в браузере, вы можете изменять шаблон своего сайта. Кстати, таким же образом, вы сможете узнать код любой флеш-игры или флеш-анимации. Еще один способ читайте в статье - Как вставить flash-ролик с любого сайта в блог

2 комментария :

Antonina Romanova комментирует...

Очень полезная статья! Спасибо!

Mycrib комментирует...

Рада, что понравилось

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности