Как скачать изображение из «css background»?
Не могу скачать логотип с данного сайта. Он прописан как фон в css «background: rgba(0, 0, 0, 0) url(«../img/logo.png») no-repeat scroll left top». Я так понимаю, что он лежит выше корня? Как его скачать? Спасибо.
Update
Через firebug или в chrome жмем на свойстве и выбираем «открыть изображение в новой вкладке». Слона-то я и не заметил 🙂
- Вопрос задан более трёх лет назад
- 5158 просмотров
Как сменить фон на блоге или сайте? Где бесплатно скачать фон для сайта?
Недавно я обнаружил, что в сети появилось несколько сайтов (блогов), использующих такой же дизайн, что установлен на моем блоге. В связи с этим я решил сделать его немного отличным от других. Изменил стандартную шапку, стандартный логотип и фон.
Сегодня я Вам расскажу о том, как сделать, как сменить фон сайта (блога).
Как сделать или сменить фон сайта?
Сначала я Вам расскажу, каким образом и где определяется фон, который будет отображаться на сайте.
И так, фоном могут служить различные изображения (картинки), которые задаются в файле style.css.
На моем блоге фон определен здесь:
Эта строка означает, что для фона (baground) используется изображение bg_fon.png, которое расположено в папке images темы wordpress. Здесь также имеется значение «repeat», о котором я расскажу чуть ниже.
Чтобы сменить фон сайта, можно подменить изображение bg_fon.png, которое находится в папке images темы.
Вот так выглядело изначально это изображение на моем блоге:
Вот так выглядел фон на блоге раньше:
Я заменил изображение вот на это:
Фон стал выглядеть так:
Где скачать фон для сайта?
Я использовал бесплатный сервис — ссылка.
Здесь Вы можете выбрать любой из представленных паттернов, настроить его, как Вам угодно, бесплатно скачать и использовать в качестве фона для сайта или блога.
Паттерн – это небольшое изображение, при склеивании (размножении) которого образуется фоновый рисунок.
Вот мой паттерн:
Это изображение продублировано несколько раз по горизонтали и по вертикали, до полного заполнения фона сайта, при помощи параметра «repeat».
В результате получился фон, который Вы сейчас видите на этом блоге.
Надеюсь, Вам теперь понятно, что такое паттерн.
Использование паттернов в качестве фона для сайта помогает значительно экономить вес страницы и, соответственно, время загрузки сайтов (ускорить работу блога).
При использовании в качестве фона сайта целого изображения, оно имело бы вес в несколько сотен мегабайт, что увеличивало бы скорость загрузки всех страниц. Особенно это заметно при небольшой скорости интернет соединения.
При использовании паттернов происходит загрузка маленького изображения, в моем случае размер изображения всего 130×130 пикселей и весит оно чуть больше 7 килобайт!
При использовании маленьких изображений происходит их повторение, пока весь фон сайта не будет полностью заполнен. Вот некоторые параметры, которые необходимо задать в стиле (файл style.css):
— repeat – при использовании данного параметра изображение повторяется по вертикали и горизонтали, до полного заполнения фона;
— no-repeat – изображение повторяться не будет. По умолчанию оно отображено в левом верхнем углу фона сайта;
— repeat-x – повторение рисунка только по горизонтали;
— repeat-y – повторение изображения по вертикали.
Размер узора (при его наличии) зависит от размера самого изображения, который можно изменить в программе Adobe Photoshop или в каком-нибудь другом графическом редакторе.
При использовании графики достаточно подменить изображение фона сайта, на которое ведет ссылка.
Паттерны можно создавать самому, но проще использовать готовые.
Ссылку на один из сервисов, где можно бесплатно скачать фон для сайта, я поставил в начале статьи. Буду благодарен, если Вы поделитесь своими ссылками на подобные сервисы в комментариях и дополните мою статью!
В качестве фона блога или сайта может быть использован простой HTML код цвета, который также указан в файле style.css. В этом случае код будет выглядеть примерно так:
Здесь достаточно изменить код цвета, который можно подобрать, используя, например, все тот же Adobe Photoshop:
Либо воспользоваться таблицей безопасных цветов, вот ссылка.
Хочу обратить Ваше внимание на то, что не следует использовать слишком яркие цвета. Если читателям будет неприятен цвет фона, или при чтении будут уставать глаза, то они долго не задержаться на Вашем сайте.
На этом у меня все. Как Вам статья?
Советую Вам подписаться на свежие рассылки, и тогда Вы сможете получать анонсы постов моего блога прямо на свой e-mail. Впереди еще много интересных статей!
Как сохранить фон html страницы?
Через просмотр кода элемента, вот
Вскрываешь тело, потом стиль и там будет голубым цветом(если у тебя Chrome) ссылка на картинку
https://d36eyd5j1kt1m6.cloudfront.n. _the_rain_hdr_by_isik5-d4exkuq.gif?1469366306
ez4navi
Знающий
Дней с нами 3.003 Розыгрыши 0 Сообщения 197 Репутация 23 Реакции 90
Lysenar
[SIZE=7]️[/SIZE]
Дней с нами 2.729 Розыгрыши 0 Сообщения 1.548 Репутация 393 Реакции 5.646
Aлександр
Сашка
Дней с нами 3.562 Розыгрыши 0 Сообщения 1.084 Репутация 445 Реакции 2.381
На, не благодари. Работает на всех глимовских раздачах.
После получения бекграунда в текущей вкладке открывается нужный тебе бекграунд, просто скопируй его, и всё.
Вставлять в консоль на странице с раздачей.
location.href = /^url\((['"]?)(.*)\1\)$/.exec($('html').css('background-image'))[2];Последнее редактирование: 25 Июл 2016
Aлександр
Сашка
Дней с нами 3.562 Розыгрыши 0 Сообщения 1.084 Репутация 445 Реакции 2.381
Вот хуй знает, нахуя я это делал, но может нормальная идея.
Написал плагин, ничего особенного в нём нет.
Хром/опера поддерживаются, остальные браузеры не проверял.
Инструкция, если кто сразу не поймёт, что делать:
1) Нажимаешь на кнопку.
2) Копируешь из адресной строки.
Установка:
1) Скачиваешь (https://yadi.sk/d/uDNVZigjtbJLL)
2) Распаковываешь
3) Устанавливаешь в расширения chrome/opera через панель разработчика
P.S: Чуть не забыл. Если фона нет, то ничего и не произойдёт при клике.
Фон для веб страницы
Подборка из 76 красивых картинок по теме — Фон для веб страницы. Смотрите онлайн или можете скачать на телефон или компьютер в хорошем качестве совешенно бесплатно. Не забывайте оставить комментарий и посмотреть другие фотографии и изображения высокого качества, например Обои для одиноких, Космический фон вектор в разделе Обои!
Добавить комментарий:
Еще материалы:
Фон Минимализм геометрия
Абстрактные фигуры для презентации
Повторяющийся фон для сайта
Симметричные паттерны
Фон на донат
Фон для страницы доната
Заставка для презентации по математике