Как изменить дизайн своего журнала

Feb 27, 2010 09:19



По просьбе моей подруги Тиночки рассказываю как вставить картинки в фон журнала, в шапку центральной полосы и в боковую панель. Я уже раньше немного писал о возможности самостоятельной смены дизайна. Но там вся информация в комментах и долго искать. То, что вы видите у меня в основном фоне моей страницы (жёлтые тюльпаны) это я вставил сам, а вначале было пустое белое. А шапка тоже была другая изначально, я её тоже изменил на свою полоску с тюльпанами и названием журнала. И в боковую панель тоже можно загрузить маленькую картинку, соответствующую стилю и духу вашего журнала. Красный тюльпан в самом верху боковой панели тоже моя работа. Картинку в фон можно загрузить с помощью вот этого кода:
body{
background-color: #fff;
background-image: url('АДРЕС КАРТИНКИ В СЕТИ');
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
}

Этот код нужно вставить вот сюда, в поле Custom stylesheet

В это же поле можно вставить и новую картинку для вашей шапки журнала. Только нужно подобрать высоту и ширину согласно исходным размерам вашего стиля. Я это делал раза три, подгоняя картинку под ширину своей центральной полосы. Картинку в шапку загружаете с помощью вот этого кода:
#header {background-image: none;}
#header-inner {
background-image: url("АДРЕС КАРТИНКИ В СЕТИ");
height: 177px;
}
#header-name A {
color: #096f03;
}

#header-description {
color: #096f03;
}
Подогнать картинку в шапку центральной полосы конечно сложнее, я это делал в фотошопе, но можно, по-моему, и в имедж реди обрезать. Например, высота моей картинки 177 пикселей, эта цифру нужно указать в коде. В вашем стиле она может быть другой, но можно попробовать и эту высоту. А моя ширина - 938 пикселей, она не указывается.

АДРЕС КАРТИНКИ В СЕТИ вы берете, предварительно загрузив картинку в какой-либо хостинг. Я загружал в Лажуплюс, хотя сейчас пользуюсь Яндекс фотками. Лажаплюс для этой цели, по-моему, подходит больше всего, с остальных хостингов картинки могут медленнее загружаться. Жаль что там место быстро кончается. Но вы можете оттуда что-нибудь удалить, если уже места нет. Размер картинки подгоняйте под размер вашего монитора. Если вы возьмете совсем маленькую картинку, то она отобразится в фоне многократно, замостив собою полосы.

Чтобы вставить картинку в боковую панель, в настройках стиля выбираете Sidebars, далее выбрать "Расположение" - First item in sidebar - Custom text, затем "Свой вариант", и в нижнем окошке "Body of custom sidebar module" вставляете код(заметьте, не адрес, а HTML-код) загруженной в хостинг картинки.

Не волнуйтесь если у вас не получится с первого раза, вернуть старый дизайн можно, просто удалив коды. Дерзайте, экспериментируйте и - УДАЧИ!:)

#fff, #096f03, дизайн, #header

Previous post Next post
Up