ScrapHouse - всё о скрапбукинге: материалы, инструменты, идеи, мастер-класс


Blogger. Вставка произвольного фонового изображения в блог

Здравствуйте, уважаемые читали! Буквально пару строк уделю нашему любимому блогосервису. Да, речь вновь пойдёт о Blogger'е. Расскажу Вам о том, как вставить в блог произвольное фоновое изображение. Кто ознакомился с предыдущим материалом, посвящённым Blogger'овскому дизайнеру шаблонов, думаю, помнит о том, что в нём нет функционала, позволяющего загружать собственные фоновые изображения. Можно лишь выбрать одно из изображений, предлагаемых системой. Поправим ситуацию.

Итак, заходим в панель управления. Для этого проходим по ссылке https://www.blogger.com/start, вводим свои логин и пароль, нажимаем "Войти". Далее выбираем опцию "Дизайн":
Blogger. Вставка произвольного фонового изображения в блог

Теперь "Изменить HTML":
Blogger. Вставка произвольного фонового изображения в блог

Находим в коде строчку "/* Content" (для быстрого поиска воспользуйтесь комбинацией клавиш ctrl+f). В этом разделе, под словом "Content", видим примерно следующий код:
Blogger. Вставка произвольного фонового изображения в блог
Нам нужна строчка "background", её мы и будем редактировать. Строчку "background: $(body.background);" (у Вас она может выглядеть иначе) следует заменить на строчку "background: #хххххх url("http://....jpg")repeat;", где "http://....jpg" - абсолютный путь к изображению, которое Вы хотите вставить в качестве фона блога (помимо jpg можно использовать и иные форматы изображений, например, gif или png). Изображение может находиться, где угодно в Интернете, например, на Радикале или среди Ваших фотографий в Picasa. Стоит отметить, что если Вы выберите маленькое изображение, то им замостится вся область фона. Да, "#хххххх" - это код цвета фона, он сгодится в том случае, если по каким-либо причинам сервер, на котором находится Ваше фоновое изображение, будет недоступен. Ради эксперимента можете вставить изображение фона магазина scraphouse: http://shop.scraphouse.ru/templates/beez/images/bgt.jpg и коричневый цвет: #964b00. В этом случае строчка, которую нам нужно вставить вместо "background: $(body.background);" , будет выглядеть вот так: "background: #964b00 url("http://shop.scraphouse.ru/templates/beez/images/bgt.jpg")repeat;". Конечно, потом Вы сможете записать в код собственные фоновое изображение и цвет. Если поправки внесены, жмакаем на оранжевую кнопку "Сохранить шаблон".
Blogger. Вставка произвольного фонового изображения в блог

Смотрим блог:
Blogger. Вставка произвольного фонового изображения в блог

Всё. Пробуйте различные изображения и выберите лучшее! Задавайте вопросы, если что-то не ясно!

 

Комментарии  

 
0 #9 Igor 10.01.2013 15:13
С фоном все получилось, спасибо.
А как заставить загружаться фоновые изображения по заданному времени?
Например:
- background01 с 01.01.2013 00:01 по 07.01.2013 23:59
и т.д.
Спасибо
Цитировать
 
 
0 #8 admin4ik_63 22.11.2011 23:11
Цитирую Danzatrice:
Здравствуйте!
Расскажите, пожалуйста, а дизайны в стиле скрапбукинга для блогов и вообще любых сайтов делаются с помощью каких-то специальных программ? Если да, то каких именно?
Уже давно мечтаю об оформлении в этом стиле, но совершенно не знаю, как к этому делу подступиться. По складу мозгов я филолог-филологом, к тому же с балетными заморочками, и все эти веб-дизайнерские штучкивводят меня в ступор. Картинка в голове сложена, но как воплотить это в жизнь, совсем непонятно.

здравствуйте! да, конечно, существуют программы, которые упрощают жизнь дизайнерам, верстальщикам, веб-разработчикам... всё зависит от количества времени, которое у вас есть, сложности сайта/блога, который хотите сделать и знания этих самых программ, с помощью которых хотите сделать. например, для создания графических элементов просто необходим фотошоп (хотя, есть маргиналы, которые находят альтернативу), для вёрстки сайта (а это непосредственно тот же дизайн) желателен более или менее удобный текстовый редактор и знание css+html. собственно, всё на свете зависит от целей). потому мы и выдали несколько статей о "блоггере", что там можно обойтись без соответствующих знаний...
если ооочень не хочется пользоваться встроенными инструментами blogger'а, попробуйте воспользоваться , например, программкой "artisteer", она проста для понимания, с её помощью также можно создавать уникальные шкуры. правда, она платная и генерит грязноватый код. подробнее о программке можно узнать, воспользовавшис ь поиском. информации достаточно много :-)
Цитировать
 
 
0 #7 admin4ik_63 22.11.2011 22:56
Цитирую Vanil-Inka:
Подскажите пожалуйста, ну не получается поменять фон и все. я и загрузку пробовал и в коде проблывал. и просто в паинте создавал картинку размером 1800х1600 меньше 300 кб. не грузит и все. и в коде загружал и свою картинку и ту которая в примере привели ничего не получается... как выбрали из стандартных так она и стоит больше не получается нечего сделать....

