圖片式頁面



Ta-Da-Yi-Ma XD 我回來了 :P。開學了,也慢慢沒有時間更新了囧 /w\ , 現在只能夠用早上的時間來更新罷了 >< XD 而且中二的東西要學很多不懂神馬東西 /w\ 尤其是數學和科學,我想會拿了老子的命 (? XD

不多說 XD 看上面的預覽圖 :P 那個就是今天要教的圖片頁面 XD 不一定要這樣排列的,只是純粹看你的圖片大小而訂 :P

Notice :
* 把每張圖片裁剪成一樣的大小才來弄,不然每張圖片的那個尺寸不齊就不美了。
* 請先記錄好那些頁面的網址。

開始 :P

登入博客 - 信息中心 - 佈局 - 添加HTML/Javascript

然後把這個代碼 Copy & Paste 在那個添加 HTML / Javascript 的內容里。


<center><a href="網址1" title="標題 1"><img src="圖片網址 1" /></a>
<a href="網址 2 " title="標題 2"><img src="圖片網址 2" /></a>
<a href="網址 3" title="標題 3"><img src="圖片網址 3" /></a>
<a href="網址 4 " title="標題 4"><img src="圖片網址 4" /></a></center>

紅色字體 : 添加頁面的網址
黃色字體 : 標題例如 : Entries / Linkies / Stuffs 等等 :)
藍色字體 : 圖片的網址 XD ( 記得將圖片弄成同樣的大小 :) )

小提示 :

* 那個如果是新手應該不知道標題是類似什麽的 ? 那個就是你指向那些圖片的時候它就會標明這個是什麽頁面這樣 :)

例如 :

紅色框框的就是那個標題 :) 

* 如何添加多幾個圖片頁面 ?

就只是在最後一個 </center>  的前面哪兒添加多幾個這個代碼

<a href="網址 5 " title="標題 5"><img src="圖片網址 5" /></a>

例如 , 我要添加 5 個圖片頁面 :


<center><a href="網址1" title="標題 1"><img src="圖片網址 1" /></a>
<a href="網址 2 " title="標題 2"><img src="圖片網址 2" /></a>
<a href="網址 3" title="標題 3"><img src="圖片網址 3" /></a>
<a href="網址 4 " title="標題 4"><img src="圖片網址 4" /></a>
<a href="網址 5 " title="標題 5"><img src="圖片網址 5" /></a></center>

可以一直添加的說 XD 不過建議就是 4 個圖片鏈接就很足够了 :)

然後按保存 , 完成了 XD

- E N D -

没有评论: