Archive

‘視覺設計’ 分類過的Archive

Apple iCloud icon 的製作教學

2011年6月9日 尚無評論

Apple iCloud icon 的製作教學

 

Photoshopping iCloud Style Aluminium Icons (@photoguides) from Ash Davies on Vimeo.

Categories: 視覺設計 Tags: , ,

查詢特殊字元編碼(fileformat.info)

2011年3月1日 尚無評論

網頁上有時要打特殊字元時必須要輸入特別的編碼才能夠讓瀏覽器辨別,例如一般常需要用到的版權這個符號 © ,其實他必須輸入在HTML的語法上是 "©",但我們怎麼知道其它許多特殊字元的編碼呢?

這個網站就能幫我們了,只要先在Word上打出想要的符號,然後複製字元代碼

複製字元代碼

再到這個網站

貼上00A9 查詢

貼上00A9查詢

就能找到相關的資訊,我們看到第一筆點進去看

找到第一筆

他有很多編碼方式我們網頁要用的就是紅色框起來的這種,後面就是它的編碼

編碼

複製他後方寫的 "©" 貼進HTML內就能正確讓瀏覽器顯示了。

3種jQuery UI Dialog取值、賦值的範例

2010年12月9日 尚無評論

由於使用jQuery UI Dialog時,必須將頁面上的值傳送到隱藏的Dialog表單,通常使用時都是在這裡出錯,例如取不到列表上的值,或是取值方法不對,或是取到值卻放不進隱藏表單的input欄位,這樣就無法執行寫入或更新了。

參考資料:

http://www.oncoding.cn/2009/jquery-input-value/

Categories: Javascript, jQuery, jQuery UI Tags: ,

解決圖層被Flash擋住的終極方法

2010年11月10日 尚無評論

如果網頁上有 Flash 的話,往往 Flash 會把彈出的圖層或是使用jQuery dialog彈出的視窗給擋住,(FF除外,IE6,7,8均出現被擋情況)

解決辦法就是給Flash設置透明的參數:wmode="transparent"。

並在 embed 標籤中設置 wmode="transparent"

如果使用 AC_FL_RunContent,可以加多一對參數 'wmode','transparent' 即可。

如:

<script type="text/javascript">
AC_FL_RunContent( 'codebase',
'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0',
'width','741','height','230','src','../swf/s_banner','quality','high','pluginspage',
'http://www.macromedia.com/go/getflashplayer','movie','../swf/s_banner',
'wmode','transparent'); //end AC code
</script>

如果還是有問題,可以嘗試給 Flash 外面增加一個 DIV 標籤,並給他設置 z-index:0; 的樣式即可。

一個很棒的網頁構圖概論

2010年10月31日 尚無評論

網頁給人最直觀的感受就是它的頁面框架與構造,就像一座大樓的主體框架與形態,你可能記不起東方明珠塔和艾菲爾鐵塔是用什麼顏色或什麼材料塗的外牆,但我想你一定記得起它們的什麼樣的形狀。 同樣,網頁設計中的構圖也足以影響到整個網站給人的感受,雖然比喻並不十分恰當,但就網頁其構圖而言,些許的改變和簡單的創新也許就能起到事半功倍的效果,讓網站給人的視覺感受耳目一新。

如何將網頁這座樓蓋的漂亮? 以下就例舉一些在網頁設計上能起到事半功倍的構圖技巧。 個人拙見,希望能夠拋磚引玉。 閱讀全文...

Categories: 視覺設計 Tags: