Pages: 12
:arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
You are viewing a post by KhErMiNaToR. View all 29 posts in :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b] .
2008-02-29 15:39:18
- KhErMiNaToR
- » FTalkAgent
2112
0
1969-12-31
:arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
[url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url]
[b]Credits[/b]
:idea: http://www.javascriptkit.com
:idea: Me
[b]Requirements[/b]
:idea: patience! (themost important thing 
)
:idea: Image Editor (adobe photoshop, ACDC 8, or http://www.lunapic.com )
:idea: addBox function on ur Js file.
:idea: Hosting site account ( http://www.ripway.com , http://www.photobucket.com )
[align=center][quote]editing image[/quote]
[/align]
resize your friends picture into:
width: 250px
height: 300px
(you can make the image as many as you want / no limit of friends)
upload the image into ur hosting sites (photobucket)
[align=center][quote]Download Script[/quote]
[/align]
click this link to get java script file.
http://h1.ripway.com/kherminator2/backbox.zip
exctract all files and upload the files into your hosting sites (ripway)
[align=center][quote]Making I-Frame (HTML)[/quote]
[/align]
copy HTML script below into ur notepad
[quote]<html>
<head>
<link rel="stylesheet" href="[b]url_backbox.css[/b]" type="text/css" />
<script type="text/javascript" src="[b]url_prototype.compressed.js[/b]"></script>
<script type="text/javascript" src="[b]url_scriptaculous.js[/b]?load=effects"></script>
<script type="text/javascript" src="[b]url_lightbox.js[/b]"></script>
<script type="text/javascript" src="[b]url_dhtmlHistory.js[/b]"></script>
<script type="text/javascript" src="[b]url_customsignsheader.js[/b]"></script>
</head>
<body><center>
<div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()">
<a href="[color=blue]IMAGE_1[/color]" rel="lightbox[slide]" caption="A Bunch of Grapes">
<img src="[color=red]IMAGE_BASE[/color]" alt="lime" width="250" height="300" border="0" /></a>
</div>
<a href="[color=blue]IMAGE_2[/color]" rel="lightbox[slide]" caption="Sunflower"></a>
<a href="[color=blue]IMAGE_3[/color]" rel="lightbox[slide]" caption="Dolphin"></a>
<a href="[color=blue]IMAGE_4[/color]" rel="lightbox[slide]" caption="Waterfall"></a>
</center>
<script type="text/javascript" src="[b]url_customsignsfooter.js[/b]"></script>
</body>
</html>[/quote]
[b]legend:[/b]
[b]bold part[/b] = replace (only) the bold part with js and css file with files that has been uploaded before..
[color=red]RED[/color] = url of base image, on my preview i used this
http://h1.ripway.com/kherminator2/attribute/script/sunset.jpg
[color=blue]BLUE[/color] = url of friends image.
after editing finished, save the file as [b]Galery.html[/b]
then upload the file into ur hosting site (ripway).
[align=center][quote]addBox function[/quote]
[/align]
just compile this script with ur js file..below the onload handler!
function onProfileLoad() { //<------ COPY ONLY IF U DONT HAVE AN ONLOADHANDLER!
[quote]var navarro="<div align='center' id='iframe'>"+
"<iframe src='[b][color=green]URL HTML FILE[/color][/b]' frameborder='no' width='100%' height='400px' overflow='hidden'></iframe>"+
"</div>";
addBox(pageOwnerFName+"'s Friends Gallery",navarro,"photodiv","right");[/quote]
} //<--- END ONLOADHANDLER
[b][i][u]if u dont have an addbox script, use this![/u][/i][/b]
<">note!
on my preview, i dont use friends photo because that just a sample profile...
enjoy it!
Last edited by KhErMiNaToR (2008-02-29 22:26:59)
 |