Welcome Guest ! Please   Login or Register


Check out our latest Premium Themes, Majestic , Majestic - Dark and Musk Themes for MyBB 1.8 Click to Shop Now

Now open for Custom Theme requests : Click to Order Now





 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
WIP- IPB Style header menu.

Bala Offline
Customer
****

Posts: 41
Joined: Feb 2013
Likes Received : 5

Facebook Google Plus
Nationality:

Mood: Sick

Points: 873.20Points
Post: #1
WIP- IPB Style header menu.

I have been working on this menu. Made the jquery and got it working. Needed some comments and recommendations from Envira.

Have a look.

   

Give me some ideas. Envira if you want to see it in action, login and change to tbt copy new theme.

Its far from complete. Need to do a bit more styling. Should I keep it this way, or make it the Xenforo style Envira?
(This post was last modified: 12-09-2013 01:37 PM by Bala.)
12-09-2013 01:36 PM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 303

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,357.44Points
Post: #2
RE: WIP- IPB Style header menu.

Hello Bala,
Looks good, yes as you said needs lot of work
So which menu jQuery plugin are u using to accomplish it.
Sure i would login and look at the code once i am free tonight and suggest you the changes.
XF menu is user cool and i have implemented a flexible one similar in my MUSK theme.
Keep going bro.

[Image: lt79ucY.png]
12-09-2013 02:17 PM
Find
0
Quote




Bala Offline
Customer
****

Posts: 41
Joined: Feb 2013
Likes Received : 5

Facebook Google Plus
Nationality:

Mood: Sick

Points: 873.20Points
Post: #3
RE: WIP- IPB Style header menu.

I have used plain JQuery bro no plugins. The menu has two main things which I have seen your dropdown does not have.

1- Clicking outside the dropdown closes it.
2- The li bar changes to an active mode when the li is clicked. I have used the JQuery fadeIn, fadeOut for doing the effects.

Now need to get a good idea over the CSS. I really liked the menu of Musk, and will make something along the lines.

If you want the script I used just tell me, I will pm it over. I did not want to use any dropdown plugin as load times will increase. The current script is just a few lines.
12-09-2013 03:15 PM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 303

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,357.44Points
Post: #4
RE: WIP- IPB Style header menu.

(12-09-2013 03:15 PM)Bala Wrote:  I have used plain JQuery bro no plugins. The menu has two main things which I have seen your dropdown does not have.

1- Clicking outside the dropdown closes it.
2- The li bar changes to an active mode when the li is clicked. I have used the JQuery fadeIn, fadeOut for doing the effects.

Now need to get a good idea over the CSS. I really liked the menu of Musk, and will make something along the lines.

If you want the script I used just tell me, I will pm it over. I did not want to use any dropdown plugin as load times will increase. The current script is just a few lines.

Ohh okay.
But if u see tesla dark i have used the same function, click anywhere it closes.
I am using a source that is less than 4 kb and modified it and minified it.
The total script file size with all essential code will be less than 10kb which is not that much.
Sure, i will look tonight now,
regards

[Image: lt79ucY.png]
12-09-2013 10:44 PM
Find
0
Quote




Bala Offline
Customer
****

Posts: 41
Joined: Feb 2013
Likes Received : 5

Facebook Google Plus
Nationality:

Mood: Sick

Points: 873.20Points
Post: #5
RE: WIP- IPB Style header menu.

Okay, I did not see Tesla dark. No demo nothing. I have changed it though Envira. Modified more to look like the XF menu.
12-09-2013 10:47 PM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 303

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,357.44Points
Post: #6
RE: WIP- IPB Style header menu.

(12-09-2013 10:47 PM)Bala Wrote:  Okay, I did not see Tesla dark. No demo nothing. I have changed it though Envira. Modified more to look like the XF menu.

Yeah i didnt keep a demo of any theme, as i am planning to move the site in 2 days.
Got a hosting from Arvixe, in the Blackfriday deal.
Sure, i will look now,
regards

[Image: lt79ucY.png]
12-09-2013 11:09 PM
Find
0
Quote




Bala Offline
Customer
****

Posts: 41
Joined: Feb 2013
Likes Received : 5

Facebook Google Plus
Nationality:

Mood: Sick

Points: 873.20Points
Post: #7
RE: WIP- IPB Style header menu.

Here is how it looks. A fusion between XF and IPB style.
   
12-10-2013 09:27 AM
Find
1
Quote




envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 303

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,357.44Points
Post: #8
RE: WIP- IPB Style header menu.

(12-10-2013 09:27 AM)Bala Wrote:  Here is how it looks. A fusion between XF and IPB style.

Very nice, Good work , needs polish.
And also the line of dropdown, i mean top border merges with the menu. Make it little down.
The avatar needs to be top and the links in second column, if its done, it would be a perfect task accomplished.
regards

[Image: lt79ucY.png]
12-10-2013 11:29 PM
Find
0
Quote




Bala Offline
Customer
****

Posts: 41
Joined: Feb 2013
Likes Received : 5

Facebook Google Plus
Nationality:

Mood: Sick

Points: 873.20Points
Post: #9
RE: WIP- IPB Style header menu.

Does it look really that good Envira?, I was planning to completely scrap it LOL.
The menu has been taken to the top on purpose, I suppose down will be better as you say.
Do you mean to say the second coloumn of menu and Avatar should be moved up?
12-11-2013 09:31 AM
Find
0
Quote





Forum Jump:


User(s) browsing this thread: 1 Guest(s)

About Myskins

MySkins Studio is MyBB Themes Resource Website.

At MySkins Studio, We procreate MyBB Themes both custom MyBB Themes and premium Mybb Themes.We believe in quality and assure you the best MyBB themes at a very reasonable price , that suits your taste.

Feel free to drop in a request and get a quote.