藍調大直橋 Blue Da-Jhih Bridge

這篇其實應該在外木山這篇先發才對~~應該也算是上上篇：大直橋夕景的續集!!
這天(20070528)，偏離預定的行程，本來要到三峽老街夜拍的
不過因為這天下午的一場大雨，使得天空非常的乾淨，
跟MAX兄在MSN上討論了一下，覺得今天出大景的機率相當的大
我們就改了一下行程，鐵人三缺一：章魚約翰我跟狗狗頭，又衝了一次大直橋!!
結果，應該算碰到龜兒子吧，哈哈
天空的雲是還好，雙色溫不甚明顯，不過也許是下過雨吧，能見度很高，去拍101車軌應該很好
MAX兄也到了，還碰到老羊老師帶學生去拍，真是熱鬧呢!!

就一張而已，加減看看囉!!

偉哉夏之外木山 Wai-Mu Mountain at sunset

偉哉夏之阿木

今天鐵人團不出動!!因為前一天晚上鐵人三缺一團又跑去大直橋，狗頭又要回中壢跟Eric大師相聚
早上為了他的身體著想，就跟他取消鐵人團的行動!!
不過，我還是自己去一趟，一方面是攝影毒作祟，一方面是我一個人去探路比較方便，方便下次帶鐵人團去!!

今天清晨的外木山
雖然沒有大景，但是還不錯看啦~~徐徐的涼風吹著，伴隨著海浪聲，拍起來很舒服呢!!
清晨四點到，正好桃園攝影學會的吳、莊、李三位大哥已經在現場
跟他們邊聊天、邊拍照，很EASY

跟昨天的大直橋一樣，又是有大片烏雲
不過，早就該司空見慣了吧!!

今天水位很低，但是是漸漸往上漲的趨勢，所以不敢太往前靠
加上我是算晚去的吧…取景還是不太好，黑卡也搖的不三不四的，哈哈
不過，第一次嘛，下次有機會好好改進囉!!
第一次的阿木，不是太好看，但我已經很滿意了!!

#1


#2


#3 還不錯，至少還有日出呢!!!


夏天的阿木，真的很美
阿木，等著，我們鐵人團一定會很快再來拜訪你的!!

至於這邊怎麼去呢，改天會補上!!先欠著!!

大直橋夕景 Da-Jhih Bridge at sunset

藍調大直橋

連著幾天熱到佬佬家的天氣後，"終於??"有鋒面要來!!也該是出景的時刻了吧?!
這天下午下班便跟鐵人不要命團來到大直橋大直端，由攝友MAX兄所介紹的一個景來拍攝大直夕照，不過我們是在它的後面，因為這天水面較高，加上我們有三個人，那邊比較不好活動，便退到後面大排水溝後方囉!!景嘛…當然是稍微遜色了一點點啦!!
沒想到…這天天氣變怪的，過五點夕陽方向一樣萬里無雲，身後卻是整片大烏雲
不用說，馬上就知道今天會槓龜了!!


反正都來了，便跟蜘蛛齊、狗頭玩起了壓光，哈哈
我應該是少數會拿男生來玩壓光的吧，反正…就留著下期的Apple Daily當封面啦，哈哈

這邊不太好拍，黑卡非常的難控制，因為前面的阻坡塊在畫面的中間，如果橋面倒影要進來就非常的難控制反差
我是用兩塊黑卡，雙手並用搖搖搖。左手果然是比較少用，搖起來就比較不自然，回家還是要用PS加亮過。拍的時候，差點把相機丟下海去填海了…還好我還夠理智!!哈

雖然槓了個大龜，不過，三個好同事一起去，邊拍邊玩邊搞笑，真的蠻快樂的，還遇到MAX兄，雖然沒上前相認啦!!

加減看看吧，雖然沒啥好看的照片，下次有機會再去尋找大景吧!!

#1


#2


#3


#4


這邊要怎麼去呢??
簡單說，最方便就是延著明水路往內湖方向走，再直走接樂群一路，看到右手邊有路標"美隄公園"即右轉進入即是。
進入後右轉延著車道往大直橋方向走，直到最後無路可走，會有一停車場可停車。停車後再往大直橋方向走約100米，遇到大排水溝，左側有消波塊的地方即是拍照地點囉!!
若遇美堤疏散門未開的情況，請繼續直行至「基湖路」右側可開上去跨越堤防（亦有指標），過了之後往大直橋方向開，同上面開到無路可開為止亦可到同地點囉!!

