HomeHome  portal1portal1  GalleryGallery  SearchSearch  Link Rotation  Donate  RegisterRegister  Log inLog in  


Global Announcement

FriendsterAddictz Forum is on-search for Moderators. For more information, click THIS.
Please promote FriendsterAddictz Forum.


 

Make an overlay profile using Geocities

View previous topic View next topic Go down 
Author Message
FriendsterAddictz
Administrator
avatar

Male
Age : 25 Registration date : 2008-03-07 Number of posts : 1081 Location : ...somewhere there...
Character sheet
Tagline: Proud Member



PostSubject: 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://illiweb.com/fa/pbucket.gif">
<TR>
<TD>

<center/>
<img src="http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif">
<TR>
<TD  width="180" height="400" overflow:" auto" background="http://illiweb.com/fa/pbucket.gif" >


</TD>


<TD width="320" height="400" background="http://illiweb.com/fa/pbucket.gif">

</TD>

<TD width="180" height="400" background="http://illiweb.com/fa/pbucket.gif">

</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://illiweb.com/fa/pbucket.gif">
  <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>&nbsp;</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://illiweb.com/fa/pbucket.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..
_________________

creativity is art.
my friendster profile [i][url]http://www.friendster.com/joychristian
Back to top Go down
View user profile
aiybz
Junior Member
avatar

Female
Age : 25 Registration date : 2008-06-01 Number of posts : 140 Location : bAGuiO sUMmER cAPitAL (:



PostSubject: 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.. ::
Back to top Go down
View user profile
FriendsterAddictz
Administrator
avatar

Male
Age : 25 Registration date : 2008-03-07 Number of posts : 1081 Location : ...somewhere there...
Character sheet
Tagline: Proud Member



PostSubject: 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.
_________________

creativity is art.
my friendster profile [i][url]http://www.friendster.com/joychristian
Back to top Go down
View user profile
aiybz
Junior Member
avatar

Female
Age : 25 Registration date : 2008-06-01 Number of posts : 140 Location : bAGuiO sUMmER cAPitAL (:



PostSubject: Re: Make an overlay profile using Geocities   Mon Jun 02, 2008 7:06 pm

..ahh okhei poh..thankz..
Back to top Go down
View user profile
jack_broy09
FA Newbie
FA Newbie
avatar

Male
Age : 34 Registration date : 2008-10-21 Number of posts : 1 Location :



PostSubject: 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.... hearts lol! >:D<
Back to top Go down
View user profile
kmaey
Activated
avatar

Male
Age : 27 Registration date : 2008-10-25 Number of posts : 20 Location : INDONESIA



PostSubject: Re: Make an overlay profile using Geocities   Sun Oct 26, 2008 4:46 pm

wow is cute layout
Back to top Go down
View user profile
Sponsored content








PostSubject: Re: Make an overlay profile using Geocities   

Back to top Go down

Make an overlay profile using Geocities

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum: You cannot reply to topics in this forum
FriendsterAddictz :: FRIENDSTER SECTION :: Friendster Codes and Tutorials -