- ARCHIVES
- » [b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
Pages: 1
[b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
- R-A-M-O-N-help
- » FTalker
148
0
1969-12-31
[b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
[b]credits[/b]:
Dynamic Drive
first, put this code on your media box
<"> then put this code on your css extension
[quote][b]code: [/b]
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:black;
background-image: url([b]http://www.narutowallpaper.biz/images/wallpapers/sasuke-uchiha-small.jpg[/b]);
background-color:black;
border:0.1px solid black;
z-index:8;
}
-->[/quote]
change the bold text with your image URL
third, put this code on your js extension
[quote][b]code:[/b]
/*
Boxing In Script-© Dynamic Drive (www.dynamicdrive.com)
For source code, installation instructions, 100's DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
//change speed here
var speed=[color=red]20[/color]
if (ns4){
var reference=window.innerWidth/window.innerHeight
var temp=eval("document.i1.clip")
temp.left=temp.top=0
temp.right=window.innerWidth
temp.bottom=window.innerHeight
}
else if (ie4||ns6){
var reference=ns6?parseInt(window.innerWidth)/window.innerHeight: document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=ns6?document.getElementById("i1").style:document.all.i1.style
topclip=leftclip=0
rightclip=temp.width=ns6?window.innerWidth*0.98:document.body.clientWidth
bottomclip=temp.height=ns6?window.innerHeight-2:document.body.clientHeight
}
function doit(){
window.scrollTo(0,0)
if (ns4){
if (temp.left>window.innerWidth/2)
clearInterval(stopit)
temp.left+=reference*speed
temp.top+=speed
temp.right-=reference*speed
temp.bottom-=speed
}
else if (ie4||ns6){
halfofbrowser=ns6?parseInt(window.innerWidth/2):document.body.clientWidth/2
if (leftclip>halfofbrowser){
clearInterval(stopit)
temp.display="none"
}
temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
}
stopit=setInterval("doit()",100)[/quote]
[b]Legend:[/b]
[color=red]red[/color]
[url=profiles.friendster.com/ramonhelp]PREVIEW[/url]
first, put this code on your media box
<"> then put this code on your css extension
[quote][b]code: [/b]
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:black;
background-image: url([b]http://www.narutowallpaper.biz/images/wallpapers/sasuke-uchiha-small.jpg[/b]);
background-color:black;
border:0.1px solid black;
z-index:8;
}
-->[/quote]
change the bold text with your image URL
third, put this code on your js extension
[quote][b]code:[/b]
/*
Boxing In Script-© Dynamic Drive (www.dynamicdrive.com)
For source code, installation instructions, 100's DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
//change speed here
var speed=[color=red]20[/color]
if (ns4){
var reference=window.innerWidth/window.innerHeight
var temp=eval("document.i1.clip")
temp.left=temp.top=0
temp.right=window.innerWidth
temp.bottom=window.innerHeight
}
else if (ie4||ns6){
var reference=ns6?parseInt(window.innerWidth)/window.innerHeight: document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=ns6?document.getElementById("i1").style:document.all.i1.style
topclip=leftclip=0
rightclip=temp.width=ns6?window.innerWidth*0.98:document.body.clientWidth
bottomclip=temp.height=ns6?window.innerHeight-2:document.body.clientHeight
}
function doit(){
window.scrollTo(0,0)
if (ns4){
if (temp.left>window.innerWidth/2)
clearInterval(stopit)
temp.left+=reference*speed
temp.top+=speed
temp.right-=reference*speed
temp.bottom-=speed
}
else if (ie4||ns6){
halfofbrowser=ns6?parseInt(window.innerWidth/2):document.body.clientWidth/2
if (leftclip>halfofbrowser){
clearInterval(stopit)
temp.display="none"
}
temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
}
stopit=setInterval("doit()",100)[/quote]
[b]Legend:[/b]
[color=red]red[/color]
[url=profiles.friendster.com/ramonhelp]PREVIEW[/url]
Last edited by R-A-M-O-N-help (2008-07-28 01:54:41)
 |
- dekha_21
- » FTalkManiac
- 793
- 0
- 1969-12-31
Re: [b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
wow,, neat trick..
i will try thiz...
btw, what the size of photos should i put?
|
- R-A-M-O-N-help
- » FTalker
- 148
- 0
- 1969-12-31
Re: [b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
[quote][b]dekha_21 wrote:[/b]
wow,, neat trick..
i will try thiz...
btw, what the size of photos should i put?[/quote]
no need to put size bro...
|
- R-A-M-O-N-help
- » FTalker
- 148
- 0
- 1969-12-31
Re: [b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
[quote][b]bobcbar wrote:[/b]
It is not showing on ur preview I use IE7:o[/quote]
sir its only works on ff...look at the title of this post....
|
- R-A-M-O-N-help
- » FTalker
- 148
- 0
- 1969-12-31
Re: [b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
-----codes updated-----
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: [b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
[b]Nice sharing again. But can't see the trick..
in yar prev.[/b]
|
- R-A-M-O-N-help
- » FTalker
- 148
- 0
- 1969-12-31
Re: [b]credits[/b]: Dynamic Drive :arrow: first, put this code on your media box [code]<div id="i1" class="intro"></div>[/code] :arrow: then put this code on your css extension [quote][b]code
[quote=Hoshigaki]can`t see the preview even i`m using FF browser[/quote]
sorry sir..i updated now my preview...
|