Cover of Apple Daily

本期封面

本期，2007年5月份的Apple Daily出刊了!!
Cover Story是本公司狗頭兄，他這次不小心被狗仔隊給偷拍到了
原來，他的性向…那去7-11買雨衣是用來當晃子的嗎?!!

半夜Kuso了這一張照片，本來是要用Durian Daily的…不過臨時忘記怎麼拼…反正是Kuso嘛，就還是用大家最熟悉的Apple啦!!
還拼錯不少字，哈哈XD
沒關係啦，有趣就好了!!

章魚約翰二八年華生日快樂!! Happy Birthday to Tacojohn

嘿，點我看相簿吧!!

520，諧音是"我愛你"
5月20日，是"中華民國總統就職紀念日"，也是章魚約翰誕生紀念日

就因為我的生日好記，所以我的好友們每年都會幫我慶生
否則，我們家其實是不過生日的!!
也因為我家不過生日，所以我其實通常不會記得我身邊好友的生日，這些年來真是對這些朋友們感到抱歉呢!!

這天，5/18星期五，一大早強者我學長蜘蛛齊就突然打電話來，害我騎車騎到一半突然路邊停車，希望沒嚇到旁的美眉(那來的美眉?!好像只有阿伯被嚇到吧!!)
打來，只聽見電話的那一頭，用著無助、茫茫然…沒睡飽的聲音：喂，快來，老闆要找我們開會!!
我便用最快的時速，讓我的阿堤拉口吐白沫的衝到公司。一進辦公司，沒人…糟，這時，章魚約翰我的腦筋很快了轉了七千兩百轉，好，我直接找老闆去!!!
到了老闆辦公室，鼓起勇氣，打開門…呃…我老闆在跟別組的同仁開會…看到我這個不速之客，老闆傻了，同事傻了，我更傻了!!
"呃…學長說老闆你要找我哦?!"，"哦~~我找你…我忘了要找你幹嘛，好吧，我晚點再找你們開會!!"，哇咧，我老闆反應真是快啊，這麼快就反守為攻，立刻把包伏丟回來給我!!!
這下糗大了，我知道我被整了…完了…晚點還要變成跟老闆開會…

這時…蜘蛛齊又打來了…又是一副無助、茫茫然的語氣…這次換叫我去會議室找他，而且…還有背景音哦…有人在開會的聲音呢!!!
到會議室，一開門…嘿嘿…啊不就404跟109的同仁們…還叫我上台報告，連投影片都還幫我準備好了呢!!真是貼心啊…蛋糕，就藏在投影的機器前面呢!!
哈哈，本來一切是要給我驚喜的，沒想到最後因為我"心機"太重，都被我看穿了…讓大家有點掃興
明年啦，明年我會假裝我完全不知道的，讓大家爽一下的囉，哈哈!!!

感謝我的同事們，
404的各位：強者我學長蜘蛛齊、又又又、呷佳厚、老白
109的各位：無敵我同事狗頭、啊就那個鋒哥嘛、沒有我廢的信聰、網球界無敵的老大
不小心插花的憶萱、還有6樓DAAL的各位，當然，後來在我的提醒之下有祝我生日快樂的ziop!!
當然，後來大家怕老闆真的找我們去開會，我們還是帶著蛋糕去找我老闆囉，也感謝偉大的老闆的祝福!!

謝謝各位啦，當然，也要謝謝我爹跟我娘囉，感謝你們當年的努力:P

ps. 感謝狗頭贊助相片(All rights reserved by Jen-Ming)
ps2. 要看照片，請點選上方的蛋糕照片以進入相簿

※相關網站：
．狗頭-繼續在南港數饅頭：政穎生日快樂! 2007 Happy Birthday to Cheng-Ying!

image #2
image #3
image #4
image #5
image #6
image #7
image #7
image #7
image #7
image #7

老白，生辰快樂啊 Happy Birthday to Old-White

嘿，點我看相簿吧!!

