Фоны для блогов: Attention Required! | Cloudflare – Коллекция бесшовных фонов для сайта

Где взять бесплатные фоны для Blogger?

В статье Как изменить фон блога в Blogger я писала о том, что стандартный фон можно заменить на свой. Вот только где его найти? Сегодня поделюсь с Вами, где можно взять бесплатные фоны для Блоггера.

Нашла в Интернете зарубежный сайт с бесплатным генератором фонов. То есть Вы можете онлайн выбрать фон из уже предложенных или создать (сгенерировать) его из готовых элементов. 


На сайте http://www.patterncooler.com произошли изменения. 

Чтобы скачать бесплатно фон для Blogger, сначала выберите фон.



Затем в правом нижнем углу окна браузера нажмите кнопку со стрелкой, где указано FREE. Фоны размером до 300px на 300px скачиваются бесплатно, большие уже за деньги.



Но вы можете воспользоваться другими сервисами и создать, а потом скачать фон для сайта бесплатно:

большие бесшовные фоны для сайта или блога

— Бесплатный генератор фонов для блогов или сайтов

находим надпись «Запуск знаменитый Patterncooler бесшовные фоновый узор редактор! (Это мне так браузер Google Chrome так перевел). Если у Вас другой браузер — надписи будут на английском.


В общем, нажмите на оранжевую надпись. На следующей страничке надпись уже будет белая на черном фоне:

И вокруг центрального окошечка появится много образцов фона. Выберите понравившийся (кликните по нему). 


Потом можете сами выбрать цветовую гамму фона, передвигая ползунок по палитре вверх-вниз и белый крестик, чтобы выбрать оттенок цвета. А можно сразу посмотреть, какие цветовые вариации нам предлагают создатели сайта. Для этого нажмите на кнопку Show color variations as thumbs:


Кроме того, к выбранному фоновому рисунку Вы можете добавить текстуру. Чтобы посмотреть, что из этого выйдет, нажмите на кнопочку texture:

Если Вас все устраивает, скачиваем готовый бесплатный фон — кнопка download.

И справа еще нажимаем

скачать PNG:

 Ниже не нажимайте — вроде бы это платно.

Удобно, что файл по объему получается совсем небольшой — примерно 53 Кб и размером 520х260 пикселей.

Теперь нужно использовать скачанный фоновый рисунок в качестве фона для Blogger. Как это сделать, читайте во второй половине статьи Как изменить фон блога в Blogger.

Если что-то не получится — обязательно пишите в комментариях.

Успехов Вам! Как найду еще интересные бесплатные фоны для Блоггера, напишу в следующих статьях.

Я сама блоггер: Фоны для блога бесплатно

В Blogger можно изменить фон блога на любой. Но есть определенные ограничения к загружаемому фону — размер не более 1800х1600 пикселей и «вес» картинки не более 300Кб. Эти требования не дают использовать большие изображения. В статье Где взять бесплатные фоны для Blogger я уже писала об одном сайте. Сегодня расскажу еще об одном источнике бесплатных фонов.



На сайте http://texturewiz.com есть фоны абстрактные, с текстурами листвы и травы, камня, простые «клетчатые» фоны:

 Все фоны можно использовать для личных и некоммерческих целей.
Причем все фоны бесшовные, т.е. сама картинка небольшая, но при использовании ее в качестве фона не остается «швов».



А теперь о том, как изменить фон в Blogger на другой.

1. Зайти на сайт http://texturewiz.com. Выбрать рубрику фонов или просмотреть все:


 2. Нажать на выбранную картинку, она откроется в этом же окне. Чтобы скачать фон на свой компьютер, нажмите на маленькое изображение правой кнопкой мыши >> Сохранить как…


Если попытаетесь сохранить большую картинку ниже — загрузится вся веб-страница.

3. Зайти в настройки блога > Дизайн > Дизайнер шаблонов > Фон.
     Справа, в настройках фонового изображения, нажать на маленький треугольник.
       


  
И выбрать «Загрузить изображение».  

4. При помощи кнопки

Обзор выбрать картинку для фона на своем компьютере.


  После того как картинка загрузится, нажать Готово.

5. Настроить выравнивание. Чтобы картинка заполнила весь фон — выбрать «замостить». Оставить или убрать галочку в пункте Прокручивать со страницей.


