Sign up and get sponsored free and support your cause!!!


BASIC HTML
Coding & PHP
Computers
Layout Building
Making Graphics
Photoshop
Stylesheet/CSS
Wordpress
VIDEO TUTORIALS
EXTRAS



« Go back to Trixinity.net

Frames

You all should probably know at least what frames are before you do this tutorial. Frames are extremely simple once you get the hang of it. You need the basic knowledge of HTML to use frames. You cannot use frames on any pagebuilder, only servers that allow html will allow you to use frames.

Ok so open a blank html page in wherever you make your site. Copy one of the frame codes which you can get on my site by clicking here. Paste it on that blank page and save it as frames.html and view it in your browser.

Now open up the frames.html again and there is a few things that you need to edit. As you will probably see if you look around a bit you will see a few pages that say menu.html,main.html etc.. well you need to make those pages. So open a new blank html page and save it as menu.html and do that for all the pages you need.

Now open frames.html again, edit what you want, like the border colors and if you want the border solid or double, and the size of the frames, the scrolling etc...

On the left menu, that will be where all your text goes, and on your right, that can have whatever. Your top frame will be your site logo and the main part is where all your pages will end up.

Now all you need to know is how to target frames. On your left menu you will have text links. I want you to open up frames.html again and look at the frame that has main.html on it. There beside it you should see something that says name="main". Well that means that the name of that frame is main. So on your left menu you need to target those text links into the main frame. So all you need to do it put this link.



<a href="http://yourdomain.com" target="main">TEXT LINK HERE</a>


See where is says target="main" that is how the text link pages end up in the middle of the frames. Just edit the settings and edit all the pages called menu.html etc...and those to the way you like and eventually you will end up with the layout you want! I hope this tutorial will help you out! Good luck with it.







Back to TutorialsHomeHelpContactPrivacy
© Copyright 2008. Nicky - Trixinity.net. All Rights Reserved.