This is a very simple, and sweet little tip. You can add borders (outline) to your sub-menu items, by adding the following CSS to Manage/Appearance/Advanced CSS. See example on Ning Directory for "double" border with 3 px for spacing, and very light in color - - Example #2.

Example #1:
#xg_navigation ul div.xg_subtab ul li a {border:1px dotted #EFEFEF;}

Example #2:
#xg_navigation ul div.xg_subtab ul li a { border:3px double #EFEFEF;}


  • Change the # hexadecimal color, to the color of your choice.
  • You can change the attribute for type of border, to: solid, dashed, dotted or double.
  • If you use the double, you may want to make the border size around 3px.

Views: 476

Replies to This Discussion

Very nice, and good advice! Thanks!
Best,
Jen
Great tip I also added it to Text Box for Profile Pages, For Member Announcements

Makes my announcements pop out from the page

Real nice one

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips