類別 | 學習心得

利用HTML將網頁上圖片、背景及表格透明化

將照片有透明化的效果,在影像編輯軟體輕輕鬆鬆就可以達成,但是也可以利用 html css 語法,效果可以看我們部落格頂端橫幅右邊的兩個半透明徽章。

圖片半透明化效果範例  使用 css 語法達到透明化效果在「<利用CSS讓有超連結圖案出現透明效果」這篇文章已經介紹過了,其實使用 html 的語法跟 css 是一樣的,html是在 <img> 區段加入 style=”FILTER: Alpha(opacity=40)” 敘述,其中 opacity 的值為 1~100,數字越小越透明。

  ~ That’s all ~ 

☆★相關文章★☆
利用CSS讓有超連結圖案出現透明效果
今天在「WordPress 研究者日記」看到這篇「CSS透明特效:opacity」的文章,就是利用CSS的opacity語法,讓滑鼠移到有超連結的圖案上時,該圖案會出現透明的效果。  將以下代碼加入到 wp-content/themes/當前使用的佈景主題/style.css 檔案:[code lang="css"]a:hover img{ opacity: 0.55; filter:alpha(opacity=55); /* IE only */}[/code]  說明上面的數值,數值為「1」代表不透明,所以數值越小就越透明,而filter:alpha那段是給IE瀏覽器用的,數值為「100」代表不透明。  ~ That’s all ~
繼續閱讀
find 與 xargs 的結合運用
因為雲端伺服器是使用 Linux 系統,所以今天筆記一下一道非常好用的指令,以供往後要再使用時可以查閱,畢竟 ... 年紀大了 ... ^^|||find 與 xargs 的結合運用,可以搜尋符合條件的檔案或目錄,然後在通通一起刪除,以下:find ./ -name "thumbs" | xargs rm -R -f將目錄(含子目錄)中所有「thumbs」的目錄刪除。find ./ -name "Thumbs.db" | xargs rm -R -f將目錄(含子目錄)中所有「Thumbs.db」的檔案刪除。另外,也可以運用 type:find ./ -type f ...
繼續閱讀
啟動WordPress的Gzip網頁壓縮功能
啟動Wordpress的Gzip網頁壓縮功能加快網頁讀取的速度有很多種方法,其中讓網頁在輸出時透過壓縮功能,即可加速開啟及減少等待時間,這項壓縮功能叫做「Gzip 網頁壓縮」。  網站啟用 Gzip 壓縮可以幫助網站瘦身,其原理是透過網站伺服器壓縮輸出大小再傳給 Client 端,Client 端的電腦再進行解壓縮,可以節省許多網路頻寬,而啟動 Wordpress 的 Gzip 網頁壓縮功能有 2 種方法,以下: 透過 PHP:使用此方法的前提是伺服器須有支援「Zlib Compression Functions」,且當 WordPress 版本更新時,必須再重新加入此語法。修改的檔案是 Wordpress 根目錄的 index.php,請該檔案的「<?php」之後加入「ob_start('ob_gzhandler');」語法即可。 利用 .htaccess:這方法是透過 Apache 的「Enabling Compression」,請在 Wordpress  根目錄的 .htaccess 檔案加入以下語法(如果沒有請自行建立):[code lang="php"]<IfModule ...
繼續閱讀
使用FFFTP上、下載旅遊照片
FTP 全名為 File Transfer Protocol(檔案傳輸協定),主要是傳輸檔案所使用的協定,明白來說 FTP 就是用來規範電腦之間傳輸檔案的共同協定(規則),透過 FTP 協定就可以很容易讓兩部電腦檔案傳送順利進行。  FTP Client 有很多軟體,比較著名的就屬 CuteFTP 及 Filezilla,前者是付費軟體,後者則是免費的,但今天原木要介紹的是另一套 FFFTP,這是一套免安裝中文版輕巧的FTP軟體,程式不到 500KB,卻包含了 FTP 的基本功能,並且還有檔案續傳的功能,何謂檔案續傳?當你上、下載檔案到一半的時候,突然連線中斷而造成檔案中止傳輸,檔案續傳可以讓你從中斷的地方繼續上、下載,而不需要再重頭開始,非常方便又節省時間。在介紹 FFFTP 使用方法前,請先下載該軟體:[download id="22"]  副檔名7z 是一個壓縮檔,請用免費軟體 7-Zip 來解壓縮,如果沒有這套軟體,請到 http://www.7-zip.org/ 下載 32-bit 或 x64 位元的版本(一般都是下載 ...
繼續閱讀
水漾森林
本來無意間在網路上搜尋PS要的水漾特效,然而發現這個「翰仔五四三」的網站,裡頭照片張張吸引我,意想不到台灣有如此美景。  在玉山口的路口往裡走,聽作者描述他們爬了 7 小時才尋得此景,水漾森林特殊景觀的形成原因,是由十年前九二一地震造成的堰塞湖所形成,哈哈,7 小時,即使穿著 Prada 惡魔的高跟鞋(高貴G)也爬不動吧,所謂高處不勝寒,想親身體驗嗎?可以的,7 小時的山路吃下來就行,太硬嗎?好~~我們還是乖乖看美麗的照片唄 ...水漾森林.令人摒息的美(水漾篇)http://hans543.com/2010/02/water-forest-water.html
繼續閱讀
利用CSS讓有超連結圖案出現透明效果
find 與 xargs 的結合運用
啟動WordPress的Gzip網頁壓縮功能
使用FFFTP上、下載旅遊照片
水漾森林