Мой блог пользуется популярностью среди молодых юкоз веб-мастеров. Так как они еще не опытные в этом деле, то у них по этой причине возникает много вопросов, на которые я пытаюсь ответить дельным советом, а где-то и лично помочь.
Сегодня я попробую подробно описать и написать инструкцию по смене дизайна стандартного юкоз шаблона под номером 815.
Этот шаблон, как Вы можете видеть, можно использовать в основном для личных дневников, блогов. Шаблон не уродский, но не оригинальный! ))) Итак, как же изменить дизайн в этом шаблоне?
Для начала заходим в «Панель управления сайтом», там находим вкладочку «Дизайн», а в ней «Управление дизайном CCS».
Видим там следующий код.
Красным цветом обозначены картинки стандартного шаблона №815 от uCoz. Для полного понимания, что же каждая картинка из себя представляет, давайте ее загрузим. Это делает очень просто. В новой вкладке в браузере к вашему адресу, а в данном случае к моему http://drucoz.ru допишем (можно скопировать) строку /.s/t/815/1.gif и нажмем ЭНТЕР. )))
Не знаю, заметили Вы или нет, но это не пустое место между текстом, а рисунок под номером 1.gif – тоненькая такая полосочка. Если у Вас или Ваших посетителей расширение экрана шире чем 1100 пискелей, то эта полосочка будет размножаться в ширь, создавая таким образом залитую сине-голубым градиентом область по краям Вашего монитора. Почему так? Полосочка тонюсенькая с размером очень маленьким, а как же так получается, что показывается на сайте больше. Дело в том, если посмотреть вышеуказанный код, то можно заметить, что к этой картинке применен «repeat-x», который обозначает повтор рисунка по ширине до нужного размера.
Далее проверим по образу и подобию и следующие рисунки.
Итак, рисунок /.s/t/815/2.gif
Рисунок /.s/t/815/3.jpg
Рисунок /.s/t/815/4.gif
Рисунок /.s/t/815/5.gif( полный размер картинки) Зачем эта пятая картинка я пока не понял, но думаю, Вам она точно не понадобится. Все еще хотите сменить дизайн? Да? Хорошо. Продолжаем. Мы с Вами выяснили, какие есть основные картинки и что они из себя представляют. Следовательно, чтобы изменить дизайн в шаблоне №815 от юкоз нам нужно как следует поработать над третьей картинкой. Для того, чтобы безболезненно заменить это изображение на свое, Вам необходимо соблюсти размеры, а именно 1100 пикс. на 500 пикс. Конечно, можно использовать и свои размерчики, но при этом перелопатить CSS код придется еще больше – не каждый это сможет сделать. ) В зависимости от того, какая будет новая картинка /.s/t/815/3.jpg, будет ясно нужно ли менять рисунки /.s/t/815/2.gif и /.s/t/815/2.gif, и нужны ли они вообще. Рисунок /.s/t/815/4.gif я бы точно поменял или убрал. Размер в этом случае не важен – меняйте на любую желаемую картинку или убирайте ее вообще. Хотя… ))) Я бы сделал что-нибудь новое сюда, но тут все же тоже следует соблюсти несколько размеров! Сколько и какие зависит от дизайна третьей картинки, но если брать за образец оригинал, то как минимум должна быть рамка шириной 960 пикселей. ))) Как мы дружим с Фотошопом? Если кардинально менять дизайн в данном шаблоне, то знания работы в фотошопе нужны, как воздух! После смены дизайна придется так же поковыряться в коде CCS, чтобы изменить, например, цвет или размер тех или иных ссылок и т.п. Удачи Вам в этом не легком деле, а если возникнут вопросы - пишите! Чем смогу помогу! ))) Сменил дизайн? Настало время заработать! Отличная кликандер партнерка, которая исправно платит деньги! ))) Регистрируйся и зарабатывай. ) P.S. У тебя другой шаблон и ты не знаешь как его поменять? Пиши в личку или сюда и я помогу тебе!
|