№ 061: Спеціальний заголовок форуму, частина 3 - CSS-хитрощі

Anonim

Єдине, чого зараз не вистачає в заголовку наших митних форумів - це частина, яка насправді говорить “Форуми”!

Нік проілюстрував руку, що тримає знак, призначений для цієї місцевості. Ми видаляємо текст, який там був (не великий шанувальник Impact), і замінюємо його чимось більш рукописним, що, на мою думку, краще працює з сайтом.

Подібно до того, як ми додали людей із користувацького заголовка галереї за допомогою псевдоелементів, ми додаємо цей знак так само. Ми відцентруємо його за допомогою left: 50%;фокусу ol ' та margin-left половини ширини.

Завершуємо, встановлюючи положення фона графіки голови з від’ємним відсотком, щоб при зміні розміру екрана рухатися в протилежному напрямку.