Уникализация шаблона сайта

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

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

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

Для начала закачиваем (у кого нет) браузер Mozilla Firefox (обязательный инструмент веб-мастера) и плагин Firebug, который также незаменим в работе. Открываем браузер и переходим по пути Firefox – веб-разработка – firebug – открыть firebug. По ходу пути можно выбрать удобное окно для открытия плагина, но я пользуюсь стандартным расположением внизу страницы – это самый удобный для работы вариант. Рисунок в шапке статьи – это начальное отображение верхнего меню и сейчас мы его уникализируем.
Для этого в нижней консоли плагина нажимаем CSS и второе справа консольное окно для анализа элемента страницы. Выделяем верхнее меню и видим справа внизу следующее окно:

плагин firebug для firefox
Давайте для примера поменяем цвет меню – для этого в конце строки background заменим #000000 на приглянувшийся цвет, например, на синий (blue), а также расширим меню, отредактировав параметр height с 55 на 120. В итоге получаем такой результат:

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

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

9 комментариев

avatar
Я не понимаю зачем такое писать в блогах. Таких статей в интернете 100500 миллионов. И находятся они по первым же запросам. Такие тексты подойдут для форума, где человек спросит, а вы ему выкатите такой текст. Но здесь то зачем это?
Тем более в таком ограниченном виде. Если уж взялись писать про firebug, дак пишите про все. В нем очень много интересного.
Кто до такой степени не знает — лучше букварь читать, а не сайтами заниматься
Давайте писать по-настоящему интересные статьи.
avatar
Если судить по вашему взгляду — то вообще писать ничего не надо, так как уже обо всём сказано. Лично у меня на блоге такие темы интересны пользователям и это не моё, а их мнение… Предпочитаете писать про «заработок на шкурках таймырских тюленей, умерщвлённых под нанайскую музыку в полнолуние»?
avatar
это было бы интереснее и новее, чем писать о инструменте, не раскрыв даже его полностью.
avatar
Давайте писать по-настоящему интересные статьи.

Кому-то интересно, а кому-то нет. Не интересно, идите читайте то, что вам интересно.

Как говорится «На вкус и цвет — товарища нет.»

Тем более в таком ограниченном виде. Если уж взялись писать про firebug, дак пишите про все. В нем очень много интересного.

Откройте глаза шире и посмотрите, что пост называется не конкретно firebug. А лишь про его применение.

Вот смотрите. Ваш топик
3wcom.ru/topic/html5-css3-podderzhka.html

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

Тогда нужно было вам писать полностью про html 5 и css3 и РАСКРЫВАТЬ ЕГО ПОЛНОСТЬЮ
avatar
Ну что ж, снимаю шляпу и жду шедевра мировой величины о камбоджийских тушканчиках — только поподробнее, пожалуйста, поподробнее — тему раскройте — она актуальна сегодня, как никогда, и вынесет вас на пик популярности.
avatar
Спасибо за разумное зерно, а насчёт мнения npofopr скажу словами классика -«знающих, как нужно что-то делать всегда больше чем тех, кто правильно это делает»
avatar
npofopr +100500.

А теперь, глас души: — Господи! Да что ж за дерьмо вы тут постите! Что это за бред? «Уникализация шаблона»?!?! Что ?! Что вы полезного запостили тут? Призыв скачать мозиллу и огнежука? Срань господняя, что б вам руки к клаве не пускало подносить.
avatar
спасибо, статья очень помогла, ждем продолжения
avatar
Обязательно напишу для тех, кому это помогает развивать сайт