[quote=Ephemeral]Just asking? Div help in making boxes in a profile right ? Can you use overflow and z-index to make the boxes on top of each other? Can <layers> also be used in making boxes?[/quote] [b]Div help in making boxes in a profile right ?[/b] Yes, it can. [b]Can you use overflow and z-index to make the boxes on top of each other?[/b] Yes you may. Example: <div style="[u]overflow: auto; z-index: 1[/u]"> [b]Can <layers> also be used in making boxes?[/b] Yes. It functions the same as <div>, and uses also the same attributes. Added info can be found here [url]http://www.geocities.com/SiliconValley/Orchard/5212/layer.htm[/url] Hope I helped you! ^_^

[quote=Ephemeral]tnx 4 da info! [/quote] No problem dudee.

[quote=meng.o3] [b]great tutorial there genocide.. and another thing, try to resize your siggy.. ^_^ thanks for contributing.. [/b] [/quote] Thanks for appreciation... and about my siggy, I'm going to fix it. ^_^

wow thanks for the tutorial! it really helped me a lot for a newbiw like me.

This really works I am working on my overlay hehe...

i followed dis tutorial in creating my friendster profile, but how will i make the testimonials appear? ? and also my friends list and the part wer u can send msgs or add me as a friend etc... hav so mny Questions ... i h8 d new friendster settings... im so desperate in creating a new profile that will work on the new settings... tnx 4 d tutorial anyway.. pls reply... tnx!

tnx... i can sleep now... im having insomia since friendster made my profile look all messed up ... hehe.. tnx again!

are there any sites which have premade overlaid layouts?

[quote=GeNoCiDe_GLiTcH]HOW MAKE YOUR OWN OVERLAID PROFILE USING MS FRONTPAGE 2003 I. Introduction Overlayed profiles are hot these days. It gives opportunity to people to show their creativity in making their own unique design. Using some programs, we could make our own layout. For example is Adobe Photoshop & Macromedia DreamWeaver. But if you don't have any knowledge about it, try using the notepad, a simple appication like that can give you your unique personalized profile, but of course, it may give u some time in typing the codes, and also u can't preview the layout in one click. Well if you don't want those, you could use Microsoft FrontPage, a quick & easy tool to make your dream profile. It uses HTML and you don't need a hell of a time to type in your codes. The advantage of using this is that you can insert up DHTML effects, JavaScripts, CSS, etc. to personalize your profile. This tutorial is about the use of <div> & </div> tags for your profile. This method is simple, but effective. Remember, the content is much more important than the appearance. II. Tutorial This tutorial teaches you how to make your profile using <div> & </div> tags, and also some basics of the MS FrontPage. Sorry for the poor quality of the screenshots. ################################ NOTE : Please use this tutorial only as a reference, experiment on various ways on how to improve your work. ################################ First, you must edit some properties at your page. In Page view, at the bottom left of the document window, click Design, then right click at the page, select Page Properties. Under Page Properties, u can edit the general features of the document. [url]http://img123.imageshack.us/img123/5673/tutorial17kr.jpg[/url] In General Tab, u can edit the title, keywords & description of your page. In Formatting Tab, u could edit the background image & the colors to be used. In Advanced Tab, u can edit the margins. [url]http://img109.imageshack.us/img109/3043/tutorial28si.jpg[/url] I'll write up the title & other things, then I'll set the bgcolor to black & the text is red. Now the whole page is colored black, and red is the text color. [url]http://img159.imageshack.us/img159/9568/tutorial35ny.jpg[/url] To modify the font face, size & style, change it at the formatting toolbar at the top of the window. To modify the paragraph format, for example, spacing & indents, click Format >> Paragraph. [url]http://img96.imageshack.us/img96/5448/tutorial45cj.jpg[/url] Now let's begin working! Let's insert up a layer. To do that, click the Insert Layer. Place the layer anywhere u want. Layers use <div> & </div> tags, so u can also call it dividers. Ok, I'll use this layer for the navigation bar, so i'll type the links on the navbar. I'll center it. I also added borders. To add borders, click the Border in the Formatting toolbar. [url]http://img100.imageshack.us/img100/2301/tutorial54mz.jpg[/url] Now that the typing is complete, Let's now add hyperlinks. To do that, highlight the word you want to put a hyperlink, right-click on it, then select Hyperlink. Type the address of the link on the address bar & click OK. [url]http://img83.imageshack.us/img83/9518/tutorial91fa.jpg[/url] There it goes, now let's put up a banner. I'll just use my siggie, bcoz i'm out of time to make another one. To do that, insert another layer, & place it where u want. Then, on the menu bar, click Insert >>> Picture >>> From File. I'll also center the picture. [url]http://img64.imageshack.us/img64/4241/tutorial67cw.jpg[/url] Now that there's the navbar & banner, we just do the rest. Do what you have done to the other layers. Follow the procedure in installing hyperlinks. [url]http://img159.imageshack.us/img159/606/tutorial79hw.jpg[/url] Now that u have done everything, save up ur page & copy the code. To copy the code, in the page view click Code. [url]http://img159.imageshack.us/img159/9118/tutorial85oz.jpg[/url] Copy all the codes from <html> up to </html>, to copy the code, in Page view, click Code and copy it (Click anywhere on d page and press CTRL + A then CTRL + C), then generate the overlay code in the Overlay Generator (CTRL + V to paste). That's it! You have just finished up making your own profile! I'll just update this topic some other time, when i'm going to add up other features. Thanks 4 ur appreciation. If u hav any questions, just pm me, ok? III. Credits FriendsterTalk.com MicroSoft FrontPage 2003 Overlay Generator Lord God Family & Friends To anyone else i forgot ^_^[/quote] its nice.. it helps 2 those who want to make their own profile... nice one