6. Просмотреть блог. Если фон нравится, применить изменения.


На сайте, о котором я рассказала, все фоны имеют небольшой вес и размер. И хорошо подходят для блогов на платформе blogger.

Бесплатный генератор фонов для блогов или сайтов

Бесплатный генератор фонов для блогов или сайтов

В нескольких статьях я рассказывала о фонах для блогов, о том как настроить фон в Blogger. И, хотя есть замечательные сайты с готовыми фонами, создавать фоны самому гораздо интереснее в бесплатном генераторе фонов для блогов или сайтов. Подробнее читайте в статье ниже.


Так, например, может выглядеть Ваш блог с новым фоном:




В конце статьи Вы можете скачать эти примеры фонов, которые я создала с помощью бесплатного генератора и использовать в своих блогах 🙂






А сейчас о том, как создать фон для блога или сайта с помощью бесплатного генератора.


1. Переходим на сайт с генератором фонов.

Каждый раз, при входе на сайт Вы будете видеть новый фон, придуманный автором сервиса, который Вы можете также скачать для себя или отредактировать.

2. Все основное поле экрана предназначено для предпросмотра будущего фона. Рабочая панель расположена справа.

   Сначала создадим новый фон. Для этого нажмем на изображение листа.


3. После этого нужно выбрать цвет основы фона (потом его можно будет изменить).  


После нажатия на изображение палитры, справа откроется дополнительное поле для выбора цвета. Перемещением кружка выбираем цвет и его прозрачность.


4. Следующий шаг — добавление изображений.
Можно выбрать картинки из предложенных разделов или добавить свое изображение («Добавить пользовательское изображение»). Ваши изображения должны иметь прозрачный фон (расширение .PNG) и размеры не менее 300х300.

Я попробовала создавать фон и из готовых картинок (примеры шаблонов с такими фонами выше), и из картинок с компьютера, заранее скачанных из интернета. Например:




5. Как работать с добавленными к фону изображениями.


Выбранное Вами изображение автоматически размножится. Для работы с картинкой достаточно выделить одно из изображений, и действие с ним также автоматически распространится на другие.

Для изменения размера, угла поворота картинки используйте белый кружок (потяните его в разные стороны).

На будущем фоне пунктиром прорисованы границы квадрата, который Вы будете скачивать, когда фон будет готов. 
Например: 

Этот квадрат затем размножится в блоге и получится цельный бесшовный фон.

Есть дополнительные функции для работы с изображениями. Чтобы ими воспользоваться — нажмите на панели справа на знак вопроса.

Поскольку сайт англоязычный, у Вас все будет на английском. Я привела скриншот с переводом.

Кроме всех этих манипуляций с картинками, Вы можете еще установить порядок перекрытия. Эта функция полезна, если Вы накладываете одно изображение на другое и хотите поменять местами их расположение. Для этого в дополнительном поле просто перетаскивайте картинки вниз или вверх.


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


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

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

Ну и, как обещала, дарю Вам фоны, созданные мной.

Фоны из готовых изображение сервиса (в исходном размере):





Фоны с добавлением моих изображений:




Все фоны весят не более 30 Кб и имеют примерные размеры 300х300.
Загрузите фоны к себе на компьютер, нажав правую кнопку мыши и выбрав Сохранить картинку как…

Затем загрузите фон в Blogger (инструкция) и обязательно в Дизайнере шаблонов в настройках фонового изображения выберите «Замостить», чтобы фон продублировался на ширину всего блога.

Как примерно могут выглядеть блоги с этими фонами — смотрите выше в статье.

Удачных экспериментов!

Как просто изменить общий фон блога |шпаргалки блогерши

Привет, друзья. Хочу показать как очень просто изменить общий фон всего блога. Хотя сам фон можно легко настроить в разделе Тема. Там можно подобрать готовые фоны или залить свою картинку и сделать соответствующие настройки. Однако, решила вам предложить более лёгкий вариант, на мой взгляд. Здесь мы сами сможем регулировать размер фоновой картинки. Вернее её ширину. 

Перейдём к делу. Изначально мой тестовый блог выглядел так. Я отметила пространство (или задний фон всего полотна), который задан был в настройках темы.

Сейчас мы его поменяем на такую картинку