老白，是咱實驗室新進的國防役宅男
反正，搞資訊的要不宅也很難吧
這一天…5/15…是他從小白步入老白的大日子，有多大，就兩手海尼根那麼大
沒錯，為了這一天，我們下班後便用兩手海尼根幫他慶生啦!!

老白，你還有三年又半，還早…好好享受這邊宅男的生活吧!!

Enjoy It!!

ps. 話說…狗頭你酒量也太差了點…兩瓶海尼根就醉，以後你結婚怎麼辦?!
ps2. 相片請點右圖進相簿觀看囉!!
ps3. 感謝狗頭贊助相片(All rights reserved by Jen-Ming)

※相關網站：
．狗頭-繼續在南港數饅頭：坤樹生日快樂! Happy Birthday to Kun-Su!

image #2
image #3
image #4
image #5
image #6

歲月 Culture Portrait in Years

人文、街拍，是我近來較有興趣的題材。也是我覺得最不好發揮的一種題材。

過年期間，跟老羊攝影學苑的老羊老師、Judy還有Jill一起去新中橫夫妻樹拍星軌(詳見此篇)
隔天一大早泡完溫泉再到虎尾吃中餐，不意在市場旁看到一位擦皮鞋老伯
老師便拉著我們去拍他，說實在的，我原本是不太喜歡這麼拍啦，畢竟會影響到人家
不過，老師很客氣的請阿伯幫他擦鞋，並詢問他被拍照的意願後，我們便在一旁慢慢的捕捉難得的鏡頭
從言談中得知，阿伯已年近九十，擦鞋擦了八十多年了，歲月的痕跡在他身上、臉龐也留下了明顯的註腳
也許是鄉下地方較少人注意吧，老伯看到我們在拍他臉上盡是害羞的神情，一旁的小朋友倒是又叫又跳的直呼有記者來拍，我們這些偽記者也是拍的很高興
經由老師一直跟他聊天，也脫下他的心防，才開始漸漸的有了自然的笑容
言談中，老伯伯也對 傳統的工藝漸漸式微充滿了無奈，看來傳統手工真的是敵不過科技時代的洪流

這是我第一次跟老羊老師出去，也是讓我對他印象最深刻的地方
他對人文的關懷、對文化的尊敬，也許平常他的學生們不得見，但是，這一次我卻從他的口中、行動看到了熱誠
也攝影人在攝影之餘，別忘了多多關懷身邊各種值得保留的文化及傳統

請點我觀賞相片

image #2
image #3
image #4
image #5

Magazine Style using CSS

首字放大，在出版業，無論是雜誌、文案或是海報都很常見。

基本上，首字放大可區分為兩種，一種是"Drop Caps"，就是首字放大，其他的文字會類似文繞圖的方式呈現。另一種稱之為"First Letter Big"，首字一樣放大，但是跟我們平常單獨調整文字的大小一樣，不會有文繞圖的效果。各有各的美，只有使用的時機不同而已。

上面指的是呈現的方式，再來依編寫(coding)的方式，我會介紹CSS Inline Style、CSS Style Sheet以及CSS First-Letter Pseudo等三種方式。依常用程度來區分Inline Style的話，如果你的文章不常用這種首字放大的效果的話，Inline Style就蠻方便的；如果你還蠻常用的，但不是每篇文章都用的話，那利用Style Sheet比較適合；如果你是重度的使用者，每篇文章都要用的話，那First-Letter Pseudo會讓你寫起文章變得更EASY囉!!

下面的範例，我會先介紹Drop Caps，把三種不同的編寫方式做個簡單的介紹；再介紹的三種不同編寫方式。

• 這是第一種呈現方式，即Drop Caps。
  我們希望首字放大約五行的話，就大約算一下，把字型大小(font-size)設定為100px，行高(line-height)設為80px。
  行高的設定會影響到該段落其他文字落在首字右方的斷行數。
  下面我們會就三種的編寫方式做分別的說明。
  
  
  
  
  1. 使用Inline Style，語法如下：
     <span style="float:left;color:chocolate;font-size:100px;line-height:80px;padding-top:2px;font-family: 標楷體, Georgia;">這</span>是第一種，直接在本文使用inline style。……

  
  
  2. 使用Style Sheet，語法如下：
     先加入下面這一段CSS
     .dropcap {
  .float:left;
  color:chocolate;
  font-size:100px;
  line-height:80px;
  padding-top:2px;
  font-family: 標楷體, Georgia;
}
     再來，當要使用時，只要在首字部份加上span、class等tag即可，如下：
     <span class="dropcap">這</span>就是利用Style Sheet實現Drop Caps
  
  
  3. 使用First-Letter Pseudo的語法如下：
     一樣，先加入下面這一段CSS
     <style type="text/css">
