1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.
  2. Better Analytics for WordPress Get It Free

CSS code for this

Discussion in 'CSS' started by KianBoon, Mar 28, 2012.

  1. #1
    Does anyone knows the css code for this.

    I am able to get the background colour and the underline, how do I achieve the rectangular and the triangle shape? Any help is greatly appreciated.

    cssCodes.jpg
     
    KianBoon, Mar 28, 2012 IP
  2. Devitor

    Devitor Peon

    Messages:
    57
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    0
    #2
    display:block;
    width:400px;
    line-height:30px;
    border-bottom:1px solid #FF0000;
     
    Devitor, Mar 28, 2012 IP
  3. KianBoon

    KianBoon Member

    Messages:
    74
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    28
    #3
    Thanks but I dont think it works though, much appreciated.
     
    KianBoon, Mar 28, 2012 IP
  4. Devitor

    Devitor Peon

    Messages:
    57
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    0
    #4
    well you haven't been very specific as to how your html is setup so it is hard to tell you. to do something like this normally you would just contain it inside a li.
     
    Devitor, Mar 29, 2012 IP
  5. intrig

    intrig Member

    Messages:
    109
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    38
    #5
    Well you have to get the rectangle and square in some kind of transparent image composition say.. scr1.png

    now all you have to do is for that class

    display: block;
    background: #somecolor url('images/scr1.png') no-repeat;
    border-bottom: 1px solid #somecolor;
     
    intrig, Apr 5, 2012 IP