今天下午突然手機響了,來電顯示是個不認識的電話0981361591,
接起來是位...應該是阿姨級的人物,劈頭就說:
「這裡是台新銀行XXX(沒聽清楚),小姐你有使用信用卡或現金卡嗎?」
雖然覺得丈二金剛摸不著頭腦,我還是回答她「有...啊」
於是她馬上連珠砲似的繼續說:
「那你付款的時候都是使用一次付清還是分期?」
身為一個小時候跟陌生人講話就被老爸毒打的好孩子(無誤),
雖然她講話沒有大陸腔,我還是很警覺的發問了:
「呃...我為什麼要告訴你?我沒有使用你們的任何服務耶。」
沒想到這位阿姨很快速的爆氣了:
「這是因為我們最近有個整合的服務...整合只有一家那就不叫整合了啊!!
要不要回答隨便你!!!=皿=!!!」
然後迅雷不及掩耳的掛了我的電話 =_____=
拎阿嬤咧!莫名其妙打電話來,講沒幾句就兇我還掛電話是怎樣!?
我有求你打電話給我嗎!!?
無言的發了一陣悶氣,還是決定向台新銀行反應,
這種垃圾電話實在應該禁止!特別是垃圾人打的!=皿=
再說如果台新銀行可以有個合理的回應,對他們的觀感應該可以恢復一點。
沒想到找到台新銀行的客服專區之後竟然發現「抱怨」類要在「上班時間」撥打「市話」才行,
想到可能得到的罐頭回應......實在不願意花電話錢來買!
又找了一下終於發現線上留言的表單,
洋洋灑灑的寫完來龍去脈,按下送出......
「網頁無法顯示」
.........靠腰!!!你耍我啊!!!!!!!!
總之我真的怒了!!一輩子都不想跟台新銀行有任何關係!!
最好不要再打這種機掰電話給我!!
台新銀行最懂女人心?屁!!!
難道不知道惹熊惹虎不能惹到恰查某嗎!!
真是夠了。=皿=
2010/08/26
2010/08/15
能通過W3C驗證的IE6、IE7 css hack要點
就在IE9 preview已經掀起討論風潮的現在,IE6、IE7仍然陰魂不散。
基於IE9不支援windows XP的原因,看來這個陰魂不散的情形還會持續很久很久..
本來很期望世人能夠看見IE6、IE7實在是已經該被淘汰的事實,進而升級或者使用其他瀏覽器,
但是昨天上班時處理了一則必須教會老伯如何使用某網站的客服......
講完將近一小時的電話後深深的感受到什麼叫做「數位落差」啊!!!orz
馬上讓我理解到要讓許多不熟悉電腦的使用者自己下載瀏覽器來用、甚至更新IE都是不可能的任務..
對於這個悲慘的現實也只能摸摸鼻子接受了。
然而要做IE6、IE7的css hack對於許多網頁設計師來說仍然是會造成粗口連連的工作,
剛好對這部份有些小心得,剛才查詢了一下也沒有什麼相關資訊,
索性就厚臉皮的分享一篇。
css reset
要寫出跨瀏覽器都能顯示一致結果的css,第一件事應該就是css reset了,
這部份很多人寫我就不多說,
最熱門的兩種就是YUI css reset和Eric Meyer的版本了,
我自己習慣使用的是使用Eric Meyer的版本再稍加修改,
畢竟別人做的東西雖然方便但未必完全符合自己需求,修改之後可以用得更順手。
能通過W3C驗證的IE6、IE7 css hack寫法
大部分的教學中都是使用*和_來達成css hack,
在css的屬性前面加上*可以達到IE7的hack,而加上_則可以擺平IE6,
用起來非常方便,
不過在IE8終於追隨W3C的規範之後會在意網頁究竟能不能通過驗證的人也愈來愈多,
偏偏*和_的寫法不能過驗證,
搜尋很多資料後才找到了可以通過的寫法:
在選擇器前面加上*:first-child+html可以針對IE7 hack,
而加上* html則可以針對IE6 hack,
如此便能通過W3C驗證。
ex:
*:first-child+html #side {
margin-right: 5px;
}/*--for ie7--*/
* html #side {
margin-right: 2px;
}/*--for ie6--*/
注意針對IE6使用的* html在*號後面有一個空白字元,若是忘記加上的話也沒有辦法過驗證喔!
float的使用
一開始要做需要IE6、IE7 hack的網頁時最頭大的就是使用float的部份常常會大爆炸!
經歷過那些一測試就發現整個網頁大爆炸的日子...真是可怕。
後來發現了幾個關鍵點,修正之後世界就突然變得美好許多XD
對我來說最容易爆炸的就是使用了float的列表,
html的部份是這樣:
<ul id="top_menu">
<li><a href="#">選項一</a></li>
<li><a href="#">選項二</a></li>
<li><a href="#">選項三</a></li>
<li><a href="#">選項四</a></li>
</ul>
以前我會傻傻的寫這樣的css:
#top_menu li a {
float: left;
display: block;
background: #cccccc;
width: 100px;
height: 30px;
line-height: 30px;
margin: 10px;
border: #333333 1px solid;
color: #666666;
text-align: center;
}
很開心的在fx看見它們長得就像我心裡想的樣子:

