CodeCanyon

Website in a Navigation Bar

  • Australia
  • Bought between 100 and 499 items
  • Community Superstar
  • Exclusive Author
  • Has been a member for 2-3 years
  • Interviewed on the Envato Notes blog
  • Microlancer Beta Tester
  • Sold between 1 000 and 5 000 dollars

What do you mean.

Website in a Navigation Bar

Is it just a website NAV bar ?

AngeloM

Hi SportTipsWorld, it is ironic, may contain the entire contents of a site because of its structure :-)

  • Bought between 100 and 499 items
  • Has been a member for 3-4 years
  • United Kingdom

Why no real live preview ?

thanks adam

AngeloM

unfortunately I do not have software that allows video capture, so use a free online… :-)

Default-user

Sorry i mean, why not an actual example … it is so much easier to come up with ideas how / where to use things when i can click, try, see rather than watch a video.

Had you tried http://camstudio.org/ ....

AngeloM

oh excuse me so much! I misunderstood…
I noticed that all codecanyon users use video preview instead live preview, and i do the same thing… i hope it is good a idea anyway.
Angelo

Default-user

I have seen an increase in it use, but thankfully it is still the minority.

Out of about 40-45 purchases on code canyon i have never bought one with a screenr preview, on the grounds if it is so complicated that a example cant be worked out how are my visitors going to work it out.

Any way just suggesting,

  • Australia
  • Bought between 100 and 499 items
  • Community Superstar
  • Exclusive Author
  • Has been a member for 2-3 years
  • Interviewed on the Envato Notes blog
  • Microlancer Beta Tester
  • Sold between 1 000 and 5 000 dollars

@AngeloM

Nope you got me there.

- valid html and css - tested for major browsers - 4 different colors - no JavaScript or jQuery

Thats the entirety of your description… so what are we to think ? or is a game of Irony v’s Crypticism. ?

AngeloM

it’s just a menu… ok? :-)

  • Austria
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 4-5 years

How will this menu react if a user with – lets say – IE7 (beware!) comes along?

AngeloM

Certainly the view will be different, it is been created with CSS3 and HTML5 . It is also written in the specific.
Angelo

SiGa

Thanks for the fast reply! I´m well aware that the view will be different. What´s important for me is: Will navigation still work somehow? Not that I expect that you tested that, but maybe you did anyway and can tell me something about it – unfortunately I can´t drop customers with IE7 yet. Tanti saluti, vicino! ;-)

AngeloM

The menu on IE7 still works (this is obvious), clearly you will not see rounded corners, or the linear effect in the background, but the drop down effect works 100% :-)

SiGa

Thank you and good luck with sales! :-)

  • United States
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 50 000 and 100 000 dollars
  • Contributed a Tutorial to a Tuts+ Site
  • Author had a Free File of the Month
+4 more

Very nice design Angelo :)

AngeloM

thanks :-)

  • Bought between 50 and 99 items
  • Germany
  • Has been a member for 4-5 years

Is there an easy way to use this in Wordpress or say Joomla?
Or am I forced to code this myself?

Thanks, Bernhard

AngeloM

you should force the code :-)

  • Bought between 100 and 499 items
  • Has been a member for 4-5 years
  • Mexico

Hi, I bought it, works great in safari, firefox and chrome,

but It doesn’t work on iphone or ipad

it does nothing.

How can i make it work on iphone, ipad?

thanks

AngeloM

It does not work because there is no JavaScript, the hover effect on a touchscrren does not work…
It works on all browsers of a normal PC or MAC

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
mikeyb08 Purchased

I wish it worked on an iDevice but apart from that it is really good.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

If it doesn’t work on iphones / ipads, is there a built-in ‘fall back’ to provide some sort of basic menu navigation for visitors on these devices?

thank you

  • Beta Tester
  • Bought between 100 and 499 items
  • Brazil
  • Has been a member for 3-4 years
boizaum Purchased

Is there a way to work on IE7 ?

  • Beta Tester
  • Bought between 100 and 499 items
  • Brazil
  • Has been a member for 3-4 years
boizaum Purchased

24 days and no answer. :(

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Can you provide a HTML demo?

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hi, I like it, Can you do customize for me, i need to add a (search button and Post Ad), i’m willing to pay extra for customization work.

Looking forward to your reply.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

Is there a wordpress version?

  • Bought between 1 and 9 items
  • Brazil
  • Has been a member for 0-1 years

Hi. Nice job. CAn i select TOP or Bottom position for your menu ?

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

the drop menu is getting cover by the banner slide 9non flash) how can i maje the menu stay on top?

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
nakolp Purchased

Hello, wanted to know why not appear right edges rounded in Class = category. Thanks for your time

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years
jimskin Purchased

Hello, I’ve got a bit of a problem. I added an extra category tab and removed one of the folio tabs. The new category tab isn’t using the background category image. I’m assuming I will need to increase the length of the bg_category.png image to 600px. Do you have the source file for that image as it wasn’t included in the download.

I would also like to have different width tabs to fit around the tab text rather being set at 100px. The tabs don’t look right. How would I go about doing that?

Thanks,

James

AngeloM

hi james please contact me via skype: angelo.mazzilli (from: bisceglie) thanks

Default-user
jimskin Purchased

Hi Angelo, I don’t use Skype. Do you have another contact method. Maybe an email, contact form. thanks

AngeloM

hi, u can download the new png here, to change li width please edit navigation.css on line 73, thanks

Default-user
jimskin Purchased

Hi Angelo, Thanks alot for that. How would I go about setting different widths for each tab? Would I have to give each tab it’s own .navigation li.category ul li { class and then set the width for each one. If I did that would the vertical divider line be in the correct place? Also, is the ‘FOLIO’ tab supposed to have a border-right black outline which I have on my navigation. thanks

AngeloM

Exact, li.your-class, then give a specific width, then give a border-right or border-left, it will work! :)

Default-user
jimskin Purchased

Hi Angelo, Ok, thanks. I noticed that on the new bg catgeory image the vertical dividers are missing. It doesn’t quite look the same with the dividers. Is there anyway adding them with .css. I guess not. Would it be possible to get hold of the source bg category image? thanks

AngeloM

hi, on every li.your-category border-right: 1px solid rgba(0,0,0,0.25) :)

Default-user
jimskin Purchased

Hi Angelo, Thanks but that doesn’t quite look like the vertical dividers on the original category background image. I don’t think it’s possible to customize the naviagtion bar without the source category background image file.

AngeloM

i can give you png (open layers), download it here

Default-user
jimskin Purchased

Ok, thanks. Will I be able to edit that image? Just one other thing. When the menus drop down from the tabs images in the web page show through the drop down menu. Is there anyway of fixing that? thanks

AngeloM

Hi, to edit image u can use adobe photoshop or adobe fireworks, to fix image in background, please add a z-index: 9999 to the menu container, thanks


by
by
by
by
by