joomla網頁主要是由樣板html及後台資料所組合而成的，可先由photoshop、Dreamviewer等軟體製作好畫面並切好成一區塊一區塊的的，再由joomla Module來控制輸出資料狀況，這就是樣板樣生成網頁的方式。
Joomla安裝完成後會有幾個樣板範例，可由這幾個範例來做延伸，下圖是安裝完後的首頁內容。
可以把網頁內容分成數個區塊，每一個區塊的資料都是由joomla的module對應所產生的內容。
標籤: html
自動產生隱藏iframe AutoCreateIframe
之前有寫過一個自動產生隱藏iframe的方法，不過好像沒有讓它支援所有瀏覽器，在IE系列好像因為安全性問題，並不會建立成功，所以把原本使用createElement來建立iframe，而改成在ie裡使用
var frame = document.createElement("<iframe name=\"_hiddenframe\">");
因為在IE裡create IFrame時，並不能指定他的name屬性，不過很有趣的一件事，在IE9時，這規則又被打破了，如果強行使用上面方法會出現以下錯誤：
DOM Exception:INVALID_CHARACTER_ERR(5)
All in One SEO中文描述Descriptions支援問題解決方法
wordpress的外掛All in one SEO不知道在幾版後突然就對繁體中文的支援度降低了(消失?)了，在options裡設定自動取得meta descriptions對於中文文章並不會有作用，而且英文字詞間是以空白做為分格與中文字連續沒有分格不同，像是”Hello World !”與”哈囉世界!”，在取descriptions就會有明顯有問題。
搜尋了一下資料找到了一個解決方式，如下：
1.先到外掛編輯器
2.選擇要編輯的外掛All in One SEO Pack，然後按下選取，選擇All-in-one-seo-pack/aioseop.class.php這個檔案。
[jQuery]照片展示animate左右及上下移動
在前一篇[jQuery]利用animate來製作左右移動圖片展示器有利用jQuery來製作Animate效果，來製作左右移動圖片的照片或產品展示器，不過就只能針對同種分類或同性資的照片來做效果，如果有多種分類照片或產品就需要再做一份一樣的內容，這裡提供一個解決的方案，再做一次Animate，不過這次是上下移動來選擇不同列的圖片（照片）資料。
不同分類的圖片，利用不同的ul來分開，然後在ul的前面再加上一個Div來做上下移動的框架，左右移動則是利用ul這個tag，當移動到那一列的框架，把index記錄起來，如此左移及右移按鈕才可針對目前列來做移動。
ul及img都有title這個屬性，所以利用此屬性來當上方分類名稱。
效果截圖如下：
[jQuery]利用animate來製作左右移動圖片展示器
這個範例應該有很多人做過了，十分實用，如果把圖片縮小些，然後再加上燈箱的效果，應該可以拿來當展示產品或是照片等資訊，這個範例的發想是由男丁格爾的範例[jQ]用 jQuery 做廣告 – 上下垂直選項式廣告輪播來做修改的。
jQuery-Animate-API用法animate({css內容},[速度(整數)],[easing(linear/easein)],[callback])
想法，外層利用一個Div框住要製作動畫的內容，設定css的position: relative;然後內層的資料都用position: absolute;來設定left及top的pixel，如此可以把元件浮在最外層Div框的相對位置。
需要二個按鈕，浮在左邊及右邊，設定動作向左移及向右移。
畫面如下：範例網址
img元件設定title屬性的話，那文字會顯示在圖片下方一條bar上
