2011年4月27日 星期三

CSS修改upload介面

最近因為工作的關係,幾乎把所有input的樣式修改都練了一遍,其中最麻煩的是修改upload的樣式,因為upload的樣式在各家瀏覽器長的都不一樣。

228519_1924209034719_4395893_n

而且基本上css也沒辦法直接定義upload的樣式,所以就需要使用別的方法來處理。

簡單的說要先準備一個text跟一個button,這個樣式可以修成我們想要的樣子。

215988_1924208954717_5758102_n

之後準備一個upload的元件,然後讓他跟上面的text跟button重疊,並把透明度設為0。
IE:filter:alpha(opacity=0); , 其它:opacity:0;
重疊的話就使用position吧。

之後雖然是點假的text欄位,卻會出現upload選取檔案的視窗。

最後再用javascript把upload的值傳到text就可以了。
function setText(ob,name){
document.getElementById(name).value=ob.value;;
}

在upload使用
onchange="setText(this,'id');"
參考資料
Read more

2011年4月25日 星期一

clearfix- 消除float的效果

218164_1919444715614_5738003_n

一般在寫CSS的時候,寫了float效果,有經驗的都知道一定要在後面加上一個消除float的命令,可能是加在下一個元件上,也有許多是寫成像上圖一樣,用一個空的div,裡面加上clear:both就可以消除float的效果。

還有一個方法是使用虛擬的:after,在有float的元件後,加上一個clear:both,也可以消除float的效果,有興趣的可以試試看。
#content:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
Read more

2011年4月21日 星期四

表格資料內容排序 tablesorter

208763_1911823525089_3021469_n

今天又來介紹jQuery的外掛啦,這次是如果有需要做一個表格的話,有時候應該會希望像excel一樣,可以讓他自動去做一個遞增、遞減排序的功能,jQuery就有一個好用的外掛Table Sorter,直接引用就可以點擊table的title部分讓表格資料自動排序了,很方便吧,有需要的話就試試看吧。

點我觀看效果
Read more

HTML的meta標籤

html的檔案,幾乎都會有meat的標籤,雖說不會影響到網站的內容,可是卻可以告訴搜尋引擎一些訊息,這邊也稍微做一下筆記的整理。

name是用來描述網頁,常用的有以下這些:

1.<meta name="author" content="作者姓名">
描述網站(頁)的作者。
2.<meta name="description" content="網站簡述">
描述網站(頁)主要內容簡述。
3.<meta name="keywords" content="網站關鍵字">
描述網站(頁)主要的關鍵字。
4.<meta name="generator" content="Notepad">
描述網站(頁)的編輯工具。
5.<meta name="copyright" content="宣告著作權">
描述網站(頁)的網頁版權。
6.<meta name="distribution" content="Taiwan">
描述網站(頁)的發佈地。
7.<meta name="robots" content="all:none:index:noindex:follow:nofollow">
其中的屬性說明如下:
設定為 all:HTML 檔案將被檢索,且頁面上的鏈結可以被查詢。
設定為 none:HTML 檔案將不被檢索,且頁面上的鏈結不可以被查詢。
設定為 index:HTML 檔案將被檢索。
設定為 follow:HTML 檔案頁面上的鏈結可以被查詢。
設定為 noindex:HTML 檔案將不被檢索,但頁面上的鏈結可以被查詢。
設定為 nofollow:HTML 檔案將不被檢索,頁面上的鏈結可以被查

Read more

2011年4月20日 星期三

Flash AS 3.0控制外部MovieClip

最近因為一個案子的關係,本來想說把影片都放在同一支flash裡面,到時只要做子母Movieclip間的影片控制就好了,可是後來實在是內容太多,搞到我的flash一直狂當,只好去研究別的方法。

後來決定把內容給拆開,分成一個一個的swf檔案,再用一個主要的flash去把分開的內容呼叫進去,也因為這樣必須去控制外部的Movieclip,研究一下覺得還蠻簡單的,以後就都可以這樣用了。
var ldr:Loader=new Loader();
var url:String = "1.swf";
var mc:URLRequest = new URLRequest(url);
//載入外部movieclip
ldr.load(mc);
addChild(ldr);

之後只要在將loader宣告為MovieClip就可以控制他的動作了
var tmp:MovieClip=ldr.content as MovieClip;
tmp.gotoAndStop(2);
Read more