firstletter:first-letter {
  font-family: 標楷體, Georgia;
  color:chocolate;
  font-size:100px;
  line-height:80px;
  padding-top:2px;
  float:left;
}
</style>
     使用時，直接將整個文章內容用段落tag包起來即可，不用針對首字做tagging，如下
     <p class="firstletter">這一段利用First-Letter Pseudo來實現，不需要針對首字做個別的處理即可達成。</p>


• 再來是First Letter Big，看出跟上面的Drop Caps的差異了嗎??這種單純只會對首字做放大的效果，而不會有文繞圖，也就是首字跟其他文字的水平對齊是bottom。
  
  
  
  
  1. 使用Inline Style，語法如下：
     <span style="font-family:標楷體, Georgia,;color:chocolate;font-size:100px;font-weight:normal;line-height:80%;letter-spacing:-6px;">這</span>是第一種，直接在本文使用inline style。……

  
  
  2. 使用Style Sheet，語法如下：
     先加入一段CSS如下：
     .firstbigletter {
  font-family: 標楷體, Georgia,;
  color:chocolate;
  font-size:100px;
  font-weight:normal;
  line-height:80%;
  letter-spacing:-6px;
}
     再來，當要使用時，只要在首字部份加上span、class等tag即可，如下：
     <span class="dropcap">這</span>就是利用Style Sheet實現First Letter Big效果。
  
  
  3. 使用First-Letter Pseudo的語法如下：
     一樣，加入下面這一段CSS
     <style type="text/css">
firstletter:first-letter {
  font-family: 標楷體, Georgia,;
  color:chocolate;
  font-size:100px;
  font-weight:normal;
  line-height:80%;
  letter-spacing:-6px;
}
</style>
     使用時，直接將整個文章內容用段落tag包起來即可，不用針對首字做tagging，如下
     <p class="firstletter">這一段利用First-Letter Pseudo來實現，不需要針對首字做個別的處理即可達成。</p>

呼…打了這麼多，老實說，上面有的CSS我沒有很仔細的做驗證，有興趣的試一下，如果小弟有寫錯，也麻煩回報一下囉!!
有了這招，大家也可以利用網頁做出媲美專業雜誌的精美版面囉!!

※參考來源：
．Mandarin Design: Text Tricks
．CSS :first-letter pseudo-element

Photoshop夢幻柔焦效果 Soft Focus in Photoshop

柔焦效果，在人像攝影藝術上是一種蠻常見的效果，以前我們會使用柔焦鏡做鏡前柔焦，或是暗房做鏡後柔焦；現在拜數位時代之賜，我們可以用Photoshop做數位暗房的鏡後柔焦。
柔焦效果，老實說，個人不是非常的喜歡啦，主因是現在網路上充斥太多的美少女夢幻照，已經用爛了!!不過，最近有接觸一些高調人像(High-Key Portrait)，所以還是稍微玩了一下Photoshop的鏡後柔焦。

我的少不拉嘰的高調人像作品：請點我觀賞

image #2

其實要用Photoshop來實現柔焦效果的方法有很多，我就只介紹我使用的方法囉(下面圖示，請點圖可顯示大圖)

• 首先要先打開要處理的檔案，並先複製一份底圖
  


• 選擇上面剛新增的圖層，然後按Ctrl+M(或是MAC的Apple鍵+M)調整曲線，或是像下圖到"影像/調整/曲線"打開曲線調整視窗，如下圖2-1；將新圖層的對比拉大，如下圖2-2。
  

  圖2-1	圖2-2



