(+1) 626 460-0248
(+84) 93 219 5954

Having Facebook 3-Icon Header Menu Style, Sub-Menu and Notification System, HOW?



August 14, 2013 | 2990 Views

Facebook is very good at design and convenient for user/member. One of these out standing design is Menu – Mini Menu and Notification System with popup and sound alert.

By default, SocialEngine provides basic menu with not really good design and without sub-menus supported, also notification is quite not outstanding (Figure 1)

In this tutorial, with Advanced Menu System and Advanced Feed Notification, we will help you to set up these below features available on your site:

  • Mini menu with 3 icons
  • Drop-down menus and Sub-Menus
  • Menu style customization
  • Popup Notification and Sound Alert when notifications come

Let get started!

Figure 1. Default Mini Menu of SE

1. Mini menu with 3 icons

 With Advanced Menu System, it could be archived easily with few steps. After installation you only need to drag Advanced Menu widget to site header page under mini menu (Figure 2 & Figure 3)

Figure 2: Drag Advanced Menu System to site header

Figure 3: Mini Menu of Advance Menu System

2. Drop-down Menus

Here is the guide to create Drop-down menus:

  • Step 1: Go to Admin> Plugins> Adv Menu System> Menu Settings
  • Step 2: Choose all menus that you want to become sub-menu
  • Step 3: Click “Submenu Selected” (Figure 4)

Figure 4: Choose sub-menu

The same steps for mini menu, see Figure 5.

Figure 5: Sub-menu

To Un-submenu, please do all steps as above, then click “Un-submenu Selected” instead of “Submenu Selected”.

3. Menu style customization:

It’s very easy to change background and text color to suite your site style. To do this, go to (Admin> Plugins> Adv Menu System> Style Settings) and adjust the style as you want it to be (Figure 6)

Figure 6: Advanced Menu System- Style Settings

4. Popup notification and sound alert:

Colorful the menu to suite your site: very easy to change background and text color of the box. To do that, go to this link (Admin> Plugins> Adv Menu System> Style Settings) and modify its parameters (Figure 7-a,b).

Figure 7-a:  Advanced Notification – Back-end – Style Settings

Here is the front-end result as an example of above settings.

 Figure 7-b: Advanced Notification – Front-end style

For sound alert, if you don’t like the default one, you can easily upload a new file for your own use by going to Admin> Plugins> Adv Notification> Sound Alert Settings (Figure 8)

Figure 8: Advanced Notification – Back-end – Sound Alert Settings

Besides your members can disable sound alert if they don’t like due to its annoyance. Simply, go to  Setting> Sound Notification Settings and disable it (Figure 9).

Figure 9: Advanced Notification – Back-end – Sound Alert Settings

Just with some simple steps with the Advanced Menu System and Advanced Feed Notification, your site can be so friendly, convenient and attractive. It will help to increase activities and traffic on your site considerably.

In addition, there are many other features for you – as an Admin – to discover. Please find more details at: 

Advanced Menu Systemhttp://socialengine.younetco.com/adv-menu-system.html

Advanced Notificationhttp://socialengine.younetco.com/advanced-feed-notification.html

Should you have any feedback or suggestions, feel free to let us know at Contact Us.

  • Tags

    Christmas(4)    Promotion(23)    black friday(3)    cyber monday(2)    Thanksgiving(3)    Discount(4)    Halloween(2)    compatibility(7)    Updates(2)    4july(1)    SocialEngine(8)    Memorial Day(1)    Product Upgrade(63)    SE 4.9(1)    Product Release(46)    Resume(9)    RTL layout(2)    Groupbuy(4)    Product Upgraded(3)    Profile Popup(2)    Newsletter(17)    Dynamic Form(1)    Advanced Album(6)    Advanced Comment(5)    Advanced Feed(6)    Advanced Group(5)    Advanced Member(3)    hashtag(2)    Mobile View(6)    YouNet Core(2)    Advanced Blog(6)    Advanced Event(7)    Advanced Menu System(4)    Business Directory(10)    File Sharing(5)    FundRaising(4)    Responsive Template(5)    Ultimate Videos(7)    General Announcement(7)    Social Engine Blog(1)    Auction(2)    Location-Based System(3)    Mobile Application(21)    Responsive Purity Template(3)    Social Store(2)    Ultimate Social Music Solution(3)    Ultimate Video(1)    Video Channel(3)    socialengine 4.8.12(1)    Advanced Search(3)    Affiliate System(5)    Contest(5)    Job Posting(5)    Listing System(5)    Multiple Listings(3)    Responsive Event(3)    Responsive Metro(2)    Rest API(4)    Contact Importer(5)    Social Bridge(3)    Social Connect(5)    social engine(1)    Advanced HTML Block(1)    Full Slider(2)    Idea Box(2)    Ultimate News(4)    Paypal(1)    Coupon(2)    Easter(2)    SE4 template(1)    video(1)    Blog(1)    Facebook Connect(1)    Responsive Clean(3)    User Credit(2)    Advanced Video(4)    Social Publisher(4)    Wiki(1)    Responsive Christmas(1)    Responsive Core(1)    Snow Fall(1)    social ads(5)    User Feedback(2)    Template(4)    Minify(1)    Responsive Photo(2)    Mp3 Music(2)    Social Music(1)    Advanced Forum(2)    Page Transformation(1)    selling solution(1)    API Changes(1)    Scribd(1)    Social Stream(3)    Listing(2)    Social Chat(2)    Feedback(1)    Mobile(5)    Social Media Importer(1)    Responsive Design(2)    YouNet(1)    Utilities(4)    Photo(1)    Responsive(7)    member(1)    tutorial(9)    Responsive Metro Template(1)    Advanced Payment Gateway(4)    Credit System(1)    Event(1)    Chat(1)    forum(1)    Roadmap(1)    News(2)    Mobile App(1)    Happy New Year(1)    Member Management(2)    Advanced Feed Notification(1)    Social Package(2)    Moderation Tool(1)