Чтобы получилось примерно вот так

Здесь я хочу обратить ваше внимание. Ширина блога в моём случае 1200 px. Размеры  фоновой картинки  1450 на 950 px. Картинка заполнила полностью всё пространство.

Если размеры фоновой картинки будут меньше размера всего полотна блога, то она не закроет всё пространство и будет выглядеть в виде бордюра. Посмотрите разницу

Оно, вроде как, тоже вполне приемлемо. Некоторые таким образом украшают сайты к праздникам.  В любом случае рассмотрим оба варианта. При правильно подобранном или созданном в любом редакторе фоне и тот и другой вариант можно подогнать.

Особых навыков не нужно.

1. Подберите нужную картинку и скопируйте её адрес.
2.Копируйте приведённый ниже код и устанавливаете адрес своей картинки

body {
background: url(здесь адрес картинки)
no-repeat top fixed;
}

3. Идём во вкладку Тема — Изменить HTML находим   ]]></b:skin> и устанавливаем над этой строкой готовый код.

Результат будет виден при просмотре темы. Если вы остались им довольны смело нажимайте сохранить и любуйтесь новым шаблоном.

Опять же повторюсь. На тот случай если картинка оказалась меньше размеров ширины блога или вообще спряталась с глаз долой, нужно в коде задать значение ширины. Добавим всего одну строчку и он выглядел так
 

