How To Add Borders to Sub-Menus (sub-tabs)

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

Permalink Reply by JenSocial on August 31, 2010 at 5:29pm
Very nice, and good advice! Thanks!
Best,
Jen
Permalink Reply by Administrator☼JenSocial on August 31, 2010 at 5:51pm
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

Latest VIP Ning Tips!

Hover Links for Preview

» shhhh, Huge Ning Designer Secret - - Insert Simple HTML at Top of List Pages: Blogs, Events, Forums, Groups, Photos, and Videos.

» Make Home Page Photo Module Stand Out

» Professional Splash Page Template (Landing Page) - Pro Accounts

» Beautiful Coda Content Slider for Ning Networks

» Move Group Pages Module To Top

Blog Posts

Hi Everyone!

Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments

Message from Ning CEO - January 4, 2017

Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments

New Ning 3.0 Feature! Add Slideshow to Photo Module

Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments

Good Riddance Mode Media! Exciting News About Ning + Cyndx LLC

Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments

Ning RAISING RATES for Ning 2.0 sites

Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments

Members

Latest Ning Tip

Blogcentric Sites - Add "Read More" to Blog Titles - Ning 2.0

Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)

Lucid Car

Discussion Forum

Mp3 player for Ning 3.0 - created by me

Started by Themes - Rosas Negras Mar 20, 2021. 0 Replies

Add Member Account Box Links/Notifications to NingBar and Hide Account Box - - Saving Space Above Fold (Collaborative Efforts: Jen and Elson)

Started by JenSocial. Last reply by Kos Dec 6, 2016. 64 Replies

Add Footer like Creators.ning.com (Great example of a JenSocial VIP Tip!)

Started by JenSocial. Last reply by JenSocial Jul 26, 2016. 41 Replies

Trending on JenSocial 

1 Hi Everyone!

Hi Everyone!
2 Mantra for healing | Om Tare Tuttare with Katja

Mantra for healing | Om Tare Tuttare with Katja

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips