FTalk

Welcome guest! Please Log in or Register.

Post reply

ARCHIVES
» how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

Pages: 12 3 4 5 6 7 8 9 10 11 12 13 14 15..15

how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#1 2007-08-02 21:14:28

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img] first i didnt include the css codes...here juz plain design for main page itself.. u dont need any prog for this tricks... all u need are: 1. ready made images.. banner ... 2. geocities acct 3 tons of...imagination lets start: open an acct in geocities... u will be redirected to home.. click... the button that says... create and update... file manager...open file.. then NEW [img]http://img110.imageshack.us/img110/9015/89291349zf0.jpg[/img] legend: title.... where u will put ur page name head ..where u wil insert ur css codes like scrollbar etc.. body... for main page design ( codes for ur table)...javascript like statusbar etc etc... be sure to save ur work ...with an ending of .html ( dot html) then look for table launcher ( LAUNCH TABLE MAKER) we will use this to view the possible size of ur table... assign specific location ( centered..left etc.. make margin padding etc etc...) let say ill be using this banner for my overlay [img]http://i180.photobucket.com/albums/x225/monikamote/pixnixbanner.gif[/img] at table laucher i specify the length of my talbe w/c accords with my banner properties.. i made a table with 2 row.. 1column.. ... press SHOW HTML to view the codes copy paste those and insert bet ur <BODY>< /BODY> tag we will have something that look like this [img]http://img525.imageshack.us/img525/6831/19378227vk9.jpg[/img] [color=#ff58ff]original codes from table launcher:[/color] <">[color=#ff58ff]alter [/color] the td let say ill use the 1st TD for may banner then the 2nd for my navigation <">take note: [color=#ff58ff] [/color] codes [color=#ff58ff]for space[/color] be cautious in my td and table wherein i add some tweaks like bg and specific height now wer doen for upper part.. lets do then the main content ..menu of our page let say ill make a 3 column.. 1 row table.. [color=#ff58ff]original codes:[/color] <">then [color=#ff58ff]alter[/color] be noted with changes i done with my TD and TABLE.. <">take note: u may add inside the td ur chatbox... all pa ekek ( xtra ) modues codes.. and div so ur page wont get long i add this table for my [color=#ff58ff]credits[/color] w/c is optional since u may include this inside the above mention TD <">this part is for my [color=#ff58ff]friendster footer etc[/color]... w/c then i decided to be just an ordinary txt w/o table .. <">overlay wont b complete w/o css pls check site like dynamic drive ..etc for more tricks.. for add ons pls browse the forum like modules for specific div etc...

Last edited by switpotato (2007-08-06 20:54:58)

Like |
Dislike

#2 2007-08-02 22:05:34

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

con't: Adding Contents for Specific TD like what i said for the page design not to b distorted add DIV sample at my left TD wherein i put my menu... friends photo.. and kitty clock i uses this codes... <">for my middle TD i consume the entire space... i set my DIV with this value.. <">for ryt td same procedure ... for overlay css pls browse the forum i posted there the most commonly use css... add ons like aut modules... have own css so worry not about that.. :)thats all folks... preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html

Like |
Dislike

#3 2007-08-03 03:50:08

eehjhay: » FTalkWhiz; 2692; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

Thanks for this. [b]Topic sticked[/b]

Like |
Dislike

#4 2007-08-03 05:48:06

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

very much welcome Mr. Mod...

Like |
Dislike

#5 2007-08-03 22:44:50

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

ahhh.. ok this basic procedure can be applied not only for friendster overlay... u can use this as ur basic page for ur frame too or own private website etc... and if u master the tricks... u can emulate too the slicing tech ..mapping by adding some opacity and td.. but lets leave those to the expert lol...

Like |
Dislike

#6 2007-08-04 07:08:45

harvii: » FTalkAgent; 2063; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

[b]Nice tutorial.[/b]

Like |
Dislike

#7 2007-08-04 09:55:28

hubert: » n00b; 1; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

hello!... switpotato..... wheres d edit and udate button? i cant find it......

help me pls.....

Like |
Dislike

#8 2007-08-04 10:03:38

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

opps sowee my bad

it should be [b]CREATE[/b] & update instead of edit lol then go to file manager open file then hit new...

Last edited by switpotato (2007-08-04 10:05:26)

Like |
Dislike

#9 2007-08-08 10:42:52

mxz: » n00b; 6; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

