Advertisement:

Author Topic: Navigation Bar  (Read 6987 times)

computerbar

  • Tutor
  • Sr. Member
  • *
  • Posts: 279
Navigation Bar
« on: July 25, 2011, 06:31:38 pm »
Hello
The obvious thing I think is the missing of Navigation bar.



see here for an idea
http://uae.dubizzle.com/

regards

_CONEJO

  • Administrator
  • Hero Member
  • *****
  • Posts: 4689
Re: Navigation Bar
« Reply #1 on: July 26, 2011, 10:26:50 am »
Hi computerbar,

Do you mean the red bar? You could add it on the theme, it's not difficult.

Here is something similar : http://www.malibook.net/index.php?page=search&sCategory=121
Place your mouse on the "Todas las categorias" brown area


Is that what you're looking for?

computerbar

  • Tutor
  • Sr. Member
  • *
  • Posts: 279
Re: Navigation Bar
« Reply #2 on: July 28, 2011, 03:35:11 pm »
Hi conejo

Yes something like that BUT this one show ALL in ONE.

I mean categories names only which show Sub categories when hover over it.
check here the RED BAR on the top which shows Categories Names Individually..
http://uae.dubizzle.com/

thanks

mrdl

  • Jr. Member
  • **
  • Posts: 92
Re: Navigation Bar
« Reply #3 on: July 29, 2011, 01:17:55 am »
which file do you add the templete in? Folders also...

cody1

  • Newbie
  • *
  • Posts: 10
Re: Navigation Bar
« Reply #4 on: August 10, 2011, 06:52:24 pm »
You can hard-code it in using php includes and simple javascript... there's no fancy GUI though, just lots of typing to match the categories up to the relevant menu options.

RajaSekar

  • Hero Member
  • *****
  • Posts: 791
  • ராஜசேகர்
Re: Navigation Bar
« Reply #5 on: August 13, 2011, 05:28:39 pm »
Add this code to style.css

Code: [Select]
#navmenu {height:30px;width:961px;float:left;background:url('menubg.gif') repeat-x;}
ul.navmenu{height:30px;line-height:30px;list-style:none;margin:0px;padding:0;}
ul.navmenu li{float:left;list-style-type:none;margin:0;}
ul.navmenu li a {float:left;font:11px Verdana;color:#FFFFFF;font-weight:bold;text-transform:uppercase;padding-left:20px;padding-right:20px;line-height:30px;background:url('menuend.gif') no-repeat;background-position:100% 0%;}
ul.navmenu li a:hover {text-decoration:underline;}
ul.navmenu li a:visited {color:#FFFFFF;font-weight:bold;}

Add this code which page u want to display(paste it after the body tag)

Code: [Select]
<div id='navmenu'>
<ul class='navmenu'>
<li><a href='http://www.example.com'>Home</a></li>
<li><a href='http://www.example.com'>Real Estate</a></li>
<li><a href='http://www.example.com'>For Sale</a></li>
</ul>
</div>
« Last Edit: August 13, 2011, 07:00:24 pm by rajasekar »

kingsult

  • Premium
  • Full Member
  • *****
  • Posts: 204
Re: Navigation Bar
« Reply #6 on: August 14, 2011, 05:54:38 am »
Hi,

You can take a look at my site. If that suits you, I can make the code available...

strata

  • Sr. Member
  • ****
  • Posts: 411
  • Always good, always...
Re: Navigation Bar
« Reply #7 on: August 14, 2011, 07:08:54 am »
« Last Edit: August 14, 2011, 07:27:58 am by strata »

RajaSekar

  • Hero Member
  • *****
  • Posts: 791
  • ராஜசேகர்
Re: Navigation Bar
« Reply #8 on: September 10, 2011, 11:33:23 pm »

try this JQuery Navigation Menu plugin



http://forums.osclass.org/index.php/topic,3985.0.html

computerbar

  • Tutor
  • Sr. Member
  • *
  • Posts: 279
Re: Navigation Bar
« Reply #9 on: September 11, 2011, 02:25:29 am »
Hello
sorry I was on a long holiday :)

Thank Raj will give it try and will let you know in your other thread..

wholesalecart

  • Newbie
  • *
  • Posts: 3
Re: Navigation Bar
« Reply #10 on: September 28, 2012, 04:30:20 pm »
Hi Guy, Really liking this navigation bar and is just what I am after but being a novice Im struggling...

I have added the code the Main.php
I have then added the other code to the style.css

This give me the txt in the relevent place but not in a toobar?

Any chance of some advice?

Thanks

Chris

Sirolist.com

  • Newbie
  • *
  • Posts: 45
  • [Running] - Osclass 3.0.1- Classic Theme
Re: Navigation Bar
« Reply #11 on: September 29, 2012, 04:15:18 am »
Hi Guy, Really liking this navigation bar and is just what I am after but being a novice Im struggling...

I have added the code the Main.php
I have then added the other code to the style.css

This give me the txt in the relevent place but not in a toobar?

Any chance of some advice?

Thanks

Chris

Your supposed to add the code the very bottom of the header file. If you upload the plugin, then find it in your plugins, click the "configure" and it will tell you how to do it. Although i tried it with the classic theme, and it was a little bit off. Wasn't quite right. Hope that helps.

Sirolist.com

  • Newbie
  • *
  • Posts: 45
  • [Running] - Osclass 3.0.1- Classic Theme
Re: Navigation Bar
« Reply #12 on: September 29, 2012, 04:19:06 am »
Ohh, here's where you can find that plugin, just in case you didn't know already.

http://forums.osclass.org/index.php/topic,3985.0.html