О дизайне блога, креативных фонах и немного о фотографии...

Продолжается мой швейный отпуск....

А я продолжаю осваивать фотографию и фотошоп… Изучаю цвета, стили, текстуры…

Florabella Vintage Actions Retro Lollipop

Правда последнее время мне у Даньки только пяточки удается сфотографировать. Только я беру фотоаппарат в руки, как он шустренько от меня убегает и смеется )

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

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

Итак, несколько полезных сайтов и блогов:

1. http://shabbyblogs.com/

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

2. http://smittenblogdesigns.blogspot.com/

много бэкграундов, всего за 5$ интересные шаблоны, также возможность заказа индивидуального шаблона

3. http://scrappinblogs.blogspot.com/

блог с бэкграундами и материалами для электронного скрапбукинга

4. http://hotbliggityblog.com/backgrounds/

Также множество бэкграундов. Очень удобная установка их в блог - не надо ничего копировать, все копируется само

5. http://backgroundfairy.com/

Находка для шпионов ) бэкграунды, шапки, интересные винтажные клипарты

6. http://vintagemadeforyou.blogspot.com/

Для тех кто любит винтаж. Бэкграунды, шапки.

7. http://thecutestblogontheblock.com/free/free-backgrounds/

http://delightfuldots.blogspot.com/

http://alliebrownslayouts.blogspot.com/

Бэкграунды ...

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

Итак,

1. Создаем картинку, которую будем использовать в качестве фона.

Размер ее желательно должен быть 1800 пикселей в ширину и 1600 пикселей в высоту. Чтобы ваш блог при этом нормально загружался размер файла - примерно 200kb. Принимаемые форматы: JPEG, PNG, GIF. Если фон будет однотонный - вам просто нужно будет сделать картинку нужного размера и формата.

Если хотите сделать фон с выделенной центральной частью и боковыми бордюрами, как узнать какого размера должны быть эти части? На панеле инструментов выбираем Дизайн/Layout—Изменить Html/Edit Html. Смотрим внимательно на Html-код и находим описание общей ширины нашего шаблона.

#outer-wrapper {

.........

width:960px;

.........

}

В нашем случае она равна 960px. Значит центральная часть фона должна быть не меньше 960px, я бы добавила еще пикселей 20, чтобы отодвинуть немного границы колонок от текста блога. Теперь не трудно вычислить ширину боковых бордюров: отнимаем от общей ширины фона 1800px ширину центральной части 980рх и делим на 2. Получается 410рх ширина каждого бордюда.

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

Дальше эту картинку нам нужно будет загрузить на любой бесплатный хостинг, например http://fastpic.ru/. Из списка появившихся после загрузки html-кодов выбираем самый верхний под названием Ссылка и копируем его.

Теперь идем в Панель управления нашего блога -- Дизайн/Layout—Изменить Html/Edit Html.

Обязательно помним сохранить действующий шаблон себе на компьютер, на случай если где-то накосячим ) Так вернуться к исходному варианту дизайна будет очень легко. Выбираем Загрузить весь шаблон и далее Сохранить.

Когда это сделали, ищем в своем шаблоне строку

body {

background: ... ;

Сразу после двоеточия вставляем следующие строчки

url("Ваша ссылка");

background-position: center; background-repeat: no-repeat; background-attachment: fixed;

где в скобках ссылка вашей картинки, которую вы до этого скопировали. Она должна выглядеть примерно так: http://i26.fastpic.ru/big/2011/0713/a1/434e59f98f622acb12aea9e4fd5a07a1.jpg

Жмем на кнопочку Просмотр, если все устраивает - Сохраняем!

Есть еще один вариант, для тех, кто не хочет лезть в шаблон и что-то там менять.

Заходим в Панель управлерия --Дизайн--Добавть гаджет--- HTML/JavaScript. И прописываем html-код нашего фона:

url("Ваша ссылка");

background-position: center; background-repeat: no-repeat; background-attachment: fixed;

}

Сохранить.

Все готово, теперь можно наслаждаться своим оригинальным фоном ))

Всем, кому пригодилась эта информация - желаю удачи! Показывайте результаты )))

-----------------------------------------------------------------------------------------------------------------

...have a good time...

TiL