How to change the Navbar Style?

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
avatar
Mr. Ganesha
Forumember

Male Posts : 96
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?
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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...
avatar
Mr. Ganesha
Forumember

Male Posts : 96
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
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 99
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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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...
avatar
Mr. Ganesha
Forumember

Male Posts : 96
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
avatar
Base
Forumaster

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

http://forumotionhub.net

Back to top Go down

Back to top


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