之前設計嵐分享了如何在進行網頁設計時,利用CSS語法將圖片加上拍立得的外框效果,對於學習網頁設計的人來說是個好用的技巧,(相關文章請參閱:[教學]成為CSS高手之路(八)~製作拍立得相片效果);而今天設計嵐再更進一步針對Blog經營者,介紹如何在blog文章圖片也加上拍立得相片效果外框,讓各位格友們不需要透過美工軟體就可以讓圖片有不同效果喔!
把部落格圖片變成拍立得相片風格
我們常常在網頁或是Blog中放置內容圖片,只是純粹放入圖片,有時候會覺得在視覺效果上略顯單調,但是如果想要針對圖片加點設計效果,往往又需要使用美工軟體進行編輯才可以做到,所以今天設計嵐來分享一個簡單的手法,利用CSS語法在圖片上製作具有拍立得效果的外框,瞬間就可以讓沒有特色的圖片擁有吸引眾人目光的魔力喔!
利用CSS製作拍立得相片效果
成為CSS高手之路系列文章第七篇來嚕!!上一篇設計嵐說明了如何針對文字設定邊框以及轉灰階圖片的CSS語法,今天來介紹一個更實用的技巧~文繞圖的設定,這個技巧之所以重要,原因有二:1.網頁內文不作文繞圖排版上很難看 2.使用DIV+CSS排版是目前網頁標準化的一個標準作法,網頁設計師必備技能!!
今天設計嵐的朋友轉寄了一封信,標題為『馬克的履歷表』,看完之後覺得很有趣,有趣之餘更是佩服,佩服的原因有二:1.這就是『創意』,身為設計師你我或立志成為設計師的人,是否能有這樣的創意思維? 2.這就是『能力』,當我們有靈感、有創意時,我們能不能用我們所會的技術與工具,將我們的創意實現?
今天『成為CSS高手之路』系列文章之四,繼續針對『整頁套用的CSS規則』作後半段的說明,能夠讓規則套用在整個頁面的方法除了前文『成為CSS高手之路(三)~CSS在DW中的設定與語法宣告方式Part I-整頁套用的CSS規則(上)』所提到的設定方法之外,還有其他幾種設定方式,其影響範圍也都是一整個頁面的。
前言︰ 目前DVD為最普遍使用影片的儲存媒體 許多人購買了心愛的DVD 但是深怕光碟機或DVD播放器會刮傷您心愛的片子 今天就來個完整備份您心愛的DVD教學 讓您以後母片可以收藏著就好 只要觀看您備份的DVD 小弟收藏了不少的DVD動畫 正版DVD真的不便宜 為了方便收藏並害怕刮傷 我只好看備份片囉
艾德將部落格上的導覽列換成了 Mac Dock 的模式,蠻好玩的。主要是透過 js + css 的模式來呈現,這是國外的作品,可以參考
Free CSS Templates 這個網站目前設計並提供 100 多個免費的 CSS 模板,使用 CC 姓名標示 2.5 授權使用。 每個模板都別具特色,完全不使用表格 (純 CSS 及 XHTML 打造) 及符合 W3C 的 XHTML 標準。就算不直接下載套用的話,拿來參考別人的 CSS 怎麼寫也很受用。