• 先將背景色設為白色後，到下圖3-1的"瀘鏡/扭曲/擴散光暈"，設定擴散光暈特效。在擴散光暈設定頁面，如下圖3-2，請將"粒子大小"設至0，其他光暈量及清除量就請自行根據您的圖設定。
  

  圖3-1	圖3-2



• 再做一次瀘鏡，這次是使用高斯模糊，請如下圖4-1選擇"瀘鏡/模糊/高斯模糊"跳出高斯模糊設定視窗。並如下圖4-2設定強度，此數值請自行輸入，若解析度為2048，小弟通常會設定在10到20像素之間。
  

  圖4-1	圖4-2



• 接下來最後一個步驟，改變剛剛我們做的這個圖層的透明度。請根據需要選擇適合的透明度。
  


• 最後就是合併圖層，存檔收工啦。下面左圖是未做柔焦，右圖是做完柔焦，您看出差異了嗎?!是不是變得很夢幻呢?!!
  

當然，拍到皮膚不是很好的Model，可以用這種方式修皮膚(再搭配遮罩或是步驟記錄工具)，但，還是要小心使用，用太多真的會讓觀者不太舒服。好好用真的會有畫龍點睛之效哦!!

不要命了的運動會 Sports meet

20070511，是我進公司經歷的第一次所上運動會
雖說是運動會啦，但是其實項目只有四項，分別是：籃球(basketball)、網球(tennis)、桌球(table tennis)、羽球(Badminton)
其實四項我都會一滴滴~~就一滴滴哦
籃球…高中膝蓋受傷後，廢了五成功力；專科開完刀剩三成；大學再斷腳後…剩一張嘴…
網球…國中畢業前都是打網球，跟老爸打、跟甲組的打，上高中後，老爸身體不行了，就沒再打了
桌球…史上最短命的校隊…國小被選進校隊，練了兩次球…校隊解散
羽球…我會亂打，反正…網球跟桌球都套進來，哈哈

這次…我TMD竟然報了三項比賽
籃球，一開始就跟勝宏講好要一隊比賽…加上狗頭、威儒，只練一次球…沒默契，竟然還笑想拿牌?!
網球…信聰說我報他就報…哇咧…I 挺 You，報了!!
桌球…正雄說要找我搭擋…哇咧…報了!!
就這樣…我就鬼打牆的報了三項…真是不要命了

比賽當天…
先打一場網球…跟強者我學長昀慶搭擋，他可是公司總統盃的代表呢!!強!!!
可是…第一場就碰到威儒…威儒是誰?!他就是…嘿嘿…國內排名第一…ATP世界排名前100的盧彥勳…的哥哥…兼教練
所以…熬戰到搶七…以7:5被我敗掉了
再來…恐佈的來了
連打三場籃球…而且是在打完網球沒休息，再連打三場中間不休息的籃球哦
所以…我從頭到尾都在…喘氣…沒錯…就是在喘氣
我果然老了…體力大不如前，原來…靠嘴巴不用體力，但是沒體力…會被人家電
就這樣…籃球…又被我搞砸了
再來…還沒結束呢
又沒休息…再接一場網球…
我真的不行了，腳開始抽筋了，右腳小腿先開始，接下來是右小腿前側，再接來是左大腿…只好找人頂替我出賽了
還好…桌球還算爭氣的拿了個銅牌…

其實…前面的過程都不重要啦，重要的是…這次我有幾個感想：

1. 我老了，真的老了，不像以前高中時體力那麼充沛
2. 我的膝蓋真的不行了，醫生沒騙我…我的運動生涯果然早就結束了
3. 也因為上一點，加上我平常打球時真的很怕再次受傷，我決定我要退休了，以後再也不比籃球了；就靠嘴打歡樂籃球就夠了!!
4. 任何運動都是需要長時間的練習的，我的網球中斷太久了，很多球感都消失光光了

要活就要動，要動才能活
希望大家多運動，多健康囉!!!

母親節之台北101也來逗熱鬧 Taipei 101 at Mother's Day

母親，像月亮一樣，照亮我家門窗