可是等我打開IE tester之後,卻崩潰的發現...

一開始想了很多方法都解決不了,腦袋很蠢的卡在點選範圍一定要寫在a上才能感應這件事情,
於是有一陣子都只好改用絕對定位來寫,
但是這樣必須把每個項目都加上id或class,真的好煩!
後來有一天才赫然發現可以這樣寫:
#top_menu li {
float: left;
}
#top_menu li a {
display: block;
background: #cccccc;
width: 100px;
height: 30px;
line-height: 30px;
margin: 10px;
border: #333333 1px solid;
color: #666666;
text-align: center;
}
僅僅是把float搬進li層,馬上就省下好多麻煩事!
不知道還有沒有跟我一樣傻傻的把float寫進a裡面結果為了大爆炸苦惱的人...可以參考參考。
另外就是IE6對於margin範圍的判斷異於常..瀏覽器,
大多在解決float問題後還會發生爆炸都是margin問題,
試著調整一下,若還不行的話就把寬高指定固定值,再搭配overflow: hidden;通常都能夠獲得解決。
然後就可以大罵一聲IE sucks!之後收工啦XD!
寫這篇文章看看能不能幫助一些跟我一樣只知道蠻幹亂寫又沒人可以救的人~
如果只有我這麼呆...那就當作我在自嗨好啦 : ~
還是希望IE6、7早日安息,阿們。
基於IE9不支援windows XP的原因,看來這個陰魂不散的情形還會持續很久很久..
本來很期望世人能夠看見IE6、IE7實在是已經該被淘汰的事實,進而升級或者使用其他瀏覽器,
但是昨天上班時處理了一則必須教會老伯如何使用某網站的客服......
講完將近一小時的電話後深深的感受到什麼叫做「數位落差」啊!!!orz
馬上讓我理解到要讓許多不熟悉電腦的使用者自己下載瀏覽器來用、甚至更新IE都是不可能的任務..
對於這個悲慘的現實也只能摸摸鼻子接受了。
然而要做IE6、IE7的css hack對於許多網頁設計師來說仍然是會造成粗口連連的工作,
剛好對這部份有些小心得,剛才查詢了一下也沒有什麼相關資訊,
索性就厚臉皮的分享一篇。
css reset
要寫出跨瀏覽器都能顯示一致結果的css,第一件事應該就是css reset了,
這部份很多人寫我就不多說,
最熱門的兩種就是YUI css reset和Eric Meyer的版本了,
我自己習慣使用的是使用Eric Meyer的版本再稍加修改,
畢竟別人做的東西雖然方便但未必完全符合自己需求,修改之後可以用得更順手。
能通過W3C驗證的IE6、IE7 css hack寫法
大部分的教學中都是使用*和_來達成css hack,
在css的屬性前面加上*可以達到IE7的hack,而加上_則可以擺平IE6,
用起來非常方便,
不過在IE8終於追隨W3C的規範之後會在意網頁究竟能不能通過驗證的人也愈來愈多,
偏偏*和_的寫法不能過驗證,
搜尋很多資料後才找到了可以通過的寫法:
在選擇器前面加上*:first-child+html可以針對IE7 hack,
而加上* html則可以針對IE6 hack,
如此便能通過W3C驗證。
ex:
*:first-child+html #side {
margin-right: 5px;
}/*--for ie7--*/
* html #side {
margin-right: 2px;
}/*--for ie6--*/
注意針對IE6使用的* html在*號後面有一個空白字元,若是忘記加上的話也沒有辦法過驗證喔!
float的使用
一開始要做需要IE6、IE7 hack的網頁時最頭大的就是使用float的部份常常會大爆炸!
經歷過那些一測試就發現整個網頁大爆炸的日子...真是可怕。
後來發現了幾個關鍵點,修正之後世界就突然變得美好許多XD
對我來說最容易爆炸的就是使用了float的列表,
html的部份是這樣:
<ul id="top_menu">
<li><a href="#">選項一</a></li>
<li><a href="#">選項二</a></li>
<li><a href="#">選項三</a></li>
<li><a href="#">選項四</a></li>
</ul>
以前我會傻傻的寫這樣的css:
#top_menu li a {
float: left;
display: block;
background: #cccccc;
width: 100px;
height: 30px;
line-height: 30px;
margin: 10px;
border: #333333 1px solid;
color: #666666;
text-align: center;
}
很開心的在fx看見它們長得就像我心裡想的樣子:

