Сайт самозанятого интернет-маркетолога и специалиста по продвижению бизнеса в интернете
Обратная связь
© 2014-2020
Разбираем, как сделать фотографию фоном для любого блока в Tilda
Заменить фон в этом блоке штатным образом
НЕВОЗМОЖНО
  • Sarah Lewin
    Projects manager in Pixels
    I think if you do something and it turns out pretty good, then you should go do something else wonderful, not dwell on it for too long.
  • Samuel Willson
    Creative director in DD agency
    Before incorporating visual aids into speeches, the speaker should understand that if used incorrectly, the visual will not be an aid.
  • Alex Larkins
    Founder of Pic Pen studio
    You can't connect the dots looking forward, you can only connect them looking backwards.
В этом блоке тоже
Visual communication takes place through pictures, graphs and charts, as well as through signs, signals and symbols. It may be used either independently or as an adjunct to the other methods.
В этом блоке тоже
Symbolization is an important definition for this perspective. Cultural perspective involves identity of symbols. The uses of words that are related with the image, the use of heroes in the image, etc. are the symbolization of the image.
В этом блоке тоже
The view of images in the critical perspective is when the viewers criticise the images, but the critics have been made in interests of the society, although an individual makes the critics.

Но к счастью есть один хитрый способ обойти это ограничение
You will study English Literature, an introduction to key aspects central to the study of English Literature. You will also choose an option course from another subject area.
Как сделать фотографию фоном для любого блока в Tilda?

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

Все очень просто:
+ создаем любой блок в котором не получается изменить фон и убираем цвет фона
+ создаем ниже блок T123 и вставляем в него html-код указанный ниже
+ заменяем ID нужного блока, тем самым показывая, к какому блоку привязан html-код
+ заменяем ссылку на фото для фона в скрипте после url(в скобках)

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

Внимание:

В примере html-кода используется градиент с затемнением:
- rgba(0, 0, 0, .50), rgba(0, 0, 0, .80)
Чтобы картинка не затемнялась, нужно заменить эту часть кода на
- rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)

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

<style type=text/css>

<!--Здесь прописываем id блока, к которому привязываем эффект -->
#rec191294666 {
 
<!--Здесь прописываем url фотографии и устанавливаем дополнительные настройки -->
 background-image: linear-gradient(to top, rgba(0, 0, 0, .50), rgba(0, 0, 0, .80)), url(https://static.tildacdn.com/tild3736-3037-4334-b863-353562353039/d946dbce69a24e0288d5.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    
}

</style>
Нужна неотложная квалифицированная помощь с интернет-маркетингом?
Задать вопрос
Made on
Tilda