четверг, 14 июля 2011 г.

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

Продолжается мой швейный отпуск.... 
 А я продолжаю осваивать фотографию и фотошоп… Изучаю цвета, стили, текстуры… 
Florabella Vintage Actions Retro Lollipop
Правда последнее время мне у Даньки только пяточки удается сфотографировать. Только я беру фотоаппарат в руки, как он шустренько от меня убегает и смеется )

И еще за это время я сделала косметический ремонт в своем блог-коттедже. Идей было очень много - хотелось чего-то воздушного, рюшечного, но в результате получилось что-то в стиле Прованс ).
Как оказалось, в интернете можно найти все, ну или почти все для капризных блоггеров ) У меня остались некоторые ссылки и я хочу поделиться с вами интересными находками - многие про них знают, а кому-то возможно они пригодятся.
Итак, несколько полезных сайтов и блогов:
здесь очень много бэкграундов для блогов, кнопок, шапок и много другого - интересные дизайны (очень в стиле тильда), рамки для электронного скрапбукинга и т.п. У сайта есть свой блог, там можно найти множество инструкций по применению.
много бэкграундов, всего за 5$ интересные шаблоны, также возможность заказа индивидуального шаблона
блог с бэкграундами и материалами для электронного скрапбукинга
Также множество бэкграундов. Очень удобная установка их в блог - не надо ничего копировать, все копируется само
Находка для шпионов ) бэкграунды, шапки, интересные винтажные клипарты
Для тех кто любит винтаж. Бэкграунды, шапки.
Бэкграунды ...

Если вдруг вы не нашли здесь фона, который вам понравился, расскажу как можно создать фон для блога самому (я конечно не профессионал в это деле, но с удовольствием поделюсь своим опытом).
Итак,
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-код нашего фона:

<style type="text/css">body {background-image:
url("Ваша ссылка");
background-position: center; background-repeat: no-repeat; background-attachment: fixed;
}

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

9 комментариев:

  1. Спасибо большое, очень нужная информация!!!!)

    ОтветитьУдалить
  2. Девченки, буду рада, если пригодится! ))

    ОтветитьУдалить
  3. Спасибо! Пригодиться:)
    Блог замечательный, такой воздушный! :)

    ОтветитьУдалить
  4. Спасибо! Так и задумывалось )

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

    ОтветитьУдалить
  6. Очень ваш стиль нравится. А вы разрабатываете изделия на заказ?

    ОтветитьУдалить
    Ответы
    1. Ирина, ответила на почту. Спасибо! :)

      Удалить

По всем интересующим вас вопросам вы можете связаться со мной по эл.почте: TiLcottage@gmail.com

Followers

Подписаться на новости Til Rose Cottage