2011年4月19日 星期二

火紅版行動天氣

行動天氣(紅)

離開天氣風險前做的最後一件事,就是完成行動天氣的改版,版面其實是上次要上S市集的時候就有設計出來了,只是那時候大家不能接受紅色的版面,這次因為想讓大家一看到就知道有改版,所以就把這個紅色版本拿出來稍微修改一下,能夠讓他重見天日真是令人開心。

除了版面的改變外,功能也有修改,天氣預報從五天變成七天,而且只要在螢幕上下滑動就可以切換地點。

行動天氣(紅)
影音播報現在會自動擷圖,不會再是一成不變的預覽圖了。

行動天氣(紅)
預報資料也換掉即時測報,改用雷達回波跟累積降雨圖。

行動天氣(紅)
行動天氣(紅)

天氣鬧鐘跟八號球的功能也都保留,有興趣的可以試試看。

離開天氣風險後,還有一些其他的天氣軟體的想法,最近也會付諸實現,請大家期待。
Read more

2011年4月14日 星期四

咪醬的歡樂假期1.0版正式登場囉



經過了一陣子的改版後,總算把咪醬的更新版給推出了,雖說是更新版,不過我們的工程師Neko可是花了很多精神把整個架構重新拆開來重做喔,優化就不用講了,背景也有三個可以選擇,我們也把相關的icon都換過,另外也有詳細的使用說明,有Andorid的朋友都可以去下載來玩看看喔。

咪醬的歡樂假期
記得要使用的話要到動態桌布的設定那邊去切換。

現在安裝後會在程式及那邊看到咪醬的介紹,點進去會長個樣子,很可愛吧。
咪醬的歡樂假期
Read more

2011年4月10日 星期日

傳說中的江老師

216445_1888991794310_6707055_n

今天去上課的時候,發現櫃檯坐的是一個新人,跟以前一樣的是新來的都會以為我是學員,都要跟他們解釋我是老師,打完卡後他就說以後會記住我。

下午的時候來了午班的人,也是說我看起來很年輕,問了我是誰後,就講了一句"原來你是傳說中的江老師",我問她什麼意思,她就說"傳說中很會教的江老師",其實我一直希望我可以教的好是真的,過了年櫃檯的人幾乎全變了,至少這次有正妹。
Read more

2011年4月6日 星期三

大聲說愛! 分享你與媽咪的幸福記憶

大聲說愛

這次幫La new趕出來的活動頁面,總共花了兩天製作跟兩天修改,本來想全部都自己來,不過後來還是請朋友幫忙,有些資料可以寫入跟自己接了,不過有些bug跟要趕工的地方,還是需要有經驗的人來幫忙。其實像這樣合作真的還挺不錯的,最近換了新工作,也發現不是什麼事情都要自己來就是好事,能夠有一個好的團隊才是更棒的,畢竟每一行都是學問阿..

大聲說愛
這邊有用javascript作一些判斷。
Read more

2011年4月2日 星期六

是的 我離開天氣風險了

因為一些原因,我離開了前前後後待了四年多的天氣風險,本來也只是想去別的公司看看,畢竟從頭到尾都在同一家公司本來就不是我想要的事情,我更喜歡的是去認識各個產業的人在做什麼,所以也曾經想過去從事業務相關的工作,雖然一般接案子也多少有這種味道,可是接案子做的還是用自己熟悉的方式做事,去別家公司看看別人的運作我想也是一種學習。

這次離開有點匆促,也有點峰迴路轉,雖然也有朋友跟我說"千萬不要去"(笑),可是我還是想到別的地方看看,去的地方也是做研發的地方,最近發現會美工加上會一些程式還真的蠻有些優勢的。

其他就一切隨緣吧,不過我照片看起來還真胖...
Read more

2011年4月1日 星期五

舞台背板

舞台背板算是如果有活動就會有機會要做的東西,大致要注意的東西就是不會畫的太複雜,另外都會用AI來完稿,因為畢竟背板少說都有幾公尺的長寬,用AI完稿的話只要注意比例就可以了。

世界地球日
行動標章
背板
飲料杯減量 環保百分百

東西不多,而且我設計完也幾乎都沒看過輸出後的樣子。
Read more
Related Posts Plugin for WordPress, Blogger...