Welcome to Gaia! ::

My Design :: Web and Graphic Design [HTML CSS PHP]

Back to Guilds

XHTML, CSS, jQuery, Javascript, PHP, mySQL, MORE! 

Tags: design, graphics, html, jquery, javascript 

Reply Tips/Tutorials
[WEB] Frames Tutorial -Menubar

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

DracoJesi

PostPosted: Tue Sep 04, 2007 2:13 pm


User Image - Blocked by "Display Image" Settings. Click to show.


ok first of, I thought I'd share this as frames can be a bit confusing for beginners, I figured it would go in cyberspace, but there aren't any tuts in there, so do what you will with this.


ok, so heres the thing, are you tired of adding navigation to every single page? well you don't have to, I'm going to teach you how to make a page comprised of two frames, basically, a pages that shows two separate files/pages.

first of all, lets look at the code....






ok, thats the only code that will be on the index or main page, well with the exception of the html and body tags.

it may look complicated but its not, the frameset tags simply define the start and end of the frame layout, it tells the browser that theres a set of frames that will be used.

this page will be comprised of two frames, you see the Cols (column command) which designates the width, so the first frame (the left one) will be 125 pixels wide, the right one or second frame, is a bit tricky because it says *, but don't be discouraged, thats simply a wild card that tells the browser that the 2nd frame (the main one) will take up the rest of the page.

Note: you can use percents as well as pixels to define them.

nevermind the border, thats just a preference, 0 is binary for false or off, 1 being true or on.

no you use the frame src command to designate the HTML file that will be displayed in each frame, of course the left, or first one, comes first.

edit your menubar.html (or other name) file to include your menubar and put your main content in the file that makes up the main frame.

YAY, you made a site based on frames, but you're not done yet.

when you click a navigation button, you'll realize the it opens in that frame, that frustrating, but its ok, just define the target of your links.

like so....



just make sure you don't use index.html as your link back like or you'll have two sidebars xd

and your done, congratz smile

Tut by Jesi Jones, any questions e-mail me at dracojesi@yahoo.com or drop me a line at http://dracojesi.50webs.com


User Image - Blocked by "Display Image" Settings. Click to show.
PostPosted: Sat Oct 06, 2007 7:42 pm


I dont understand a thing u just typed but thatnk you for the info. ^^

Enchanted Sebille

Reply
Tips/Tutorials

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum