- ARCHIVES
- » screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
Pages: 1
screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
- simpleMe
- » FTalkManiac
949
0
1969-12-31
screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
screenshoots 
[img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img]
when clicking the image
[img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
step 1 
paste this on top of your js file
<"> step 2 paste this on your Onload Handler
[spoiler]var code="<div id=\"contentWrapper\"><div id=\"header\"><div id=\"navcontainer\"><ul id=\"navlist\">"+
"</ul></div>"+
"<div id=\"subheader\"><a href=\"http://andyblanchard.com/galleries/andyblanchard/album/res/info.html\" rel=\"width:425,height:425\" class=\"mb\" title=\"Skin Info\">Info</a></div></div><div id=\"imageflow\">"+
"<div id=\"loading_bar\">"+
"<b>Loading images</b><br/>"+
"<img src=\"http://img135.imageshack.us/img135/4224/57705062uk0.gif\" width=\"208\" height=\"13\" alt=\"loading\" /></div>"+
"<div id=\"images\">"+
"<a href=\"[b]Image link 1[/b]\" id=\"mb0\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 1[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb0\"></div>"+
"<a href=\"[b]Image link 2[/b]\" id=\"mb1\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 2[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb1\"></div>"+
"<a href=\"[b]Image link 3[/b]\" id=\"mb2\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 3[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb2\"></div>"+
"<a href=\"[b]Image link 4[/b]\" id=\"mb3\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 4[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb3\"></div>"+
"<a href=\"[b]Image link 5[/b]\" id=\"mb4\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 5[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb4\"></div>"+
"<a href=\"[b]Image link 6[/b]\" id=\"mb5\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 6[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb5\"></div>"+
"<a href=\"[b]Image link 7[/b]\" id=\"mb6\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 7[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb6\"></div>"+
"<a href=\"[b]Image link 8[/b]\" id=\"mb7\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 8[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb7\"></div></div>"+
"<div id=\"captions\"></div>"+
"<div id=\"scrollbar\"><div id=\"scrollbarPrev\"><img src=\"http://img403.imageshack.us/img403/5238/34600274wy6.png\" alt=\"previous\" onclick=\"MM_callJS('handle(1)')\" /></div>"+
"<div id=\"slider\"></div>"+
"<div id=\"scrollbarNext\"><img src=\"http://img151.imageshack.us/img151/3432/41507885tl4.png\" alt=\"next\" onclick=\"MM_callJS('handle(-1)')\" /></div></div>"+
"</div>"+
"</div>";
addBox("LEFT","My Gallery",code,"div_27","null");[/spoiler]
just edit the bold parts 
recommended size for [b]thumbnail[/b] [b]200 x 195[/b] pixels
if you want to add more images just add this
[quote]"<a href=\"[b]Image link 9[/b]\" id=\"mb[b]9[/b]\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 9[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb[b]9[/b]\"></div>"+[/quote]
and so on & so fourth 
step 3 paste this, at the bottom of your js file
<">that's it your done
preview http://profiles.friendster.com/62346457 (click the image to see the effect)
credits [b]http://jalbum.macosxsupport.com[/b]
[img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img]
when clicking the image
[img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
step 1 paste this on top of your js file
<"> step 2 paste this on your Onload Handler
[spoiler]var code="<div id=\"contentWrapper\"><div id=\"header\"><div id=\"navcontainer\"><ul id=\"navlist\">"+
"</ul></div>"+
"<div id=\"subheader\"><a href=\"http://andyblanchard.com/galleries/andyblanchard/album/res/info.html\" rel=\"width:425,height:425\" class=\"mb\" title=\"Skin Info\">Info</a></div></div><div id=\"imageflow\">"+
"<div id=\"loading_bar\">"+
"<b>Loading images</b><br/>"+
"<img src=\"http://img135.imageshack.us/img135/4224/57705062uk0.gif\" width=\"208\" height=\"13\" alt=\"loading\" /></div>"+
"<div id=\"images\">"+
"<a href=\"[b]Image link 1[/b]\" id=\"mb0\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 1[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb0\"></div>"+
"<a href=\"[b]Image link 2[/b]\" id=\"mb1\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 2[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb1\"></div>"+
"<a href=\"[b]Image link 3[/b]\" id=\"mb2\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 3[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb2\"></div>"+
"<a href=\"[b]Image link 4[/b]\" id=\"mb3\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 4[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb3\"></div>"+
"<a href=\"[b]Image link 5[/b]\" id=\"mb4\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 5[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb4\"></div>"+
"<a href=\"[b]Image link 6[/b]\" id=\"mb5\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 6[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb5\"></div>"+
"<a href=\"[b]Image link 7[/b]\" id=\"mb6\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 7[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb6\"></div>"+
"<a href=\"[b]Image link 8[/b]\" id=\"mb7\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 8[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb7\"></div></div>"+
"<div id=\"captions\"></div>"+
"<div id=\"scrollbar\"><div id=\"scrollbarPrev\"><img src=\"http://img403.imageshack.us/img403/5238/34600274wy6.png\" alt=\"previous\" onclick=\"MM_callJS('handle(1)')\" /></div>"+
"<div id=\"slider\"></div>"+
"<div id=\"scrollbarNext\"><img src=\"http://img151.imageshack.us/img151/3432/41507885tl4.png\" alt=\"next\" onclick=\"MM_callJS('handle(-1)')\" /></div></div>"+
"</div>"+
"</div>";
addBox("LEFT","My Gallery",code,"div_27","null");[/spoiler]
just edit the bold parts
recommended size for [b]thumbnail[/b] [b]200 x 195[/b] pixels
if you want to add more images just add this
[quote]"<a href=\"[b]Image link 9[/b]\" id=\"mb[b]9[/b]\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 9[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb[b]9[/b]\"></div>"+[/quote]
and so on & so fourth
step 3 paste this, at the bottom of your js file
<">that's it your done
preview http://profiles.friendster.com/62346457 (click the image to see the effect)
credits [b]http://jalbum.macosxsupport.com[/b]
Last edited by simpleMe (2008-11-12 22:34:03)
 |
- paynosaj
- » n00b
- 29
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
wow 1st to comment. .
thnx 4 sharing. . .
i really love ur works. ..
keep it up. . .
|
- hello9055
- » FTalkGeek
- 1387
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
2nd 2 commment, thx 4 sharing! i really like it 
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
[b]seen it from dload... site.. thanks 4 sharing...[/b]
|
- chardlau
- » n00b
- 38
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
another mootools trick. applying this method really needs patience like resizing images for thumbnails and uploading images and it will takes more time to load if you have low internet speed. overall,..this trick will make you ROCK!
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
[quote=---xXirukiTepe---]seen it from dload... site.. thanks 4 sharing...[/quote]
yah
[quote=chardlau]another mootools trick. applying this method really needs patience like resizing images for thumbnails and uploading images and it will takes more time to load if you have low internet speed. overall,..this trick will make you ROCK![/quote]
your ryt dude
im having hard tym in making this trick coz i did'nt used an [b]iframe[/b] on it so that the effect will be outside the box
[quote=chardlau]another mootools trick. applying this method really needs patience like resizing images for thumbnails and uploading images and it will takes more time to load if you have low internet speed. overall,..this trick will make you ROCK![/quote]
your ryt dude
im having hard tym in making this trick coz i did'nt used an [b]iframe[/b] on it so that the effect will be outside the box
Last edited by simpleMe (2008-08-08 03:25:49)
|
- mabuhay
- » FTalkManiac
- 849
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
haha, another trick again from my idol
thanks 4 sharing
thanks 4 sharing
|
- arcatari
- » FTalkElite
- 5370
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
wow.... 
it's very amazing my broth..
thanx for sharing.
i'm very like this.
it's very amazing my broth..
thanx for sharing.
i'm very like this.
|
- Yellow Flash
- » Banned
- 1781
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
...
Last edited by Yellow Flash (2009-06-04 09:41:20)
|
- gumscumbag
- » FTalker
- 113
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
thanks its cool.
but, i suggest to increase z-index of .MultiBoxContainer, so it will overlaping friendster Navigation bar.
maybe give more than 50000 .gif)
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
[quote=mabuhay]haha, another trick again from my idol
thanks 4 sharing [/quote]
your welcome bro
[quote=arcatari]wow....
it's very amazing my broth..
thanx for sharing.
thanks for liking it
i'm very like this. [/quote]
thanks for liking it dude
[quote=Yellow Flash]bwahahaha... nc trick bro.. "dahil malakas ka saken" +repu for u!!!! 
[/quote]
thanks bro
[quote=gumscumbag]thanks its cool.
but, i suggest to increase z-index of .MultiBoxContainer, so it will overlaping friendster Navigation bar.
maybe give more than 50000 [/quote]
thanks for reminding me dude
thanks 4 sharing [/quote]
your welcome bro
[quote=arcatari]wow....
it's very amazing my broth..
thanx for sharing.
thanks for liking it
i'm very like this. [/quote]
thanks for liking it dude
[quote=Yellow Flash]bwahahaha... nc trick bro.. "dahil malakas ka saken" +repu for u!!!! [/quote]
thanks bro
[quote=gumscumbag]thanks its cool.
but, i suggest to increase z-index of .MultiBoxContainer, so it will overlaping friendster Navigation bar.
maybe give more than 50000 [/quote]
thanks for reminding me dude
Last edited by simpleMe (2008-08-08 10:34:32)
|
- Afzulnizam
- » SuperFTalker
- 8122
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
nice trick again simple me
keep on sharing...
i try this later because my ripway problem 
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
[quote=AFZULNIZAM]nice trick again simple me
keep on sharing...
i try this later because my ripway problem [/quote]
happy tweaking dude
[/quote]
happy tweaking dude
|
- sliprock
- » n00b
- 17
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
dude ,i have a problem..my css was affect by image flow..help how to insert that in my js..kindly check my js..
<">
Last edited by sliprock (2008-08-31 11:13:12)
|
- cklahrckiey
- » FTalkFreak
- 1891
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
number one requirement :[b] patience[/b]
nice work again bro...hehehe...
green colored button on the way 
nice work again bro...hehehe...
green colored button on the way
|
- saiEmo
- » n00b
- 9
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
[quote=sliprock]dude ,i have a problem..my css was affect by image flow..help how to insert taht in my js..[/quote]
add this
<">
<">
|
- sliprock
- » n00b
- 17
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
[quote=saiEmo]var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "http://www.stormpages.com/tax801/style.css"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css); var tax = document.createElement("script"); tax.type = "text/javascript"; tax.src = "http://www.stormpages.com/tax801/pngfix.js"; document.getElementsByTagName("head")[0].appendChild(tax); var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "http://www.stormpages.com/tax801/multibox.css"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css)[/quote]
Dude I followed what you said , still i cant see the image flow? woot..
|
- marfillaster
- » FTalkAddict
- 300
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
<">equivalent to
<">
|
- lizzie9201
- » FTalkAddict
- 476
- 0
- 1969-12-31
Re: screenshoots :thumbsdown: [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image :thumbsdown: [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img]
wow.. nice trick..
thanks for sharing..
i'd like to try this one..
|