Hello Guest
No Avatar
Web Design  »  
Resources  »  
Sign In to Remove
Posts: 
400
Reputation: 
20
Posted: January 21, 2011, 10:30 AM  -- Last Edit: August 21, 2013, 12:07 AM by MLM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
Here is the first navigation bar from :vpfav:


Works in all major browsers but IE.
- Google Chrome
- Opera
- Safari
- Mozilla

All css has a "vp_nav_bar1" prefix so it should not mess with any css you already have.

Steps for installation:
1. Download the package file
- RAR
- ZIP

2. Add this code to the <head> part of your code:
Code: [Select]
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="nav-bar1.css" />
<!--<![endif]-->


<!--[if IE]>
<link rel="stylesheet" type="text/css" href="nav-bar1_ie.css" />
<![endif]-->

3. If you want a tab already set to the current tab add this code to your <head tag as well. Notice that the number is the tab number in the row:
Code: [Select]
<?php $vp_nav_bar1_current_tab '1'?>
4. Add the code below where you want the nav bar to appear:
Code: [Select]
<?php include 'nav-bar1.php' ?>
5. The download should be done by now... Place all of the files (except the "example" folder which if uploaded as a whole will give you a demonstration of the nav bar) at the root of your domain basically where most of your content is. Notice that you should place it somewhere where the relative paths are already correct. If you need some help setting up the relative paths just post below.

6. Done!  :D
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
24
Reputation: 
5
Posted: January 22, 2011, 7:59 AM
  • Group: +Member
  • AIM: Full Auto ETR
  • deviantART: ACanOfWin
  • MSN: evan.ronnei@comcast.net
  • Photobucket: ACanOfWin
  • Skype: evanronnei
Great work.
It's the international sign of the donut.
Posts: 
13
Reputation: 
4
Posted: January 27, 2011, 5:56 AM
  • Group: Member
Wow..... Nice work did you make this code?
Posts: 
400
Reputation: 
20
Posted: January 27, 2011, 7:50 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
Wow..... Nice work did you make this code?

Yep, all me. Coded the day before and then finishing touches the night the thread was posted. Thanks for the comment :)
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
4
Reputation: 
0
Posted: March 5, 2011, 10:13 AM
  • Group: Member
You...are...gifted  :o
Posts: 
400
Reputation: 
20
Posted: March 5, 2011, 10:27 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
62
Reputation: 
9
Posted: March 7, 2011, 11:56 AM
  • Group: Member
You truly are talented brotha! Amazing stuff.....
Posts: 
400
Reputation: 
20
Posted: March 8, 2011, 3:03 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
You truly are talented brotha! Amazing stuff.....

Thanks, feel free to suggest anything you would like to see more of :)
<3 Nerve, Sk8, Labradoodle, Austin