Добро пожаловать, снова!
New Fresh Powerful
Modern Flexible Dynamic

воскресенье, 11 марта 2012 г.

Создаём тему для Socialzet.com (часть 1)


Так как многие пользователи Socialzet.com интересуються вопросом создания тем оформления для сайта, я решил попытаться обьяснить сам процесс создания тем. Темы создаються с помощью css(каскадные таблицы стилей), эти темы просто заменяют стандартное оформление сайта.

Для начала нам нужно зайти в пункт меню "Изменить стиль профиля". Теперь выберем тему "Оригинал", в появившемся окне жмём "ок", далее жмём "Сохранить изменения".



Сейчас мы установили стандартное оформление, теперь можно приступить к созданию нашей темы. А начнём мы с изменения фона. 


Весь код нужно вводить в это поле, а затем нажимать "сохранить изменения".


В качестве фона будем использовать это изображение.

body{background: url(http://dl.dropbox.com/u/36962971/apple.jpg) no-repeat fixed;}

Этим кодом мы заменили стандартные параметры элемента body, присвоив несколько значений свойству background. 

Разберём эти значения:
url(http://dl.dropbox.com/u/36962971/apple.jpg) указываем ссылку на изображение

no-repeat запрещаем дублирование изображения

fixed запрещаем прокрутку изображения при скроллинге

Этот код можно расписать и более подробно.

body{background-image: url(http://dl.dropbox.com/u/36962971/apple.jpg);
          background-repeat: no-repeat;
          background-attachment: fixed;       
}

Вы можете одним из этих способом, главное что бы вам было удобно.


Вот что должно получиться.

В следующий раз покажу как изменить шапку сайта.

Комментариев нет:

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