Инструкция
1
В интернете найдите шаблон сайта, который вам больше всего походит. Обратите внимание на его возможности, способность адаптироваться к размерам монитора, особенности меню и расположение колонок. Скачайте понравившийся вариант на компьютер, распакуйте архив. Проверьте его работоспособность, для этого залейте файлы в корень сайта. Возможно, шаблон содержит ошибки и не установится корректно, тогда смысла работать с ним в дальнейшем не будет.
2
Даже если полностью переделывать шаблон вы не собираетесь, замените большинство изображений, а в особенности те, что расположены в качестве логотипа. Замените каждую картинку таким способом:
- откройте графический файл в программе Фотошоп;
- в меню «Изображение» - «Размер изображения» посмотрите его параметры;
- откройте новый лист с точно такими же размерами;
- создайте нужное изображение с использованием инструментов приложения;
- выполните сведение всех слоев и сохраните (не для web) новую картинку под тем же именем и в той же папке, задав исходный формат.
Таким образом, вместо одного изображения должно появиться другое.
- откройте графический файл в программе Фотошоп;
- в меню «Изображение» - «Размер изображения» посмотрите его параметры;
- откройте новый лист с точно такими же размерами;
- создайте нужное изображение с использованием инструментов приложения;
- выполните сведение всех слоев и сохраните (не для web) новую картинку под тем же именем и в той же папке, задав исходный формат.
Таким образом, вместо одного изображения должно появиться другое.
3
Как только измените все картинки, заархивируйте папку с файлами (в случае с Joomla) и загрузите ее через админку сайта в меню «Расширения». Посмотрите, корректно ли отображается тема с новыми иллюстрациями.
4
Менять остальные параметры следует в style.css. Причем делать это намного удобнее не через панель администратора, а на компьютере. Для скорейшего просмотра результата преобразований разумно использовать локальный хост (Денвер). Это позволит избежать необходимости подгружать результат на сервер каждый раз с целью просмотра результатов после очередной правки.
5
Скачайте бесплатный плагин FireBug для Mozilla Firefox. После установки в правом верхнем углу браузера появится иконка желтого жука. Щелкните по ней или нажмите клавишу F12 и в нижней части экрана появится код странице в свернутом варианте. Его можно раскрыть, для этого нужно навести мышь на плюсики. А если нажать на строку элемента, в верхней части экрана он выделится. В правой стороне окна с кодом вы найдете стили с указанием строк, которые отвечают за внешний вид. И сразу станет ясно, где нужно отредактировать файл со стилями, чтобы изменить дизайн.
6
Откройте style.css в Notepad++. Можно использовать и другие программы, предназначенные для правки кода, однако с этой целью нельзя применять стандартный «Блокнот», иначе будут ошибки из-за кодировки. С помощью FireBug найдите нужные параметры, подлежащие изменению, и одновременно их правьте в Notepad++.
7
Сохраните итоговый вариант css и загрузите файл на сервер.