The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to change the Navbar Style?

View previous topic View next topic Go down

Solved How to change the Navbar Style?

Post by Mr. Ganesha on October 10th 2014, 5:45 pm

Hello, I want to know how to change my Navbar (on screenshoot)...




to be like on this forum...
http://ndejfme.forumotion.com/


Very Happy , thank you


Last edited by Mr. Ganesha on October 11th 2014, 12:54 pm; edited 1 time in total

Mr. Ganesha
Forumember

Male Posts : 95
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

Solved Re: How to change the Navbar Style?

Post by _Twisted_Mods_ on October 10th 2014, 6:28 pm

what are you wanting to do just remove the icons from the nav bar?

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to change the Navbar Style?

Post by Mr. Ganesha on October 10th 2014, 6:40 pm

@thetwistedkilla
No, that is not what I want... if you see the navbar on that link I gave, you see the difference, this is not just removing the icons, but I think I need some code to make the effect like on that forum...

Mr. Ganesha
Forumember

Male Posts : 95
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

Solved Re: How to change the Navbar Style?

Post by _Twisted_Mods_ on October 10th 2014, 6:43 pm

oh you want a image on hover

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to change the Navbar Style?

Post by Ramdaman on October 10th 2014, 6:57 pm

You want the image in the center?

Admin Panel => Display => Homepage => Headers and Navigation

You can put the other stuff in the center there as well.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: How to change the Navbar Style?

Post by Ange Tuteur on October 10th 2014, 10:11 pm

Hello Mr. Genesha,

Something like this ?

Administration Panel > Display > Colors > CSS stylesheet

Add the rules below to your sheet :
Code:
#page-header .navbar, #page-header .headerbar .corners-bottom, #page-header .headerbar .corners-bottom span, #page-header .headerbar .corners-top, #page-header .headerbar .corners-top span { background:none }
#page-header .headerbar {
 border:1px solid #8DB;
 border-radius:6px 6px 0 0;
}

#page-header .navbar ul.linklist {
 border:1px solid #8DB;
 border-top:2px solid #CED;
 border-radius:0 0 6px 6px;
 background:#C5E9D9;
 margin:-9px -10px 0 -10px;
}

#page-header a.mainmenu { padding:6px }
#page-header a.mainmenu:hover {
 background:#CED;
 box-shadow:2px 0 3px #7CA inset, -2px 0 3px #7CA inset;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to change the Navbar Style?

Post by Mr. Ganesha on October 11th 2014, 12:49 pm

wow, very awesome... :wouhou:
thank you Ange, and now it solved...

Mr. Ganesha
Forumember

Male Posts : 95
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

Solved Re: How to change the Navbar Style?

Post by Base on October 11th 2014, 2:35 pm

Solved => Archived

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum