FriendsterAddictz
Administrator
Age : 30
Registration date : 2008-03-07
Number of posts : 1081
Location : ...somewhere there...
Character sheet Tagline: Proud Member
|
Subject: Make an overlay profile using Geocities Sun Jun 01, 2008 11:41 pm |
|
|
CREDITS TO: Switpotato *Permission to post was granted*
how to make an overlay layout that look like this
preview: http://www.geocities.com/apolpie.n_nuggets//switpotatotuitorial.html
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... edit and update... fie manager... then NEW
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
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 < /head> tag we will have something that look like this
original codes from table launcher: - Code:
-
<TABLE WIDTH="729" BGCOLOR="#FFCCCC" ALIGN="center" CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TR> <TD> </TD> </TR> <TR> <TD>2</TD> </TR> </TABLE>
alter the td let say ill use the 1st TD for may banner then the 2nd for my navigation - Code:
-
<TABLE WIDTH="729" BGCOLOR="#FFCCCC" ALIGN="center" CELLSPACING="0" CELLPADDING="0" BORDER="0" background="http://i180.photobucket.com/albums/x225/monikamote/monix1.gif"> <TR> <TD>
<center/> <img src="http://i180.photobucket.com/albums/x225/monikamote/pixnixbanner.gif"></center>
</TD> </TR> <TR> <TD height="10px">
<font face="Arial" size="1" color="#F38383"> <a href="http://www.friendster.com/">Home</a> | <a href="http://www.friendster.com/user.php">Profile</a> | <a href="http://www.friendster.com/friends.php">Friends</a> | <a href="http://www.friendster.com/gallery.php">Search</a> | <a href="http://grouper.friendster.com">Videos</a> | <a href="http://classifieds.friendster.com/fi">Classified</a> | <a href="http://www.friendster.com/logout.php">Log yourselft out</a> kamote concept™ </font>
</TD> </TR> </TABLE>
take note: codes for space 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..
original codes: - Code:
-
<TABLE WIDTH="729" BGCOLOR="#FFCCCC" ALIGN="center" CELLSPACING="2" CELLPADDING="3" BORDER="0"> <TR> <TD>1</TD> <TD>2</TD> <TD>3</TD> </TR> </TABLE>
then alter be noted with changes i done with my TD and TABLE.. - Code:
-
<TABLE WIDTH="729" BGCOLOR="#FFCCCC" ALIGN="center" CELLSPACING="3" CELLPADDING="3" BORDER="0" background="http://i180.photobucket.com/albums/x225/monikamote/monix2.gif"> <TR> <TD width="180" height="400" overflow:" auto" background="http://i180.photobucket.com/albums/x225/monikamote/jryt.jpg" >
</TD>
<TD width="320" height="400" background="http://i180.photobucket.com/albums/x225/monikamote/jryt.jpg">
</TD>
<TD width="180" height="400" background="http://i180.photobucket.com/albums/x225/monikamote/jryt.jpg">
</TD> </TR> </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 credits w/c is optional since u made include this inside the above mention TD
- Code:
-
<table border="0" align="center" width="729" height="39" cellspacing="0" cellpadding="0" background="http://i147.photobucket.com/albums/r299/switpotato/joyzzelogoheart.png"> <tr> <td><font face="Arial" size="1" color="salmon"> Credits: <a target="_blank" href="http://www..com">Hello kitty</a> | <a target="_blank" href="http://www.">c..for the OG</a> | <a target="_blank" href="http://www.photobucket.com">photobucket</a> | <a target="_blank" href="http://www.">kamote works</a> | <a target="_blank" href="http://www.imageshack.com">imageshack</a> </a> </td> </tr> </table>
this part is for my friendster footer etc... w/c then i decided to be just an ordinary txt w/o table ..
- Code:
-
<p align="center"><font face="Arial" size="2" color="salmon"> <center><b style="font-size:9"><a href="#">About Us</a> | <a href="#">Contact Us</a> | <a href="">Events</a> | <a href="#">Promote My Profile</a> | <a href="#">Help</a> | <a href="#">Terms of Service</a> | <a href="#">Privacy Policy</a><BR>Copyright 2002-2006 Friendster, Inc. All rights reserved. U.S.<br><br><br>
<Center><img src="http://i147.photobucket.com/albums/r299/switpotato/TBDaisy1.gif"></center> <center><b style="font-size:10">u.nix_07@yahoo.com</center></b><br><br>
overlay wont b complete w/o css pls check site like dynamic drive ..etc for more tricks.. |
|
aiybz
Junior Member
Age : 30
Registration date : 2008-06-01
Number of posts : 140
Location : bAGuiO sUMmER cAPitAL (:
|
Subject: Re: Make an overlay profile using Geocities Mon Jun 02, 2008 12:30 am |
|
|
aling code ang ippaste sa fs.?? at saan pla poh ippaste.?? hehe.. :: |
|
FriendsterAddictz
Administrator
Age : 30
Registration date : 2008-03-07
Number of posts : 1081
Location : ...somewhere there...
Character sheet Tagline: Proud Member
|
Subject: Re: Make an overlay profile using Geocities Mon Jun 02, 2008 8:12 am |
|
|
use mo OG sa www.markyctrigger.com generate mo jan eung FULL HTML codes mo then paste mo xa sa Media Box. |
|
aiybz
Junior Member
Age : 30
Registration date : 2008-06-01
Number of posts : 140
Location : bAGuiO sUMmER cAPitAL (:
|
Subject: Re: Make an overlay profile using Geocities Mon Jun 02, 2008 7:06 pm |
|
|
..ahh okhei poh..thankz.. |
|
jack_broy09
FA Newbie
Age : 39
Registration date : 2008-10-21
Number of posts : 1
Location :
|
Subject: Re: Make an overlay profile using Geocities Tue Oct 21, 2008 10:25 am |
|
|
[i]ooh thats good man ..! so cant i do it like that.... >:D< |
|
kmaey
Activated
Age : 33
Registration date : 2008-10-25
Number of posts : 20
Location : INDONESIA
|
Subject: Re: Make an overlay profile using Geocities Sun Oct 26, 2008 4:46 pm |
|
|
wow is cute layout |
|
Sponsored content
|
Subject: Re: Make an overlay profile using Geocities |
|
|
|
|