图片
Weebly的選單非常不錯,有下拉式的功能,但是美中不足的是,在同一個頁面中僅能顯示單一個選單!

如果客戶有一個類別的文章,想要在頁面中出現,怎麼辦呢?

有了左側的選單,在同類別文章的讀取上會提高方便性。


Slider Revolution!

3/21/2013

 
图片
首頁的輪播器更新為Slider Revolution 2.3!

功能很多,設定也很複雜,當然最困難的事情不是這些


 
Weebly 可以自訂單頁的外掛功能,就在頁面中直接寫自訂HTML
  如Tabs等效果
自訂多頁相同外掛,可以用頁面中進階功能,可以在指定頁的Head中插入外掛內容
  如Slide等
自訂版型外掛,可以新增一個版型,寫入在版型中。
  如頁面插入選單的版型外掛
自訂全站的外掛,可以放在設置裡面的head內容中
  如JQury主碼或自訂CSS
 
嘗試在Weebly裡面用Jquery做個fade效果的tabs,使用.load()載入指定的頁面內容
計畫為
上層div隱藏,下層為內容
上層div載入新內容
fade顯示上層div
下層div載入新內容
隱藏上層div

 
图片
好像網站都有頁腳,Weebly在自訂頁腳上是要升級帳號才能使用。

各處有高人介紹用visibility:hidden把weebly的頁腳隱藏,

但是他會占位子,所以我在版型設定中用以下把Weebly的{footer}包起來


 
图片
我使用了Nivo Slider來執行輪播的工作,因為Weebly的輪播要升級帳號才能使用,而且也是使用Nivo Slider,不知道會不會被抓到。

我開了一個隱藏的頁面放置要輪播的內容,所以要改內容的時候只要修改這個頁面的內容即可。

首頁我使用了Jquery載入這個隱藏頁面,然後使用Nivo Slider執行輪播。

在頁面資料未載入完成的時候,Nivo Slider的執行會有問題。

接下來思考如何改善資料載入的速度與調整Nivo Slider的執行時間。

 
图片
這個免費網站的首頁有背景輪播了!

我參考Weebly Forums的作法,使用了名為backstretch的 Jquery 元件。

現在要改輪播的內容比較困難,要改到版型,所以下階段要把背景輪播簡單化!