| make an overlay profile w/o using or downloading any prog... |    |
|
|
| Author | Message |
|---|
'switpotato
Portal V.I.P.
 
Age : 68
Joined : 06 Feb 2008
Posts : 93
 |  Subject: make an overlay profile w/o using or downloading any prog...  Sat 16 Feb 2008, 6:49 pm | |
| 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>< /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..
for add ons pls browse the forum like modules for specific div etc...
 PART2
i added some contents for my TD this tym
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...
| Code: | <TD width="180" height="400" background="http://i180.photobucket.com/albums/x225/monikamote/jryt.jpg" > <center><div align="center"><div style="height:340;width:180;overflow:auto"><br> put anything here page length wont be affected since we set auto scroll when we reach limit height of 340... why 340 .. since i inserted my clock codes wthat i dont want to b hide if the viewer scroll down so meaning to say i paste it outside my div </div> i inserted here my clock codes </td> |
for my middle TD
i consume the entire space... i set my DIV with this value..
| Code: | <TD width="320" height="400" background="http://i180.photobucket.com/albums/x225/monikamote/jryt.jpg"> <center><div align="center"><div style="height:400;width:320;overflow:auto"><br> <span >Love Me or Hate me</span><br><br> ( i added another div na less ang width so para di rumble ang mga laman ko ...) <div style="height:160;width:290;overflow:auto"> put anything here </div> ( continue ang process as long as u want) <div style="height:160;width:290;overflow:auto"> </div> </div></td> |
for ryt td same procedure ...
for overlay css samme will do that lol...
add ons like aut modules... have own css so worry not about that..
:)thats all folks...
btw im inviting u guys to join us in friendsterforum
 http://www.friendsterforum.com/forum/index.php |
|
 | |
SaMmE
noob
  
Age : 18
Joined : 09 Sep 2007
Posts : 1440
Friendster ID : *wink*
: “Fashion is a form of ugliness so intolerable that we have to alter it every six months.”
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sat 16 Feb 2008, 7:13 pm | |
| OH MY GOD...MY BELOVED MONIX IS HERE...
tnx for sharing this one nix....
--------------
uhmmm...can i ask something nix..... can we put background image on borders?
juz wondering? 
_________________
http://www.ichatz.wordpress.com
----------
"You'll never know that God is all you need when God is all you've got."
***at least let me know if ur using the layout ive made..tnx***
please don't forget to read mah layout's instructions...
---------Mokona Mokidoki...Paaa Puuu!!! |
|
| | |
'switpotato
Portal V.I.P.
Age : 68
Joined : 06 Feb 2008
Posts : 93
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sat 16 Feb 2008, 7:47 pm | |
| | hahaha i got no idea wat border... the body part...? |
|
| | |
SaMmE
noob
Age : 18
Joined : 09 Sep 2007
Posts : 1440
Friendster ID : *wink*
: “Fashion is a form of ugliness so intolerable that we have to alter it every six months.”
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sat 16 Feb 2008, 8:01 pm | |
| yup..yung...kunyari sa div....alam ko lang kc border-color pero yung border image...
d ko lam if meron bah...?
_________________
http://www.ichatz.wordpress.com
----------
"You'll never know that God is all you need when God is all you've got."
***at least let me know if ur using the layout ive made..tnx***
please don't forget to read mah layout's instructions...
---------Mokona Mokidoki...Paaa Puuu!!! |
|
| | |
'switpotato
Portal V.I.P.
Age : 68
Joined : 06 Feb 2008
Posts : 93
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sat 16 Feb 2008, 8:10 pm | |
| | ok try ko kalikutin...baka pwede nga pero alam ko lang is to fake it.. hahaha alala mo ung puro gif na unag overlay ko daing glitters lol.. ginawan ko ng border pero actually its the margin lang naman na wari border... |
|
| | |
SaMmE
noob
Age : 18
Joined : 09 Sep 2007
Posts : 1440
Friendster ID : *wink*
: “Fashion is a form of ugliness so intolerable that we have to alter it every six months.”
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sat 16 Feb 2008, 8:12 pm | |
| yun nga yung napansin ko sa superman layout mo for css...naisip ko bka finake mo yun...ahehehehe... tma nga ako....inadjuz mo lang yung width and height...para swak....
pero ganda....di ko ma reach utak mo...beyond imagination^^
_________________
http://www.ichatz.wordpress.com
----------
"You'll never know that God is all you need when God is all you've got."
***at least let me know if ur using the layout ive made..tnx***
please don't forget to read mah layout's instructions...
---------Mokona Mokidoki...Paaa Puuu!!! |
|
| | |
jlopezzz_01
Portal Jr. Member
  