我娘，沒那麼偉大，對不起
我娘，只有把我家整理的很乾淨，讓我爹無後顧之憂的出外奮鬥打拼救中國
我娘，只有把我家兩兄弟教得還不錯，至少出門表現的還算挺有家教的，非必要不隨地大小便
我娘，雖然沒把我家兩兄弟教成天才，但至少還不算是蠢才，嗯，至少預官智力測驗都還有過
我娘，如果有宇宙孝順大獎的話，雖不敢說她一定拿第一，但是她拿第25應該沒人反對吧(24孝就讓他們吧)

這天所上運動會完，拖著被拆散了的身軀，跟著狗頭來到國父紀念館拍101母親節的燈飾
為什麼挑這邊呢，第一是國父紀念館的夜景很漂亮，當前景搭配101很讚
其二是這邊看101剛好可以看到有母親節燈飾的兩面，有"母親"字樣及愛心MOM的圖示

反正這天主要是來拍101母親節的特典，不是為了來拍美景，加上運動會結束時間的關係，色溫、雲彩、天空都不是重點啦

大家就加減看看吧，也讓不在台北或是沒空出門的好友們分享一下母親節的榮耀與光芒!!
點我觀看相簿(點圖的左半部可看上一張；右半部可看下一張)

image #2
image #3
image #4
image #5

娘~~母親節快樂!!!!

※參考網站：
．國父紀念館

小粗坑古道油桐花 Tung-Oil-Tree

不要命鐵人三加一人團合照
ref. from Eric's Photostream

不要命鐵人三人團又出發了!!
這次的目的地是：龍潭小粗坑古道賞油桐花~~
不過，這次鐵人團不再三缺一了，中壢的Eric兄也來加入我們囉~~

不免俗的，還是要交代一下這次出發的來龍去脈，為啥我們又這麼衝動的呆呆向前衝呢?!
這…又要從我們的MSN對話開始了…中間有一些耍白痴無意義的對話，就省略掉了，免得各位讀者食不下嚥、睡不著覺

要先從晚上十點半的對話開始
強者我同事狗頭：明天幾點來公司
章魚約翰我本人：??
強者我同事狗頭：???
章魚約翰我本人：????
章魚約翰我本人：要幹嘛?有事的話，就早點去呀
章魚約翰我本人：頭兒您一聲令下就立刻到!!
強者我同事狗頭：喔喔等下再和你說
就這樣…又到半夜一點半了，我快敵不住睡意時，想說還是問一下好了，搞不好因為我的關心一句話，把他從鬼門關救出來呢，哈哈
章魚約翰我本人：?
強者我同事狗頭：我明天要去看雪
章魚約翰我本人：油桐花哦
章魚約翰我本人：跟誰?
接下來這一段恕不節錄了…反正很無聊，兩個宅男可以用MSN唱改編版的命運交響曲，夠無聊吧!!
強者我同事狗頭：這星期過的很鳥
章魚約翰我本人：那就明天去啊
強者我同事狗頭：你明天好好上班啦
章魚約翰我本人：你要自已去哦，啃!!
強者我同事狗頭：沒有，Eric剛好也是一個人去，我也是一個人去，不想拖累別人...很煩
章魚約翰我本人：要去就去啊，如果早上要去就衝啊
強者我同事狗頭：六點就要到龍潭休息站
章魚約翰我本人：所以回到台北也是接近上班時間

題外話，剛好在MSN遇到公司可愛大方又美麗的公讀生，本來想"落"她一起去當一下麻豆的，想說既然有狗頭的香車小佛，還有美麗的油桐花，怎可少了美人呢?!
可惜她隔天有事了…哈，不過還好啦，我想她應該也受不了我們這幾個的無厘頭吧!!
ANYWAY，就這樣，在確認無敵我同事馬兒的意願後，一行人早上五點又在公司集合出發了!!

廢話不多說，這邊離二高龍潭交流道很近，開車下交流道約莫十五分可達，據當地的一位婆婆說，晚上那邊也是賞螢火蟲的好地點
往上有個"崑崙植物藥園"，再往上山上有制高點可以拍整片的桐油樹
崑崙植物藥園早點去可以從大門下方或旁邊鑽進去，不用門票(門票要100元)

這次拍完後其實感到很失落…覺得拍的很差，油桐花真的不好拍，高反差不是很好控制
今天幾乎有75%的時間是用很少出動的135/F2加近攝套筒來拍，可能是第二次使用這支，加上換用數位後第一次使用這個塵封已久的近攝套筒，還不是很熟悉吧，拍的更不理想了
也由於大部份都是用中長距離焦段的，大部份都是油桐花特寫，大家就加減看吧

