2012年12月21日星期五

用javascript來設定登入密碼保護網頁

http://www.study-area.org/coobila/tutorial_265.html

2012年12月7日星期五

WOWslider java特效去除浮水印的方法

For wow slider 2.7.1 版

1.先用原本的圖片把data1/images/裡面加了浮水印的圖片覆蓋

2.打開engine1資料夾內的 wowslider.js

3.用尋找功能找到這一段「zIndex:11,right:"5px",bottom:"2px"」

4.在後面加上 ,display:"none" 也就是變成「 zIndex:11,right:"5px",bottom:"2px",display:"none" 」

5.按儲存，就大功告成了

youtube上的教學影片...不過是for舊版下方的討論裡面有人提供新版的去除方法

2012年12月6日星期四

2012年12月3日星期一

因為客戶的需要，為了防止機器人的留言灌水，所以嘗試在網路上找一些可以加在php留言板的驗證碼套件，但是結果是非常令人失望的。
因為找的到檔案，都是要搭配例如PHPBB或是一些大型的論壇所使用的，重點是不能單獨的存在；還有找到一個，不過，所開發的作者並不願意公開分享。
所以，為了能讓廣大的網路使用者，在單純的php留言板，能外掛一個小套件，便能擁有一個圖片驗證碼的功能之情況之下，所以我們整合了這一個小套件，供大家下載使用，並歡迎大家共同分享。

　檔案大小：3kb　

下載檔案: PHPverify.rar 備用下載：PHPverify.rar

　使用說明：

請先下載 PHPverify.rar 這一個檔案，解壓縮之後，會有 imagebuilder.php 及 settings.php 這2個php檔案，請將這2個檔案放在您php留言板的網站同一層目錄中，接下來在您的php留言板，在您要新增驗證碼的地方插入以下語法。

網頁語法如下：
<td align="left" colspan="2"><font size="2">請輸入驗證碼：</font><img src="imagebuilder.php" border="1">
<input maxlength=8 size=8 name="userstring" type="text" value=""></td>

最後看您的留言板一定是會將留言的資料以POST的方式，看form就可以知道是傳到那一個檔案
在此接收並傳送的php頭頂加上此段：
include "settings.php";
@session_start();
$string = strtoupper($_SESSION['string']);
$userstring = strtoupper($_POST['userstring']);
@session_destroy();
if (($string != $userstring) || (strlen($string) <= 4)) {
echo "<center><br><br><br><br><br><br><br><font color=red size=2>驗証碼錯誤！請輸入正確的驗證碼</font><br><a href=javascript:history.back(1)><font size=2><center>回上一頁</font></a>";
exit();
}

本文轉貼於"一方位網頁設計"

2012年11月26日星期一

javascript圖片轉場特效、圖片效果及css圖片動畫特效收集

參考1

參考2

10 CSS And Javascript Animation Plugins, Frameworks and Libraries

jqueryui.com

可以用javascript實現的10種圖片特效

原文網址

參考網址

安裝方法：

將下載的壓縮包解壓之後上傳到網站空間，然後在需要顯示效果的head裡添加代碼，比如高光陰影效果Glossy，添加的代碼是：
<script type="text/javascript" src="glossy.js"></script>
對於Wordpress，可以在header.php裡添加。如果只要求文章頁裡出現效果，也可以考慮在single.php裡添加。
然後，在想要顯示特效的圖片的<img>標記裡添加：
class="glossy"
這樣效果就出現了。
其它效果添加方法類似。

用php導入獨立的網頁檔案，可將共用的選單列單獨一個檔案，方便維護修改

把選單列另外制作為menu.php

在要出現選單列的位置輸入php語法

<?php

require_once("./menu.php");

參考資料

2012年11月14日星期三

google chrome 無法將字型設定小於12px的解決方式

Chrome要將字體大小設於小於12px

須在css上加上一個webkit獨有的屬性

-webkit-text-size-adjust:none;

解決png檔案在ie6下背景不透明的問題

http://christopherschmitt.com/2007/10/30/png-transparency-for-internet-explorer-ie6-and-beyond/

2012年11月12日星期一