body {
background: url(http://www.clipartbest.com/cliparts/9iz/EnR/9izEnR56T.png)
no-repeat top fixed ;
background-size: 100%;
}


Со значением background-size: 100%; можно поиграться, меняя его на меньшее, пока не добьётесь желаемого.

Такими простыми манипуляциями можно создавать разные фоны под разные праздники, времена года или ваше настроение. 

Фоны для блога — Тестируем шаблон

Доброго времени суток, уважаемый читатель.

Прошу прощения за долгое молчание и редкое появление на блоге. В этом году осень началась с Праздника первого звонка для моего сына, и я вот уже в третий раз (первый раз мой собственный) пошла в школу  Не так давно я закончила отчёт за третий квартал (кто проходит данный марафон- меня поймёт), поэтому и появление моё на блоге становится для меня праздником и отдыхом от повседневных забот. Сегодня я в очередной раз публикую бесшовные фоны для блога, которые очень удачно смотрятся на сайте и не нужно переживать, что будет виден неудачный стык картинки на большом мониторе. Фоны я на шла на сайте по адресу http://www.colourlovers.com/. Читаем далее… →

Метки: Дизайн блога, Фон для блога

Всем-всем доброго времени суток.  Всем тем, кто до сих пор не подобрал фон для собственного блога посвящается эта статья.

Поиск фона для блога очень интересное занятие: некоторые блогеры остаются верными одному и тому же дизайну на блоге многие годы, а кто-то любит привносить новшества с приходом очередного сезона в году, но чтобы не менять кардинально палитру на блоге, можно поменять лишь фон…  Читаем далее… →

Метки: Дизайн блога, Фон для блога

Доброго времени суток, уважаемый читатель.

Лето в самом разгаре, и я вновь решила отправиться на сайт по адресу http://www.colourlovers.com/ для того, чтобы добавить красок на блоге, выбрав несколько картинок для фона. Фоны эти бесшовные, поэтому такие маленькие и быстро загружаются, а установить их можно в категории настроек «Внешний вид»_»Фон» и обязательно отметить «Замостить», а вот настройка фона «Привязка фона» выбирать Вам, но я всегда отмечаю «Зафиксировать», а не «Прокручивать», чтобы у посетителей голова не кружилась . Читаем далее… →

Метки: Фон для блога

Доброго времени суток уважаемый читатель. Сегодняшняя статья продолжение цикла статей с публикацией бесшовных фонов, которыми можно воспользоваться: скопировать себе на блог, установить в настройку «фон» и замостить фоновую площадку, ну а можно побывать на блоге по адресу http://www.colourlovers.com/ и выбрать понравившиеся фоны именно там.

Я уже не раз упоминала, что бесшовные фоны для блога-это более быстрая загрузка и меньшая вероятность появления некрасивых швов при просмотре на широком мониторе. Читаем далее… →

Метки: Дизайн блога, Фон для блога

Доброго времени суток, уважаемый читатель!

Я решила продолжить рубрику (тему) бесшовных фонов на своем блоге, даже не смотря на то, что получила достаточное количество не лестных  отзывов о выбранных мною «опытных образцах».

На мой взгляд,  особенно тщательно подбирают фон для своего блога мужчины, из высказавшихся, ни у одного фона на блоге само собой  нет: видимо пока в поиске…. Читаем далее… →

Метки: Дизайн блога, Фон для блога


Доброго времени суток, уважаемые читатели! Поздравляю всех своих читательниц с наступившей весной и хочу поделиться несколькими цветочными фонами.

Бесшовные фоны скопированные из статьи очень маленькие, но установив функцию замостить при установке фона на блог, Вы получите цельный повторяющийся фон, на мой взгляд даже лучший, чем при установке большого цельного изображения. Читаем далее… →

Метки: Дизайн блога, Фон для блога

Приветствую всех читателей моего блога.

Работа и грядущий квартальный отчёт никак не способствуют моему регулярному появлению на блоге, точнее написанию полноценной (на мой взгляд) статьи. Самым простым способом для обновлений на сайте я выбрала подбор и публикацию симпатичных и разных бесшовных фонов. В принципе, если Вы выберите и скопируете фон у меня, я буду рада, что нашла нужное Вам изображение, если подходящего не нашлось, то большой выбор представлен именно на блоге по адресу  http://www.colourlovers.com/ . Читаем далее… →

Метки: Дизайн блога, Фон для блога

Доброго времени суток, дорогие читатели!

Приближение праздника Защитника Отечества, который у нас плавно переходит в Международный женский день, не располагает к рассмотрению новых шаблонов и плагинов: хочется больше света и цвета вокруг, и наши сайты не исключение. Фоны в этой статье можно скопировать и, естественно, установить на своем блоге. Фоны эти бесшовные, удобны быстрой загрузкой на сайте, великолепный выбор представлен  по адресу http://www.colourlovers.com/, но так как на этом блоге постоянно добавляются и обновляются изображения, Читаем далее… →

Метки: Дизайн блога, Фон для блога

Как изменить фон блога в Blogger

При создании блога на платформе Blogger при выборе шаблона автоматически установлен стандартный фон. Изменить фон в Blogger очень просто. Для этого идем в админку блога (там, где все настройки). Переходим на вкладку Шаблон > Настроить:

И в дизайнере шаблонов нас интересует вкладка Фон. Рядом увидим маленькое окошко с изображением фона, установленного сейчас в Вашем шаблоне. Чтобы изменить фон в Blogger, нажимаем на маленький треугольник рядом с картинкой:



Выбираем категорию, а затем понравившуюся тему.
Нажмем кнопку Готово.

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

Но, чтобы окончательно сохранить выбранный фон для Blogger — нажимаем  справа вверху Применить к блогу.

Выбор из предложенных фонов не очень большой, но для начала можно что-нибудь выбрать.

Не очень давно в Блоггере появилась возможность изменить фон на свою любую картинку. Требования к загружаемому фону: 

  1. Рекомендуемый размер не менее 1800х1600 пикселей.
  2. «Вес» картинки не более 300Кб.

Для того, чтобы изменить фон в Blogger на свой — заходим все в тот же дизайнер шаблонов. Нажимаем Фон и в окошке «Выбор фонового изображения» слева над категориями видим Загрузить изображение.


И при помощи кнопки Обзор выбираем изображение со своего компьютера. Конечно, перед этим нужно его найти в интернете и сохранить на компьютер. Благо, бесплатных фонов в интернете можно найти очень много. И не забывайте про требования к изображению!

После загрузки фона нажимаем Готово.


Если фоновое изображение, которое Вы выбрали для своего блога на Blogger меньше, чем 1800х1600, то настройте «Выравнивание» и заполнение этим изображением всего фона. Выберите «Замостить», и система автоматически растянет изображение до размеров блога. Только качество изображения может при этом пострадать.

Чтобы фон не прокручивался вместе со страницей блога — снимите галочку рядом со строкой «Прокручивать со страницей»:


 После всех настроек не забудьте нажать кнопку справа вверху «Применить к блогу», иначе ничего не сохранится.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *