How to make this banner?

[motion2082]

Hey guys,

Can someone please advise me how the best way to make this banner is?

http://i57.tinypic.com/21kz79f.jpg

Looking to create the black bit with the jagged edges and changes the text for each page.

Would a style with a background.png suffice or should I be looking at something else?

[Shikkediel]

An svg would probably be nicest, it’ll look better on retina screens. It can be used as a background but you could even dynamically change the text.

[motion2082]

Ok at the moment I’m using

background-image:url(/image/custom/black-bg.png);
background-repeat: no-repeat;
background-position: top center;

on the DIV

[Shikkediel]

Looks fine in itself although it doesn’t seem to be responsive. Might want to add background-size as well. If you’re sticking with a png, you could add one that’s twice the expected display size for the retina thing.

[Author]

Posts