#061:论坛自定义头部,第三部分

我们自定义的论坛头部现在唯一缺少的部分是实际显示“论坛”的部分!

Nick 绘制了一幅手持标志的插图,该标志用于该区域。我们删除了那里的文字(不太喜欢 Impact 字体),并用更手写风格的文字替换它,我觉得这更适合网站。

就像我们通过伪元素添加了自定义画廊头部的人物一样,我们也以同样的方式添加此标志。我们使用老式的left: 50%; 和边距左半宽度的技巧将其居中。

最后,我们使用负百分比设置头部图形的背景位置,以便在调整屏幕大小时,它们向相反方向移动。