[CSS Hack]解決IE6、IE7、IE8、Firefox、safari的瀏覽器相容性問題！

參考網頁：http://sofree.cc/ie6-ie7-ie8-firefox-css-hack/

.className {

font-size:12px; \*這一行所有瀏覽器都看得懂，所以是給Firefox套用的*\

font-size:14px\9; \*這一行則是所有的ie都看得懂*\

font-size:14px\0; \*這一行只有ie8看得懂*\

[;font-size:16px;] \*這一行專門給Chrome跟Safari用，不過IE6跟7也看得懂喔*\

＊font-size:18px; \*這一行給ie7*\

_font-size:20px; \*這一行給ie6*\

}

給Firefox套用的要寫在給Google Chrome跟Apple Safari使用的前面，
否則firefox上的會無效。

給Google Chrome跟Apple Safari使用的css hack一定要寫在ie8的設定後面，

若是沒有依照此種順序，將會造成後續ie6與ie7的css hack設定無效。

facebook的按讚的統計報告及指定分享資訊meta tag設定

到這個頁面去註冊你網站的網域每天按讚的人口統計就能在這裡一目了然

Facebook 設定分享網頁的標題 + 內文 + 圖片分享:

瀏覽者分享你網址到塗鴉牆時出現的分享內容,可以用下面這些meta tag 來事先定義

http://developers.facebook.com/docs/opengraphprotocol/

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head><title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>
... </head> ...
</html>

p.s. og:image 的content路徑需與
如果是之前已經分享過,現在想要改成上面這樣自訂分享訊息

將要分享的網址輸入到這個網頁 http://developers.facebook.com/tools/debug

據說 facebook 會暫存這個資料24h

參考網址：http://greenchiou.blogspot.tw/2011/04/facebook-open-graph-protocal.html

2012年10月27日星期六

Flash內的Math.

Math.floor----->無條件捨去
//取亂數0~8，則會得到0~7的整數

Math.ceil ----->無條件進位
//取亂數0~8，則會得到1~8的整數

Math.round ----->四捨五入
//取亂數0~8，則會得到0~8的整數

Math.abs --->取絕對值，可將負數變成正數

ex:
Math.ceil(Math.random()*8) //取亂數0~8，會得到1~8的整數

公式：所有範圍皆可用以下公式帶出，但是簡單的範圍用上方幾個方法帶出即可

Math.random()*(大 - 小) + 小

例：取-8~32之間的亂數 Math.random()*(32- -8)+-8; ==> Math.random()*40+ -8 ===>先乘除後加減 , 則會取得 -8 ~ 32間的數

Flash 字串的特性

在Flash內將Number或其他值轉為字串的表示方法有三：

方法一 :
var NNN:Number=11;
SHOW_txt.text=NNN.toString();

方法二:
var NNN:Number=11;
SOHW_txt.text=String(NNN)

方法三:
var NNN:Number=11;
SHOW_txt.text=NNN+" ";

" "表示空字串，"123"+"ABC"電腦會轉譯為"123ABC"，依此特性故123+" " = "123"<--將數值設定為字串的方式之一

2012年9月17日星期一

如何正確實作出固定寬度且置中的版型[引用]

參考網站

http://www.jaceju.net/blog/archives/9/

2012年9月11日星期二

Twitter及Yahoo的模組界面，寫網頁更輕鬆..

Twitter的模組
http://twitter.github.com/bootstrap/javascript.html#tabs

Yahoo的模組
http://yuilibrary.com/

ie 專用[if ie]條件式 html 註解的語法

http://fandouble.blogspot.tw/2010/03/conditional-comments-if-ie-ie-ie-only.html

2012年8月7日星期二

輸出及製作QR-Code的免費網站

http://keremerkan.net/qr-code-and-2d-code-generator/

2012年5月23日星期三

利用Mac(Lion)上的Automator製作新增空白文字txt檔案的服務

1.打開Automator，選擇「服務」，先按儲存。

2.在視窗最上方設定服務接收所選的「檔案或檔案夾」位置：Finder.app

3.首先新增一個「執行ActionScript」然後輸入下面這段

on run {input, parameters}

tell application "Finder"

set currentPath to insertion location as text

set x to POSIX path of currentPath