BTW，這邊大概有個90%的開花了，據說再過一兩個禮拜花況就變差了，大家好好把握吧!!
我可能會再找機會去一次吧!!!一定要去雪恥~~哈哈

點我觀看相簿(點圖的左半部可看上一張；右半部可看下一張)

image #2
image #3
image #4
image #5
image #6
image #7
image #8
image #9
image #10
image #11
image #12
image #13
image #14
image #15
image #16
image #17
image #18
image #19
image #20
image #21
image #22
image #23
image #24
image #25
image #26
image #27
image #28
image #29
image #30
image #31
image #32

※參考來源：
．2007桐花季：桃園-小粗坑

【Blogger】Lightbox Effect

第一次看到Lightbox的特效是在強者我同事狗頭的布洛格上看到的，當時就對它的呈現方式感到相當的驚艷、滿意!!這兩天稍微研究一下，在不更動原始碼的情況下，其實安裝根本就是無痛，三分鐘就安裝完成了!!

介紹如何無痛安裝之前，先介紹一下什麼是Lightbox好了!!
Lightbox基本上是一種在網頁上展示影像的JavaScript程式。一般我們在網頁上秀圖的方式，通常是利用該圖的縮圖當連結，當使用者點選該圖時，再連結到原始大圖的頁面做完整的顯示。而Lightbox則是利用JavaScript運用CSS的Overlay，在同一頁面展示大圖，並且淡化原有的背景內容進而突顯照片內容。

如同原作者Lokesh Dhakar在其網站所說的一樣：

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
簡單說，就是Lightbox是一個可以在所有的瀏覽器上安裝、執行的一個很簡單、低調的一種Script!!好個低調啊!!!!

光說不練非君子，下面來個展示DEMO吧~~

• 單一圖檔
  


• 圖檔群組顯示
  

有沒有很炫呀?!很好，點燃你心中熊熊的烈火後，我們就開始無痛安裝囉~~

Part 1 - 安裝Setup

1. Lightbox使用了Prototype及Scriptaculous這兩個Library。加上主程式lightbox，總共必須在你的網頁的header引入這三支JavaScript。這三支程式都可以在原作者網站下載得到。


2. 一樣，先進入控制後台頁面->範本頁籤->修改HTML，在</BODY>之前的HEADER內加上下列程式(請照順序加入)
   <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


3. 再來，要加入CSS的部份，一樣，加入下面程式
   <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


4. 上面的檔案位址請自行確認是否正確，另外這個特效會使用到幾個圖檔(都包含在下載下來的檔裡)，也請確認一下lightbox.js及lightbox.css這兩個檔的內容，其中連結的圖檔位址是否正確囉!!


5. 儲存，安裝完成，如何，很簡單吧!!!

Part 2 - 執行Activate

1. 要執行其實很簡單啦，只要在縮圖、或是要連結該特效的超連結上加入下面紅色部份的語法即可<a href="image-link.jpg" rel="lightbox" title="my caption">image</a>
   其中，rel這個attribute是用來Identify是要用lightbox這個特效囉，title這個attribute則是在使用Lightbox特效時，左下角的Caption顯示的文字，titlle這個attribute是optional的哦!!
   


2. 剛上面是像Demo1的單一圖檔的效果，如果要用群組的方式，連續秀圖的話可以用下面的語法
   <a href="image-1.jpg" rel="lightbox[groupname]">image #1</a>
<a href="image-2.jpg" rel="lightbox[groupname]">image #2</a>
<a href="image-3.jpg" rel="lightbox[groupname]">image #3</a>
   上面的lightbox[groupname]部份，記得groupname要使用同樣的名稱哦!!


3. 打完收工!!
   Enjoy It!!!

基本上，我上面的教學只是翻譯自原文啦，有興趣的請自行上原文網站查閱囉!!

※參考來源：
．Lightbox2


【Blogger】在Blogger放置各大共享書籤圖示 Bookmarks for Blogger