可是等我打開IE tester之後,卻崩潰的發現...

一開始想了很多方法都解決不了,腦袋很蠢的卡在點選範圍一定要寫在a上才能感應這件事情,
於是有一陣子都只好改用絕對定位來寫,
但是這樣必須把每個項目都加上id或class,真的好煩!
後來有一天才赫然發現可以這樣寫:
#top_menu li {
float: left;
}
#top_menu li a {
display: block;
background: #cccccc;
width: 100px;
height: 30px;
line-height: 30px;
margin: 10px;
border: #333333 1px solid;
color: #666666;
text-align: center;
}
僅僅是把float搬進li層,馬上就省下好多麻煩事!
不知道還有沒有跟我一樣傻傻的把float寫進a裡面結果為了大爆炸苦惱的人...可以參考參考。
另外就是IE6對於margin範圍的判斷異於常..瀏覽器,
大多在解決float問題後還會發生爆炸都是margin問題,
試著調整一下,若還不行的話就把寬高指定固定值,再搭配overflow: hidden;通常都能夠獲得解決。
然後就可以大罵一聲IE sucks!之後收工啦XD!
寫這篇文章看看能不能幫助一些跟我一樣只知道蠻幹亂寫又沒人可以救的人~
如果只有我這麼呆...那就當作我在自嗨好啦 : ~
還是希望IE6、7早日安息,阿們。
2010/07/04
彆扭狗的誕生
阿饅說,他想要一隻草泥馬。
身為一個(假裝)擅長縫紉的阿桑,當然二話不說的答應了。
可是我真的不知道要怎麼憑空生出一隻草泥馬來,
光要想怎麼畫紙型都想了老半天,
最後只好投降的去買了一本教學書:
裡面教了很多布偶的製作,還附上原寸紙型,
不過..當然沒有草泥馬。
只好先挑一隻狗來做做看,看能不能從中領悟出草泥馬的拆法。
費了一番功夫終於做好了,就像上面的圖片一樣,背影看起來還挺正常的。
側面好像也很正常,還蠻像隻狗的..
可是一翻到正面...
..........................................
這個彆扭的臉是怎麼回事!!
雖然我鼻子縫歪了,但那似笑非笑的表情是怎麼搞的啊!!!
看起來簡直是沒出息到了極點!!!
很懊惱的看了很久,
才發現我自顧自的縫上去的嘴...書上的狗並沒有縫啊...囧
不過萬念俱灰之下我也懶得拆了,就讓這隻彆扭狗繼續彆扭下去吧!
看之後會不會做出彆扭草泥馬,科科。
2010/06/22
秒妙的頭套生活

秒妙上上星期被我給抓去結紮了。
台北的醫院真的好貴啊!
比起在鄉下結紮的茂谷柑,硬是貴了超過一倍的價錢..
不過享受的也是尊爵的待遇,
茂谷柑當時跟做TNR的貓差不多,液體麻醉後縫了三針再在醫院待幾小時醫生就說「可以放出去了」,
畢竟是隻野貓,給牠穿了防舔衣讓牠跑進山裡後隔天就跑出來吃東西,再隔天就活跳跳了..
秒妙則是開氣體麻醉的高級刀,開完還住院..住院還打點滴..出院還得吃藥的貴族待遇,
總算可以回工寮後也被迫掛上大頭套,馬上變得很像鬱卒老人。

老實說掛頭套真的蠻難保持平衡的..常常會邊走路邊搖頭晃腦,
平常隨便就跳上去的地方也變得很難跳,
大部分時間都很悲情的趴在窗戶旁邊哀怨的看著我。

其實也試著想用透氣膠帶+布做個跟茂谷柑當時一樣的防舔衣,
不過這小妞真是太擅長脫衣服了..
不管怎麼做她都可以脫掉,
最後還是只好甘願的給牠頭套掛著,總比傷口被舔爛好。
但牠本人還是非常不爽的。

總之很努力的忍耐了一個多星期,
到最後牠似乎也練成了掛著頭套也可以跳上電視的技巧..

本來有想過考慮讓牠多戴幾天,看能不能因此達到重訓效果而養成神力..
可是某天牠因為難以在貓沙裡保持平衡而差一點便便在我的棉被上之後我真的嚇到了....
還好傷口復原得不錯,秒妙總算回復自由之身,因此還興奮了好幾天XD。
總之希望這輩子都別再掛上頭套了。嗯。
2010/06/09
阿桑的大褲褲

