Results 1 to 3 of 3

Thread: How to create Triangle pointed div/navigation tabs

  1. #1
    Join Date
    Jul 2011
    Posts
    40
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default How to create Triangle pointed div/navigation tabs

    How would you create a triangle pointed div/navigation tabs. With background images, the :before :after? Maybe just purely css? Or are there other methods?

    examples of what I am talking about:
    http://www.uniqlo.com
    http://www.elle.com

    The navigation tabs have those pointed triangles. One uses :before and the other one I think just background images.

    Sorry for maybe using the wrong description of what I'm talking about, I don't know the terminology for that look.

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Aug 2009
    Location
    utf-8
    Posts
    205
    Thanks
    4
    Thanked 7 Times in 7 Posts

    Default

    Actually I think madnhate means to have triangles in the CSS menu

    In which case you might look at this
    http://jsfiddle.net/vr27Z/39/

Similar Threads

  1. triangle divs
    By eugenedonaghy in forum CSS
    Replies: 3
    Last Post: 08-29-2012, 03:56 PM
  2. create the left vertical navigation bar
    By vinay111 in forum CSS
    Replies: 0
    Last Post: 04-12-2010, 03:01 PM
  3. How can I create Tabs like PulsePush?
    By aryan_passion2 in forum Graphics
    Replies: 1
    Last Post: 01-13-2009, 10:50 PM
  4. Replies: 1
    Last Post: 12-11-2008, 03:51 AM
  5. How to create Navigation?
    By cute in forum JavaScript
    Replies: 1
    Last Post: 05-21-2007, 08:01 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •