Задался я тут мыслью создать уникальный фон для своего аккаунта в Twitter. Стандартные темы хоть и выгладят достаточно симпатично, но хочется чего-то индивидуального.

Около полу года назад Twitter изменил внешний вид аккаунтов пользователей, что уменьшило свободное место для дизайна фонов Twitter.

Кроме того, стоит отметить, что середина страницы (как раз та, что используется для отображения записей) имеет статичную ширину, в то время как фон растягивается под разрешение экрана монитора. Я чаще всего в сети сижу с ноутбука, поэтому экран у меня небольшой: 1280x800px. На ПК высота экрана чуть больше, но подстраиваться стоит именно под самые небольшие размеры экранов пользователей (не перебарщивая, конечно же).

Загружаем готовый фон для Twitter

Для начала нам необходимо обзавестись красивым фоном или хотя бы текстурами для создания фона Twitter. Их можно найти на сайте brusheezy.com или dinpattern.com и использовать для своего аккаунта. Так же можно скачать бесплатные фоны для твиттера.

Для пробы скачаем со второго сайта один из примеров бесплатного фона. Лично мне приглянулся «BEACHY». Распаковываем архив и получаем простую GIF картинку размером 171x171px. Twitter самостоятельно размножит её так, что бы полностью забить весь фон. Это похоже на то, как растягивает картинку Windows для рабочего стола.

Пока в Twitter нет русскоязычного интерфейса, будем работать с английским: «Setting» – «Design».

Далее опускаемся вниз страницы и кликаем на «Change background image», загружаем картинку и кликаем на «Save Changes».

Получаем готовый фон для Twitter аккаунта:

Если же хочется чего-то более сложного для своей темы, могу предложить большие картинки. Небольшой список симпатичных тем можно найти здесь – designonstop.com/works.

Мой вариант:

Откроется в полном размере в новом окне

Как создать свой фон для Twitter

Можно создать фон руками, можно скачать уже готовый и подкорректировать под свои нужды. Для экономии времени пойдём вторым путём. Лично мне подходит этот вариант:

Откроется в полном размере в новом окне

Просто открываем Adobe Photoshop и украшаем левый угол так, как вам необходимо: аватар, контакты, адрес сайта или даже объявления для своих читателей.

Вот и всё! Мы научились. Осталось только уделить время и сделать финальный вариант вашей темы для Twitter.

-

С помощью CSS3 можно творить настоящие чудеса. Так например атрибут text-shadow добавляет тень текста к записи и делает дизайн удивительно красивым.

Опубликовано в разделе: Дизайн Метки: Twitter