приведите пример кода, который вы вставляли, с которым у вас не вышло
Цитировать
 
 
0 #6 Danzatrice 21.11.2011 15:49
Здравствуйте!
Расскажите, пожалуйста, а дизайны в стиле скрапбукинга для блогов и вообще любых сайтов делаются с помощью каких-то специальных программ? Если да, то каких именно?
Уже давно мечтаю об оформлении в этом стиле, но совершенно не знаю, как к этому делу подступиться. По складу мозгов я филолог-филологом, к тому же с балетными заморочками, и все эти веб-дизайнерские штучкивводят меня в ступор. Картинка в голове сложена, но как воплотить это в жизнь, совсем непонятно.
Цитировать
 
 
+1 #5 Vanil-Inka 21.10.2011 13:06
Подскажите пожалуйста, ну не получается поменять фон и все. я и загрузку пробовал и в коде проблывал. и просто в паинте создавал картинку размером 1800х1600 меньше 300 кб. не грузит и все. и в коде загружал и свою картинку и ту которая в примере привели ничего не получается... как выбрали из стандартных так она и стоит больше не получается нечего сделать....
Цитировать
 
 
-1 #4 Paramones 07.10.2010 16:39
Друзья, в дизайнере шаблонов Блоггера появилась опция, позволяющая загружать фоновое изображение без лазанья в код. :-)
Можно использовать эту опцию вместо всего вышеописанного, но только в том случае, если Вы используете дизайнер шаблонов для построения блога.
Цитировать
 
 
+2 #3 Фантик 06.09.2010 00:58
Как раз, пару дней назад возилась с этим, но так и не поняла. Очень пригодилось! (drinks)
Цитировать
 
 
0 #2 Paramones 04.09.2010 20:50
рад помочь!)
Цитировать
 
 
+1 #1 Marina 04.09.2010 20:13
Вот спасибо! А то я к сыну приставала с этим вопросом, а он, вечно весь в своих проектах, сказал - разбирайся сама:) Щас каак разберусь:))))
Цитировать
 

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

Защитный код
Обновить

Новости

Изображение
Классические фигурные дыроколы по низким ценам!
27.07.2012
Доброго дня, уважаемые посетители! Предлагаем вашему... Подробнее...
ScrapMart.ru - новый дом для нашего магазина
07.06.2012
Здравствуйте, уважаемые посетители и покупатели!... Подробнее...
Изображение
Магазин ScrapHouse. Выберите удобный способ оплаты!
23.04.2012
Друзья, у нас еще одна хорошая весть для Вас! Теперь... Подробнее...
Изображение
Автоматический расчет стоимости почтовой доставки в магазине ScrapHouse
17.04.2012
Люди достаточно часто спрашивают у нас о том, какова... Подробнее...
Изображение
Новые поступления: фетр и клеевые пистолеты
12.04.2012
ScrapHouse приветствует Вас, уважаемые дамы и господа! У... Подробнее...
Открыта "Рукодельная витрина"
22.02.2012
Здравия желаю, уважаемые посетители! Как и было... Подробнее...
Изображение
Яндекс-виджет ленты новостей ScrapHouse
17.12.2011
Доброго времени суток, уважаемые посетители.... Подробнее...
Мы - СКРАПБУКИНГ.РФ
04.12.2010
Дамы и господа! Вашему вниманию - новость технического... Подробнее...
Открыт раздел новостей ScrapHouse
27.09.2010
Как вы уже, наверняка, догадались, в ScrapHouse открыт... Подробнее...
Изображение
Новинки
06.08.2010
Ознакомьтесь с новыми поступлениями товаров для... Подробнее...
Баннер сайта ScrapHouse.ru

Закрыть

Если Вы желаете опубликовать материал на ScrapHouse.ru, прежде всего Вам необходимо зарегистрироваться или войти под уже созданной учётной записью. К публикации принимаются материалы, соответствующие тематике сайта, имеющие прямое или косвенное отношение к скрапбукингу и рукоделию в целом. Это могут быть мастер-классы, небольшие идеи, описания инструментов и материалов, вводные статьи для новичков и т.д. К публикации принимаются только уникальные материалы (например, Ваш собственный мастер-класс) или переводы статей с зарубежных сайтов (в случае публикации перевода необходимо оставить ссылку на источник). Это означает, что материалы, уже опубликованные на любом другом сайте или блоге рунета, не могут быть приняты. С помощью нашего сайта Вы можете дать рекламу своему блогу, оставив ссылку на блог в конце статьи.

Также мы принимаем заметки с информацией об интересных рукодельных играх и конкурсах, проводящихся на просторах рунета. Здесь одно условие - конкурс не должен быть коммерческим, т.е. не должен быть связан (прямо или косвенно) с деятельностью какого-либо магазина. Заметки об играх и конкурсах будут находиться на главной странице сайта 2-3 дня с момента их публикации, после чего будут перемещены в раздел "Посетители пишут...".

Любой из опубликованных материалов, если он соответствует вышеописанным правилам публикации, появится на главной странице сайта сразу после того, как будет проверен модератором.

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

Опубликовать материал!

Хочу написать


Гидроизол книга и гидроизол цены на сайте. . ; G and G: .