老實說這是我拖了很久很久很久才送的母親節禮物,
完全是因為老母很難討好+拿到大台縫紉機而冒出雄心壯志造成的奇怪結果..
雖然之前從來沒縫過衣服類的東西,
不過實在是想不到其他的供品了,只好買了一本書就開始蠻幹。
(附帶一提,布還真是有夠貴的..
買完布之後我都開始懷疑網路上賣一兩百元的衣服到底是怎麼做出來的了)
這就是我的參考書,
在書店翻它的時候覺得蠻像一回事的,之後就買了,
因為老母有著東方女性的梨形身材..特地挑了一件不合身機率比較小的阿桑大褲褲來做。
等到要開工打開了紙型才發現..哇靠!有沒有這麼難看懂啊!!
可能是為了省紙,竟然把整本書的一大堆紙型重重疊疊的印在兩張大紙上..
混亂的程度讓我連一邊用筆描都找不到哪一條才是我要做的線 =.=
而且好不容易描完兩大片紙型..竟然傻眼的發現兩片不一樣長!!?
這明明就是同一條褲管的前後片啊!!實在有夠靈異..
只好憑著阿桑的直覺豁出去的亂改..
改完也剪完布就開始縫了,
大縫紉機還沒用幾次,仍然陶醉在那驚人的效率之中,
沒想到得意忘形就這樣縫錯了...還縫錯了兩大條 T____T!!
省下來的時間全耗在拆線上了Orz
幸好身為一個阿桑,是不會被這種事情打敗的!!
總之最後還是縫完了,難搞的鬆緊帶也穿好了,
好不容易整個完成之後拿回家送給老母,心想這樣總是可以討好她了吧!
豈料她說:
「你這布邊一看就知道不是專業的。」
嘎啊!!
我就只有一個簡單壓腳是可以縫多專業啊!!!
連縫紉機都不會用的人打什麼槍啊!!!!!
我的一片苦心就這樣被糟塌了啊!!!
特地發篇文靠北一下,然後我要去下標買布邊壓腳了,哼。
2010/05/02
秒妙近況

傻貓秒妙和我同居已經快要一個月了,
最近終於開始認得我的腳步聲,會在我還沒進門時就開始喵喵叫。
也養成了非常規律(但很奇怪)的作息..
每天早上七點半就會起床開始做折返跑的運動...
拜牠所賜,最近完全沒有賴床的煩惱 orz
當然房間裡該被扯爛的東西也差不多都扯爛光了 = =;
(照片就是牠大小姐躺在我被扯爛的塑膠袋搜集堆裡面)
昨天帶牠回領養的醫院打預防針,醫生看到牠回來很高興,
可是一秤重才發現牠以別人的三倍速度在增大中!!囧!!!
我也只是餵醫生幫我選的乾糧啊Q___Q..希望只是因為牠正在長的關係..
不然等結紮之後還得了!!
而我完全進入瘋狂媽媽的狀態,三不五時就在逛寵物店..網拍..
然後一邊憨笑一邊按下我要購買..........\o\
救命啊 >"<
我本來就是希望自己不要陷入這種無腦狀況才挑了一隻普通到不行的貓啊!!!!
結果還是完全被迷惑...
希望跟佳人說的一樣,買齊了就不會買了 OTZ
但等發薪水還是要來大敗家一下XDD
2010/04/11
我家的秒妙

我從昨天開始養了一隻貓,
是公司附近一家獸醫院在等人認養的貓咪。
大概因為已經不是可愛的小小貓吧,等了很久都沒人理,
每天都被關在小籠子裡好無聊的樣子..
本來很想養貓都怕貓被關在我的小房間會無聊死,
但房間總是沒有籠子小吧..
想了幾天還是把貓給帶回家了,取名秒妙,是女生。
醫生說本來牠媽媽家的人叫牠小宅哥 = =!! 這是什麼鬼爛名字啊!!!
我才不要叫貓小宅哥咧......
總之這貓是一隻傻貓,傻傻的來了我的房間也搞不清楚發生什麼事的樣子,
很快就整個習慣了,叫牠過來也會過來,
只是跟沒事就抓鳥回來吃的茂谷柑比起來好像懶惰了很多(不過家貓好像不能跟半野貓比XD?)..
好處是大多時間都很安靜不太吵鬧。
可是牠的便便好臭啊 = =!!!
目前唯一非常之難以習慣的事情 orz
幸好明天有門的廁所就要送來了,希望可以解決這個問題 : ~
訂閱:
意見 (Atom)