[外掛]美化PHPBB首頁=櫻花紛飛

MODs Released by Other phpbb Sites
非官方認證通過之 MOD ,或許有安全性之疑慮,所有問題由原發表者回覆!

版主: 版主管理群

主題已鎖定
小邪楓
星球公民
星球公民
文章: 63
註冊時間: 2002-04-19 19:59
來自: 台北士林
聯繫:

[外掛]美化PHPBB首頁=櫻花紛飛

文章 小邪楓 »

打開風格的index_body.tpl
找一個地方塞下這段程式碼:

代碼: 選擇全部

<SCRIPT Language="JavaScript">
//Pre-load your image below! 
grphcs=new Array(6) 
Image0=new Image(); 
Image0.src=grphcs[0]="d-254.gif";  //指定這個特效所用的圖片 
Image1=new Image(); 
Image1.src=grphcs[1]="d-254.gif"  //指定這個特效所用的圖片 
Image2=new Image(); 
Image2.src=grphcs[2]="d-266.gif"  //指定這個特效所用的圖片 
Image3=new Image(); 
Image3.src=grphcs[3]="d-266.gif"  //指定這個特效所用的圖片 
Image4=new Image(); 
Image4.src=grphcs[4]="d-254.gif"  //指定這個特效所用的圖片 
Image5=new Image(); 
Image5.src=grphcs[5]="d-266.gif"  //指定這個特效所用的圖片 

Amount=4; //Smoothness depends on image file size, the smaller the size the more you can use! 
Ypos=new Array(); 
Xpos=new Array(); 
Speed=new Array(); 
Step=new Array(); 
Cstep=new Array(); 
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){ 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); 
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); 
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){ 
 Ypos[i] = Math.round(Math.random()*WinHeight); 
 Xpos[i] = Math.round(Math.random()*WinWidth); 
 Speed[i]= Math.random()*5+3; 
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fall(){ 
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; 
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; 
for (i=0; i < Amount; i++){ 
sy = Speed[i]*Math.sin(90*Math.PI/180); 
sx = Speed[i]*Math.cos(Cstep[i]); 
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Ypos[i] > WinHeight){ 
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){ 
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){ 
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
} 
Cstep[i]+=Step[i];
}
setTimeout('fall()',10);
}

window.onload=fall
</SCRIPT> 
圖檔圖檔
將這兩個圖片存在風格目錄底下就ok了....
==================
此外掛未經測試...記得要備份檔案喔~我不保證一定可以
把這個檔案存成html就可以看到範例了 :oops:
DannyJ
風格研究教授
風格研究教授
文章: 40
註冊時間: 2002-04-10 20:32
來自: 第一星區.地球
聯繫:

文章 DannyJ »

這個以前玩過..

改成雪花結晶的圖案也很棒喔.. :mrgreen:

適合冬天的主題 ..
歸隱山林的設計師-_-
beowolf
竹貓好朋友
竹貓好朋友
文章: 267
註冊時間: 2002-04-11 21:23
來自: 竹貓東京分局
聯繫:

文章 beowolf »

我不行耶.. 好奇怪..

也試著放overall_header.tpl..也不行..
兩個圖片存在風格目錄底下就ok了.... 你是說subSilver下吧..

沒錯ㄚ.. 可是什麼都沒有出來..
圖檔2014新作-達人聯盟

斷斷續續玩了12年的phpbb. 真的看不上別的論壇啊..
小邪楓
星球公民
星球公民
文章: 63
註冊時間: 2002-04-19 19:59
來自: 台北士林
聯繫:

文章 小邪楓 »

這是java+html
應該可以用吧 :oops:
丹尼j也說可以用啊=..=
小邪楓
星球公民
星球公民
文章: 63
註冊時間: 2002-04-19 19:59
來自: 台北士林
聯繫:

文章 小邪楓 »

圖片路徑有放對就好了不然會向這樣圖檔
一個x喔
一個x飄來飄去很醜

你先存成htm看看有沒有問題 如果沒有的話 就是你+錯嚕
beowolf
竹貓好朋友
竹貓好朋友
文章: 267
註冊時間: 2002-04-11 21:23
來自: 竹貓東京分局
聯繫:

文章 beowolf »

普通html就可以用.. 套用在我的phpbb2上//就不行...什麼都花都看不到.
也沒有 破圖.. 是不是我用太多java script.. ?
還是不支援fiapple? 算了.. 不行的話.. 不過..剛測試後..好漂漂說..
圖檔2014新作-達人聯盟

斷斷續續玩了12年的phpbb. 真的看不上別的論壇啊..
頭像
jjhome99
星球普通子民
星球普通子民
文章: 19
註冊時間: 2002-06-12 14:37
聯繫:

文章 jjhome99 »

嗯..不錯ㄛ....備份起來以後加入...3Q分享ㄛ...
偶是小小小小小小小小小小小小小小小小小弟ㄛ~
大家記得要多多多多多多多多多多多多多關照ㄛ~
:D
klnaeler
星球普通子民
星球普通子民
文章: 2
註冊時間: 2002-08-11 01:46

文章 klnaeler »

ok 試出來囉
畫面美多了
Image0.src=grphcs[0]="d-254.gif"; //指定這個特效所用的圖片
我是直接指定路徑 入下
Image0.src=grphcs[0]="templates/subSilver/images/d-254.gif"; //指定這個特效所用的圖片
Image1=new Image();
再將圖圖丟下去 就行囉
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8535
註冊時間: 2004-04-30 01:54
來自: Taiwan

[分享]試裝心得

文章 心靈捕手 »

  1. 若要論壇所有頁面皆有此效果, 則只要將全部的 JavaScript 語法,
    寫入 overall_header.tpl 裡頭 <body> 之後, 即可.
  2. 若是更改圖片存放路徑, 則 JavaScript 語法中, 也必須更改相對路徑才行;
    預設, 圖片是在討論區根目錄底下.
  3. 若是將櫻花的圖片, 更改為雪花的圖片, 則一樣是可做出雪花紛飛的效果.
  4. 此 JavaScript 語法可塑性極高, 可以自行添加其他的圖片.
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
主題已鎖定

回到「非官方認證外掛」