小璇子の奇幻世界

記錄小璇子的設計、生活點滴...

三月 25, 2008

隨機更換部落格主圖

發現主圖有什麼不一樣嗎?
就是每次都會隨機更換部落格主圖!
猜猜看更換了幾張圖呢~


先參考以教學文章:
1. 自訂模版
2. [模版改造] 自訂模版修改要點

準備好若干主圖(最少二張,才看得出隨機更換的效果)


header.template 程式碼修改如下(請修改紅色字的部份):

<!-- <DIV id=banner> -->

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><div style="text-align: right;">

<script type="text/javascript">
var imgArray = new Array("圖檔1.jpg", "圖檔2.jpg", "圖檔3.jpg" );
var imageFile = imgArray[Math.floor(Math.random()* 圖檔張數)];
document.write(' <td height="圖檔高度" valign="top" background="{$url->getUrl("/$blogtemplate/images/" )}" , imageFile , '" border="0" />');
document.write('');
</script></div>

<H1 class="blogtitle"><A accessKey="1" href="{$url->blogLink()}">{$blog->getBlog()}</A></H1>
<DIV class=description>{$blog->getAbout()}</DIV>

</td>
</tr>
</table>


發佈者: 蔡明璇 ( 小璇子 ) at 00:00  點閱次數(281) │ 修改文章管理迴響迴響 (6)教學相關
回應文章

1

我試過
換了3張是吧 :)

Posted by 小勳 at 25/03/2008, 00:03

2

不是3張哦...再試試看... :)

Posted by 明璇 老師 at 25/03/2008, 00:52

3

呵呵 :D

換了5張嗎??

Posted by 小勳 at 25/03/2008, 20:42

4

老師真可說是部落格設計達人,每次上來都有新的收穫,我真的好想跟老師挖寶,一次挖個夠!
明璇老師、阿杰老師,您們有夠棒!!! ;)

Posted by 小文子 at 26/03/2008, 06:55

5
好羨慕哦

真得是棒呆了,明旋老師有夠厲害的,超級佩服!!
想問一下在圖檔高度的部份,是要修改成325嗎?還是要參考其他數值呢?
好想自己也試ㄧ試!!

Posted by ㄚ銘 at 22/04/2008, 20:58

6

圖檔高度不一定是325哦!
數值要看自己的主圖高是多少像素~ :)

Posted by 明璇 老師 at 22/04/2008, 22:05
(必要)
authimage
Bold Italic Link

:);)O:):'(:*:(:P:S:O:D