利用Bookmark來做文章的共享是很多人悠遊於布洛格海的方式之一
如果讓讀者方便的能將文章加入書籤便相對的重要了，不啻也是提高讀者數量的方法之一囉!!

加入這些小圖示的方法如下：

1. 首先進入管理頁面 -> "範本"頁籤 > 修改 HTML > 並將"展開小裝置範本"選項打勾


2. 找到下面程式碼
   <span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<!-- 書籤圖示代碼插入處 -->
</span>

   


3. 在上面的"<!-- 書籤圖示代碼插入處 -->"插入下面的共享書籤代碼
   <!-- MyShare -->
<a expr:href='"http://myshare.url.com.tw/index.php?func=newurl&url=" + data:post.url + "&desc=" + data:post.title' target='_blank' title='收進你的MyShare個人書籤'><img alt='MyShare個人書籤' src='圖示來源位址' style='border:0; padding:0;padding-right:3px;'/></a>

<!-- Technorati -->
<a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' target='_blank' title='Add to Technorati'><img alt='Technorati' src='圖示來源位址' style='border:0; padding:0;padding-right:3px;'/></a>

<!-- Del.icio.us -->
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Del.icio.us'><img alt='Del.icio.us' src='圖示來源位址' style='border:0; padding:0;padding-right:3px;'/></a>

<!-- Furl -->
<a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Add to Furl'><img alt='Furl' src='圖示來源位址' style='border:0; padding:0;padding-right:3px;'/></a>

<!-- HEMiDEMi -->
<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title=" + data:post.title + "&url=" + data:post.url' target='_blank' title='Add to HEMiDEMi'><img alt='HEMiDEMi' src='圖示來源位址' style='border:0; padding:0;padding-right:3px;'/></a>

<!-- Yahoo書籤 -->
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?ei=UTF-8&u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='加入 Yahoo 分享書籤'><img alt='Yahoo分享書籤' border='0' src='圖示來源位址' style='border:0; padding:0;padding-right:3px;'/></a>

<!-- Google Bookmarks -->
<a href="javascript:void window.open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title))"><img src="圖示來源位址" title="Google Bookmarks" alt="Google Bookmarks" style='border:0; padding:0; padding-right: 3px;' /></a>

   


4. 儲存，打完收工，回文章頁面確認看看有無錯誤囉!!


5. 如果儲存時出現錯誤的話，請試著將上面的代碼中所有的"&"改為"&amp;"。

男人幫百大性感美女 FHM 100 SEXIEST WOMEN IN THE WORLD 2007

FHM一年一度的美球百大性感美女出爐了!!!
其實，小弟覺得每年這個票選都有點演藝圈的風向球意味存在，從去年的Scarlett Johansson，到今年的Alba，我都覺得是會成為未來的天后級人物!!

簡單造福各位讀者，列出前十一大，至於十二名後的就請至官網觀看囉!!
(以下圖皆連結自FHM官網!!)

第一名：Jessica Alba


全名：Jessica Marie Alba
生日：1981/4/28(金牛座耶，跟我一樣，哈哈!!)
出生地：Pomona, California
身高：5呎7吋(約170公分)
三圍：34-25-34
國藉：美藉(父親是墨西哥裔，母親則是法國與丹麥的混血)
個人非常的喜歡她，全球最性感絕對實至名歸!!
從甜心辣舞(Honey)我就很喜歡她，尤其他舞動的感覺真的很美!!近期的萬惡城市、驚奇四超人、深海尋寶，都表現的非常的好!!

第二名：Katharine McPhee


第三名：Scarlett Johansson


第四名：Gisele Bündchen


第五名：Alessandra Ambrosio


第六名：Jessica Biel


第七名：Adriana Lima


第八名：Angelina Jolie


第九名：Keira Knightley


第十名：Marisa Miller


第十一名：Maria Sharapova

看出來為什麼我獨獨列了個十一名嗎?!因為…我也很喜歡莎娃，尤其她在球場上的表現，真的是把力與美完美的詮釋!!

其實前百名的美女們真的都很優秀了，劉玉玲這些年也都有上榜，希望那天台灣也有美女可以上榜囉!!各位台灣眾美女們，加油囉!!!

※參考來源：
．FHM - 100 Sexiest Women 2007