Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Almost image-less banners

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 8, 2013 at 2:15 pm #42571
    BenRacicot
    Participant

    Hey there!

    So I’m trying to figure out a way to create lightweight banners for web layouts much like the way theverge.com does their “watch now” banner. Looks like theirs is simply the hex color in a div with a margin-left: -20px; or something. Image free!

    But the banner tail is beyond me.

    I’ve tried a div with a background image and moved it around… (see flickr image) but it won’t display.

    http://www.flickr.com/photos/62918167@N02/8455700221/

    Check out this Pen!

    Aside from that is there a way to create an angled banner tail with strict css? A nice looking CSS only banner would be useful to us all. :)

    February 8, 2013 at 2:43 pm #123815
    Paulie_D
    Member

    https://css-tricks.com/snippets/css/ribbon/

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.