do u know how to make a table with scrollbars? is it possible to make that using photoshop or image ready ? cuz i only know the basic overlay making .. the tutorial of starsapphire .. hmnn .. thnks in advance ..

Like |
Dislike

#10 2007-08-08 10:51:09

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

basically codes u use with other overayling tech is one and the same just add ur scrollbar codes... to ur head part... it will auto show... specially in TD and DIV.. if u include/ specify certain length like the one in my sample... [auto flow]

Like |
Dislike

#11 2007-08-08 11:01:58

mxz: » n00b; 6; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

will i be able to view it in image ready? or do i have to input all the overlay codes in geocities before i see my overlay with the table i made?

Like |
Dislike

#12 2007-08-08 11:14:21

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

dunn0 b0ut image ready havent tried yet using that pr0g im juz using 0nline table launcher...c0z 0f limitted res0urces... anyway ...alm0st all css are the same... they 0nly differ in manner its been applied... regarding ge0cities... u can view ur creati0n there while u r fixing ur w0rk... even u didnt generate it yet...

Last edited by switpotato (2007-08-08 11:17:44)

Like |
Dislike

#13 2007-08-08 11:23:06

mxz: » n00b; 6; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

oraytie .. thanks a lot ..

i can see ur online .. hehe !! tc ..

Like |
Dislike

#14 2007-08-08 11:42:03

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

np... and t0 all b4 i 4g0t... juz use ge0cities 4 testing ...checking... 4 table launcher purp0ses i find the site really undependable..since they juz cancel ur acct w/0 pri0r n0tice... save ur final w0rk.. back up... using 0ther site lyk ripway...freewebtwn... my acct there was banned fr b0ut 3 tyms l0l specially if u save s0me encrypted wrks...0r if u r using 0g++ [xcuse me with my typing ..my keyb0ard is br0ke]

Like |
Dislike

#15 2007-08-08 18:45:34

eehjhay: » FTalkWhiz; 2692; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

table doesn't have any scrollbars at all. if you like, make a div inside a table cell or an ilayer. imageready can not make your own tables, divs, etc. it can only image sliced your background image and make image maps in it. it can also add animation in your image. experiment more with that program. im not a fan of it but i rarely use it.

Like |
Dislike

#16 2007-08-08 21:10:54

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

weee...thanks ehhjhay is ar0und... i was l00king 4 u t0 help me xplaining this

Like |
Dislike

#17 2007-08-09 04:22:35

annabanana14: » n00b; 11; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

itx xo nyzx!

Like |
Dislike

#18 2007-08-09 23:36:39

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

many thanks annabanana... this is the best way i c0me 0ut t0 b useful in this f0rum n0t juz being negative critics... 0r rippers 0f s0me0ne c0des.. making versi0n 0ut 0f s0me0ne c0des..L0L.. h0pe they ask permissi0n 1st... n0w aint that intriguing..hayysss... anywayz... many thanks again...

Last edited by switpotato (2007-08-09 23:37:36)

Like |
Dislike

#19 2007-08-10 11:29:59

enzoid: » n00b; 8; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

ei how can i apply my finish layout on my friendster??

Like |
Dislike

#20 2007-08-10 11:38:51

switpotato: » FTalkGeek; 1027; 0; 1969-12-31

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

generate ur c0des and insert the generated c0des int0 media b0x [b]www.markyctrigger.com[/b]

Last edited by eehjhay (2007-08-13 22:22:53)

Like |
Dislike

FTalk

how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#1 2007-08-02 21:14:28

how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#2 2007-08-02 22:05:34

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#3 2007-08-03 03:50:08

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#4 2007-08-03 05:48:06

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#5 2007-08-03 22:44:50

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#6 2007-08-04 07:08:45

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#7 2007-08-04 09:55:28

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#8 2007-08-04 10:03:38

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#9 2007-08-08 10:42:52

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#10 2007-08-08 10:51:09

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#11 2007-08-08 11:01:58

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#12 2007-08-08 11:14:21

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#13 2007-08-08 11:23:06

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#14 2007-08-08 11:42:03

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#15 2007-08-08 18:45:34

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#16 2007-08-08 21:10:54

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#17 2007-08-09 04:22:35

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#18 2007-08-09 23:36:39

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#19 2007-08-10 11:29:59

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

#20 2007-08-10 11:38:51

Re: how to make an overlay layout that look like this preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html [img]http://img244.imageshack.us/img244/3495/tuitorialzv9.jpg[/img]

Board footer