[技巧]破解網頁禁止選取方式

這又是一個不入流的網頁設計做法，既然敢丟到網路上還怕被人複製? 對於這種不入流的作法，不給他破解一下就太對不起自己了~老樣子，就請各位隨意把一個網頁加入我的最愛後，在該項目上面點選滑鼠右鍵/內容，接著把以下這一段連結貼到URL欄位中

javascript:(function()%20{%20function%20R(a){ona%20=%20"on"+a;%20if(window.addEventListener)%20window.addEventListener(a,%20function%20(e)%20{%20for(var%20n=e.originalTarget;%20n;%20n=n.parentNode)%20n[ona]=null;%20},%20true);%20window[ona]=null;%20document[ona]=null;%20if(document.body)%20document.body[ona]=null;%20}%20R("click");%20R("mousedown");%20R("mouseup");%20R("selectstart");%20})()

然後切換到"一般"頁籤，把捷徑的名字換掉即可，未來遇到不入流的部落格或是網站的時候，就請給他按下去，你會發現網站內容又可以選取了~呵呵

[軟體]Babylon 超好用免費版翻譯軟體

從多年前用過Babylon之後就一直很喜歡這套軟體，占用資源少速度又快，且不會像眼睛先生一樣搞的畫面被占掉一大半，只是以往都要收錢，現在有免費版了~雖然某些專業的辭典還是要收錢，但目前這樣也夠應付平常使用需求了，有興趣使用的人可以到這裡來下載喔

[網站]幾個不錯的網頁圖樣網站

做網頁不可沒有圖片，沒有圖片的網頁能看嗎?不管你是專業設計師還是一般使用者，網頁加上個背景圖片(樣)，絕對是個必要的工作，以下壞掉的印表機精選幾個不錯的網頁圖樣網站，想必一定能讓你找到滿意的圖樣的。

bgpatterns圖樣編輯器

這個網站可以讓你線上編輯圖樣後，直接套用在該網頁上面讓你看效果，最後在決定是否要下載來使用，且不只可以改圖樣，還能改背景材質、背景顏色、圖樣顏色、圖樣角度、圖樣透明度…等，方便的不得了阿~唯一的缺點是背景材質太少以及圖樣只能使用該網站既有的圖樣。

Stripemania圖樣編輯器

Stripemania是一個線上條紋圖樣編輯的網站，且該網站專門讓你編輯斜條紋的背景圖樣，簡單、易用、效果好~很推薦大家去使用看看喔~

Stripe Generator

Stripe Generator 也是一個線上斜條紋圖樣產生網站，而且比上面那個網站更厲害的是，該網站條紋的角度更多變化一點。

dinpattern

這個網站的圖樣頗適合拿來當作包裝紙的，花紋偏向複雜風格，很美喔~

Squidfingers

Squidfingers 網站目前有一百多個圖樣，有點偏向布紋，想必應該能找到適合你的網站的圖樣。

K10K

K10K這個網站風格頗可愛的，花紋是有點小複雜啦，要仔細找找，可以找到很漂亮的圖樣喔。

noqta

這裡的圖樣不多，不過還頗素雅的，變化不多，可參考看看。

www.tilemachine.com

這裡的風格頗電玩風的，採用16色的設計，有興趣看看的人可以去看看喔~

everydayicons

everydayicons 的圖樣真是超超超可愛的啦~日本風格的可愛圖樣，喜歡可愛圖樣的人不可錯過這個網站喔~

Pattern8

這裡圖樣不少變化，頗新奇的，參考看看喔。

ava7

這個網頁設計得很有趣，尤其是右邊的殺死蒼蠅(有含意的)，快去看看吧。

Pattern Cooler

這網頁厲害了，直接採用SVG來做線上繪圖，所以你可以線上更改圖樣的顏色等資訊，強的勒!! 不過前提是你的瀏覽器要支援SVG才行喔。

[工具] 網頁Xray !!! 小心你的眼睛!!!

Xray 是一個網頁設計的小工具，放心~他不會傷了你的眼! 它可以讓你檢視網頁中每個元素的CSS設定，甚麼?! 你說像Firebug? 其實他沒有FireBug那麼樣的功能強大，但是就檢視層面來看，他卻比FireBug還要來的直覺，不多說，先來看看怎麼用比較重要。

首先請各位隨便把一個網加入我的最愛，然後到我的最愛中找到剛剛那個網站，並在該網站上面點選滑鼠右鍵，在快顯選單中選取[內容]，然後在跳出的視窗中把下面連結複製起來貼到該URL欄位中

javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');

 

接著，請切換到[一般]標籤頁，再把你的標題換成[Xray]就完成啦。

 

 

以後要使用的時候，先在你想檢視的網頁中，點及這個[Xray]捷徑，畫面會出現一塊半透明黑色的資訊區塊，你可以隨意的拖動他(這不是重點)

 

接著用滑鼠點到你想看的網頁區域，這範例我是點到那個小人頭(紅箭頭處)

然後畫面就可以看到有他這個區塊的周圍資訊(距離)

 

接著我們再看左手邊這個一開始就出現的半透明黑色區塊，他分為三列，第一列是你點選區塊的ID名稱及類別名稱，第二列是HTML的層次，第三列則是所有CSS的設定資訊。

 

 

 

 

 

講完了~就那麼簡單~還不快去用!!