end tell

return x

end run

4.再新增一個「設定變數數值」，新增一個變數隨意命名，如(CurrentFolder)

5.新增「新增文字檔案」，從下面的變數欄位，把CurrentFolder變數拉到「位置」的欄位內。

然後點擊下面的「選項」，把"工作流程執行時顯示此動作"打勾(只顯示所選項目也可以打勾)。

6.按下ctrl+s儲存即可。

7.之後在要新增文件的地方，任意選一個檔案夾，然後按滑鼠右鍵，跳出的小視窗最下面就會有這個新增的服務，點擊之後，就可新增空白文件檔囉！

P.S.如果沒有加步驟3，那麼在新增時，文件檔就會被新增在所選的檔案夾裡面，而不是檔案夾外的位置。

參考位置：http://hints.macworld.com/article.php?story=20100509134904820

2012年5月11日星期五

解決MAC OS X Lion漢音輸入法輸入「個」字的Bug

MAC OS X Lion 10.7.3在使用漢英輸入「那個」或「幾個」或「那麼」這些詞時，都會出現怪異的文字或是符號，Lion 10.7.4更新目前也沒解決這個問題，暫時解決的方法可以這樣做：

先輸入「個」，在輸入文字下方的底線未消失前，按向左鍵把輸入游標移到「個」字前方，再輸入「那」字。
一樣在下方底線未消失前，按住Shift鍵再按向右鍵，把兩個字選取起來。
接著Shift鍵保持按住不放，同時間按下Enter鍵，這樣就可以把該詞加入到自定詞典中，
之後再打這些詞就不會有問題了(「幾個」、「那樣」的設定流程同上)。

不過這只是暫時的做法，還是希望Apple 官方之後的更新能解決這兩個詞的問題

2012年4月25日星期三

不必學語法！Google 幫你把 Flash 轉成 HTML5

http://www.techbang.com/posts/6975-do-not-have-to-learn-grammar-easily-convert-flash-html5

2012年3月31日星期六

讓你的網頁適合在 iPhone 與 iPad 上瀏覽

讓你的網頁適合在 iPhone 與 iPad 上瀏覽
http://ios.com.tw/article.php?id=72

<script type="text/javascript">
if (navigator.userAgent.indexOf('iPhone')!=-1) {window.location.href = 'mobile.html'} else if (navigator.userAgent.indexOf('ipad')!=-1) {window.location.href = 'ipad.html'} else {window.location.href = 'pc.html'};
</script>

上面的寫法，可以讓判斷使用者使用的裝置，導引到適合不同裝置的頁面

P.S.

以此javascript語法也可以判斷使用者的瀏覽器，如下

if(navigator.userAgent.indexOf("MSIE")>0) {
window.location.href = 'desktop.html'
   }
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
  window.location.href = 'desktop.html'
   }
   if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
  window.location.href = 'desktop.html'
   }
   if(isCamino=navigator.userAgent.indexOf("Camino")>0){
  window.location.href = 'desktop.html'
   }
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
  window.location.href = 'desktop.html'
   }

2012年2月8日星期三

SugarSync

SugarSync:

'via Blog this'

2012年1月8日星期日

mac bootcamp安裝xp硬碟需Format成NTFS

BootCamp 3.0.4 不支援2010年後的mac安裝xp, 2010年的mac安裝xp時, windows 槽硬碟需format成NTFS格式,若維持使用原本的Fat32格式,在安裝完成重新啟動時會出現Disk Error 然後就無法開機囉!

安裝時,要使用'接近'正版的windows xp 光碟才會出現Format選項,有些"燒錄"版的windows安裝程式,會少掉這個步驟

2012年12月21日 星期五

2012年12月7日 星期五

2012年12月6日 星期四

2012年12月3日 星期一

2012年11月26日 星期一

2012年11月14日 星期三

2012年11月12日 星期一

2012年10月27日 星期六

2012年9月17日 星期一

2012年9月11日 星期二

2012年8月7日 星期二

2012年5月23日 星期三

2012年5月11日 星期五

2012年4月25日 星期三

2012年3月31日 星期六

2012年2月8日 星期三

2012年1月8日 星期日