can someone please tell me how to create v pointer for my widget title like the one pointing to the side bar picture under “ME” on this site

http://bpthemes.buddydev.com/bpmag/classic/members/sbrajesh/

thanks

[@aces Participant 13 years, 7 months ago]

looking at the css with ie9 developer tools, it appears to be a background image: “userbar_header.gif” in #userbar h3

[@naijaping Participant 13 years, 7 months ago]

hi ace, i dont think its a background image, am talking about the V shape pointer at the border, i think this can be call at the style.css just like the border-radius but i dont seems to get it.

[@hnla Participant 13 years, 7 months ago]

No it is a background image. Use tools as mentioned (Firebug or Dragonfly for Firefox and Opera respectively if not using IE) to examine the CSS rulesets to understand how it’s achieved

[@mutuuj Member 13 years, 7 months ago]

To give you an example, you can play around with our BuddyPress Profile Widget

The ‘grey block’ is just a color and the ‘v’ is a background image.

[@hnla Participant 13 years, 7 months ago]

shameless promotion

@naijaping you might also grab an old copy of bp-default pre 1.2 where all these arrows stem from you could use that as an example to follow