|
|
|
|
![]() ![]() |
Jun 18 2005, 09:33 PM
Post
#1
|
|
|
To Cool for Cache ![]() Group: [MODERATOR] Posts: 1,091 Joined: 16-June 05 From: Some Place. Member No.: 8,317 ![]() |
This tutorial was requested by sxyloverboy.
Introduction: sxyloverboy has asked me how to make your navigation bar on him website change to add another page, without having to do it on every page. Well, I have the answer for you! Beginning Assuming you have a FTP upload access, you'll be open your file "index.php" -=Example=- Once your "index.php" file is open press "CRTL+F" (Find) and search for something that looks like this; CODE <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" width="100%" height="14" valign="top"> <a href="#"><font color="#FF0000">Main</a></font></td> </tr> Once found, you can copy and paste it in wherever you want, say we want to add a page called "Members", this is what we need to do; CODE <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" width="100%" height="14" valign="top"> <a href="#"><font color="#FF0000">Main</a></font></td> </tr> Copy//Paste another one, like so; CODE <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" width="100%" height="14" valign="top"> <a href="#"><font color="#FF0000">Main</a></font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" width="100%" height="14" valign="top"> <a href="#"><font color="#FF0000">Main</a></font></td> </tr> Now you have another page! But we're not done yet! We need to change the name of the page so we don't have 2 of the same pages! Now that you have those 2 there, you need to change the second ones name, look for something in those that looks like this; CODE <font color="#FF0000">Main</a></font></td> See the text that reads "Main"? Change that to whatever you want the page called, in this case "Members" Now you should have something that looks like this; CODE <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" width="100%" height="14" valign="top"> <a href="#"><font color="#FF0000">Main</a></font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" width="100%" height="14" valign="top"> <a href="#"><font color="#FF0000">Members</a></font></td> </tr> And viola! You're done! How easy? But make sure, since you already have your files uploaded, you need to re-upload them into your FTP server or the changes won't take affect. Now sxyloverguy ALSO asked me where to find some HTML tutorials! Well, I have the answer; QUOTE . Please note, I have written none of this, it's all written by someone else and distributed to people who need the help FREE. I claim nothing on draacs to be mine! It's a great site to learn almost anything about scripting, css, html, and java.
|
|
|
|
![]() ![]() |
Similar Topics
|
Lo-Fi Version | Time is now: 25th July 2008 - 08:50 PM |