Welcome to Priya's Paradise
|
||||||||||||
Lot's of people have been asking me to teach them how to code the iframes.Today I will grant there wish(lol).
Coding a layout seems hard but once you get the hang of it,It will be easy as a pie.
Step One
Make a layout in paintshop,photoshop or paint whatever you use.
This is what I made
Looks pretty right.
Step two
Now we code the page.
Copy this code and name the page iframe.html(or something).And leave it for a bit.
Step 3
We now have to fill in the height ,width part's of the iframe coding.Open the layout you made in paint.
Now click on the select tool in the tools section
Now drag and make a box with the select tool in the area where u want the main frame to go.don't let it go yet
Look at the dotted lines in the main frame section(it means u have selected that area)
Now if u look to the right you will see some numbers.we have note them down
Ok now I will explain what is what
This is the for LEFT PIXELS
This is the for TOP PIXELS
This is the for WIDTH
This is the for HEIGHT PIXELS
now note them down in the iframe.html page.Next we will do the menu part.
Same process, drag the selection tool in the area where u want menu page to appear.
yay now we have all the width,height,top and left part of our coding done.
once u have done with coding,it is time to check if it works.
CLICK HERE TO SEE IT IN ACTION
|