Age : 21
Joined : 29 Sep 2007
Posts : 46
Location : Cavite
Friendster ID : www.friendster.com/42898733
: happy
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sat 03 May 2008, 3:25 pm | |
| ey where did u find the falling objects and how did you make ur love me or hate me...Dedication.....and so on, i really cant do that...
i wanted to create an overlay using photoshop but sadly i dont have photoshop.. |
|
| | |
calogizta
Portal Newbie
Age : 19
Joined : 29 Mar 2008
Posts : 7
Location : DALY CITY CA, US
Friendster ID : 34278933
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sun 04 May 2008, 10:09 am | |
| | people in this site are soo smart! |
|
| | |
bluberry543
Portal Moderator
 
Age : 16
Joined : 17 Feb 2008
Posts : 301
Location : eberywer.
: PLOX! ^_____________*
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Mon 05 May 2008, 8:55 am | |
| question like [b]jlopezzz_01 how can you make the falling objects...i saw one in glitter graphics but i don't know where to put d codes....haha [/b]  |
|
| | |
jlopezzz_01
Portal Jr. Member
Age : 21
Joined : 29 Sep 2007
Posts : 46
Location : Cavite
Friendster ID : www.friendster.com/42898733
: happy
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Mon 05 May 2008, 8:41 pm | |
| | I already know abt. the one in Glitter Graphics But The Problem Is I Don't Know Too How to Put it |
|
| | |
jam_11
Portal Newbie
Age : 17
Joined : 06 May 2008
Posts : 6
Location : philippines
Friendster ID : 47232422
: happy
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Tue 06 May 2008, 8:33 pm | |
| | tnxU 4 sharing.. |
|
| | |
jam_11
Portal Newbie
Age : 17
Joined : 06 May 2008
Posts : 6
Location : philippines
Friendster ID : 47232422
: happy
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Wed 07 May 2008, 10:38 am | |
| | can share 2 me the whole codes of ur turorial 4 layout?...cos i ddn't know how to put css code.... |
|
| | |
miangelica465
Portal Guru
Age : 17
Joined : 29 Apr 2008
Posts : 327
Location : Marikina,Rizal,Philippines
Friendster ID : http://profiles.friendster.com/50486815
: wahh! add niu aq sa fs
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Thu 08 May 2008, 10:00 am | |
| my brain is very confused about the codes but tnx for sharing! I know one day I could use those codes and this tutorial! 
_________________
ADD MY FS ACCOUNT:
avrillavigne465@yahoo.com
MY YM:
miangelica465
PROFYL:
http://profiles.friendster.com/yikoiu |
|
| | |
kymixakura
Portal Newbie
Age : 15
Joined : 08 May 2008
Posts : 21
Friendster ID : kimica_forevrblu08@yahoo.com.ph
: anime princess...ü
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Fri 09 May 2008, 8:19 pm | |
| omg!!! this is so cool!!! i wanna try this!
_________________
|
|
| | |
sasuke23
Portal Newbie
Age : 17
Joined : 30 Jun 2008
Posts : 5
Friendster ID : enma_sanzo@yahoo.com
| | Subject: Re: make an overlay profile w/o using or downloading any prog... Sun 24 Aug 2008, 11:35 am | |
|  uhmm why there is a credit no# needed? |
|
| | |
| make an overlay profile w/o using or downloading any prog... | |
|
