Почитай тут http://krekotun.ru/level-up/ как повысить уровень.
Не то что можно, а нужно. Изучи flex, grid. Бутстраповские макеты уже давно приелись. Я например использую готовые решение бутстрапа, когда не важен дизайн, главное функционал.
Предзагрузка фона. Используется когда фон имеет картинку и пока картинка не загрузилась сначало загружается фон в цвет картинки потом появляется картинка.
В div запихни картинку, как background, внутри этого div строка с размещением background с нужной прозрачностью и с нужным размером.
<div>
<div>Размещение рекламы</div>
</div>
выделяете ту часть кода с которой возникли трудности копируете
открываете jsFiddle вставляете туда скопированную часть html кода
потом в своем css копируете те стили которые влияют выбранный ранее код
вставляете его все в том же jsFiddle
аналогичным образом добавляете туда js код имеющий отношение к тому что уже добавлено
нажимаете кнопку - Run и если результат устраивает то нажимаете кнопку - Save
и копируете в адресной строке браузера адрес ссылки на получившейся пример
идете на HTMLforum вставляете эту ссылку в тело вашего сообщения