MbDmt網智 http://blogger.mbdmt.com 網頁設計相關的技術文章 Mon, 26 Apr 2010 12:22:19 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 在godaddy安裝F2blog http://blogger.mbdmt.com/?p=138 http://blogger.mbdmt.com/?p=138#comments Sat, 17 Apr 2010 00:25:23 +0000 mbdmt chino http://blogger.mbdmt.com/?p=138 最近幫客戶安裝F2blog這個部落格程式，主機是用godaddy的

由於是搬家過去，所以整個備份上船很多檔案附件

終於安裝完畢，打開首頁之後就無言了

出現500 internal server error

後台倒是可以正常進入

改了一些樣板及靜態化也不行

目錄權限也對

後來想到是不是php版本問題，但是我原來的都是php5+mysql5一樣的

反正就是弄很久

最後還是去godaddy那裡看一下是不是選php4看看

結果發現godaddy現在變成有四種版本可選

php4 fastcgi
php5 fastcgi (預設到這個)
php4
php5

因為不想用godaddy php4 版，因為它預設沒有編碼轉換的支援(icnov)
改選了最後一個php5 試試看

改了以後，頁面可以開了，但是左選分類怎麼點都回到首頁，

於是選了php4

結果看前台就一切OK

這個應該沒用到iconv編碼之類的吧，總之解決了就好~

所以用godaddy如果遇到500 error改改版本應該就解決了

不知道為什麼選fastCGI就不能用

花了大半天真的很想說…
看看看看看看看看看看看看!

]]> http://blogger.mbdmt.com/?feed=rss2&p=138 0 讓Facebook分享連結時可以顯示小圖示 http://blogger.mbdmt.com/?p=127 http://blogger.mbdmt.com/?p=127#comments Mon, 15 Mar 2010 04:47:45 +0000 mbdmt chino http://blogger.mbdmt.com/?p=127 現在很流行的Facebook ，現在幾乎要做活動網站或部落格幾乎都會有分享連結
Facebook通常是用如下的連結做推薦


http://www.facebook.com/share.php?u=分享網址&t=網頁標題

但是實際上連過去以後 FB會自動從分享網址搜尋 他要的訊息，不一定會顯示你指定的標題

所以你必須在頁面上做一些語法標示，可以出現標題、文案和圖示，用以下的語法可以做到

讓FB抓到你要的推荐資料，記得這些是加在</head>前面

<meta name="title" content="網頁標題會顯示粗體" />
<meta name="description" content="網頁說明文案" />
<link rel="image_src" type="image/jpeg" href="要顯示的圖檔網址.jpg" />

圖片的大小寬度是100px內，在大的話，FB會縮圖，圖片就可能會變形。

 

效果會像這樣
如果要多張圖的話
建議另外寫不同的方式來讓FB讀到圖片
就是將img圖片寫在<li></li>標籤裏面，效果是比較好的，且圖片要用全網址http://開頭，不要只用xxx.jpg
對於其他類似的像murmur.tw也可以抓的到，比較通用。
全Flash的話可以圖片把它定義在一個div區塊設隱藏css語法display:none;
圖片一定要在flash前面喔
以上給大家做參考嚕~~
]]> http://blogger.mbdmt.com/?feed=rss2&p=127 1 Calendar 日期下拉選擇控件 http://blogger.mbdmt.com/?p=112 http://blogger.mbdmt.com/?p=112#comments Thu, 11 Feb 2010 03:57:03 +0000 mbdmt chino http://blogger.mbdmt.com/?p=112 Calendar 日期下拉選擇控件

這款下拉日期選擇的控件是我找了好久，覺得非常好用

他可以很快的下拉年份和月份並選擇，我個人在修改過讓它可以在其他瀏覽器正常顯示

並且加了幾個顏色的設定可以在不同網站色系調整使用自行配色。

另外這款並沒有把CSS分出來
我個人懶的弄
這樣應該不錯了~

// 版權說明
// written by Tan Ling Wee on 2 Dec 2001
// last updated 20 June 2003
// email : fuushikaden@yahoo.com

// 修改版 2010/02/10 by chino lin (http://blogger.mbdmt.com/)
// 支援IE6.7.8、Firefox 3.x、google chrome，加上顏色的設定值

=====================================================
Calendar 日期下拉選擇控件 預覽圖:
=====================================================

=====================================================
Calendar 日期下拉選擇控件 安裝方式:
=====================================================

1.js程式放到<BODY>之前(路徑要正確)

<script language="JavaScript" src="calendar/calendar.js" type="text/javascript"></script>

2.文字框加入onclick代碼

<input onclick="popUpCalendar(this, this,'yyyy-mm-dd')" readonly="readonly" size="10" name="startdate" />

yyyy-mm-dd 格式可自行調整

readonly=』readonly』 加這個會鎖住輸入框不能自填，一定用選擇的

3.其他選項設定(非必要)

1) 用文字編輯器打開calendar/calendar.js
2) 找到一些設定值並調整

var menubgcolor = "#A9A9A9" //選單背景色
var menubordercolor = "#CFCFCF" //選單線框色
var menubordercolor2 = "#F6F6F6" //hover選單線框色
var startAt = 1 // 0 - sunday ; 1 - monday 一週開頭星期幾?
var showToday = 1 // 0 - don't show; 1 - show 是否顯示當天日期
var imgDir = "calendar/" // directory for images ... e.g. var imgDir="img/" 本控件相關圖片路徑

 

完成嚕~~!

=====================================================
Calendar 日期下拉選擇控件 DEMO:
=====================================================

http://www.mbdmt.com/calendar/

下載完整程式

Calendar 日期下拉選擇控件

本網頁教學由 chino lin (http://blogger.mbdmt.com) 製作
版權為原作者所有

]]> http://blogger.mbdmt.com/?feed=rss2&p=112 0 驗證輸入光標是否在輸入框上 http://blogger.mbdmt.com/?p=110 http://blogger.mbdmt.com/?p=110#comments Wed, 27 Jan 2010 13:55:20 +0000 mbdmt chino http://blogger.mbdmt.com/?p=110 <input name="idname" type="text" id="idname" size="10"> if(document.activeElement.id == "idname"){ ...... } ]]> http://blogger.mbdmt.com/?feed=rss2&p=110 0 反查IP位置上已有設定的網址名稱 http://blogger.mbdmt.com/?p=103 http://blogger.mbdmt.com/?p=103#comments Wed, 20 Jan 2010 11:00:30 +0000 mbdmt chino http://blogger.mbdmt.com/?p=103 如果只有IP位置，可以查看看這個IP有多少個網址在使用
還有IP主機所在國家/單位，連線品質(這個僅供參考了)

這個還不錯
http://www.haoso8.cn

如果上面找不到可以試試這個
http://ip.wen.la

如果都找不到，那可能就是網址設定方式不同
可以試試從網址查回IP，看是不是有一致~

]]> http://blogger.mbdmt.com/?feed=rss2&p=103 0 yahoo奇摩2009年度客戶訪談實錄 http://blogger.mbdmt.com/?p=99 http://blogger.mbdmt.com/?p=99#comments Wed, 20 Jan 2010 09:59:56 +0000 mbdmt chino http://blogger.mbdmt.com/?p=99 這是yahoo找一些企業主管訪談影片

雖然大部份在推薦yahoo行銷，但是也有不錯的口語可以學習 ( 蠻多人提到 活動推廣的廣度、深度和精準度 這些詞彙，聽起來是蠻籠統的，顆顆~)

推薦大家有空可以看看

http://tw.emarketing.yahoo.com/ems2/case/monthly/09recommend.php?menu_tree=C&menu_sub_tree=a

]]> http://blogger.mbdmt.com/?feed=rss2&p=99 0 滑鼠移動到物在下面件顯示一個區塊(jquery版) http://blogger.mbdmt.com/?p=90 http://blogger.mbdmt.com/?p=90#comments Sun, 17 Jan 2010 06:10:16 +0000 mbdmt chino http://blogger.mbdmt.com/?p=90 如果要指定某一個容器想要做mouseover顯示另一個區塊的效果，那就可以參考這篇
先看圖示

語法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mouseover_jquery</title>
<style type="text/css">
<!--
.goods {
	background-color: #FF9900;
	margin: 10px;
	float: left;
	height: 100px;
	width: 100px;
	position: relative;
}
#gshow {
	position: absolute;
	display:none;
	height: 100px;
	width: 100px;
	top: 200px;
	left: 40px;
         background-image: url(images/xxxxx.gif);//無效背景圖
}
.out {
	height:100%;
	width: 440px;
	position: relative;
	overflow-x: hidden;
	overflow-y:auto;
	margin: 15px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">
<!--
function gover(object,shobject) {

	var gshowf=document.getElementById(object);
	var gposition = $('#'+object).offset(); //物件座標xy
	var gx = gposition.left;
	var gy = gposition.top;

	var gshowoj=document.getElementById(shobject);
	gshowoj.style.position='absolute';
	gshowoj.style.top=(gy+100)+'px';
	gshowoj.style.left=gx+'px';
	gshowoj.style.display="block";

}
function gout(object) {
	document.getElementById(object).style.display="none";
}
function gover2(object) {
	document.getElementById(object).style.display="block";
}
//-->
</script>

</head>

<body>
<div id="out" class="out">
<div class="goods" id="g1" onmouseover="gover('g1','gshow')" onmouseout="gout('gshow')"> class "goods" 的內容放在這裡</div>
<div class="goods" id="g2" onmouseover="gover('g2','gshow')" onmouseout="gout('gshow')"> class "goods" 的內容放在這裡</div>
<div class="goods" id="g3" onmouseover="gover('g3','gshow')" onmouseout="gout('gshow')"> class "goods" 的內容放在這裡</div>
<div class="goods" id="g4" onmouseover="gover('g4','gshow')" onmouseout="gout('gshow')"> class "goods" 的內容放在這裡</div>
<div class="goods" id="g5" onmouseover="gover('g5','gshow')" onmouseout="gout('gshow')"> class "goods" 的內容放在這裡</div>
<div class="goods" id="g6" onmouseover="gover('g6','gshow')" onmouseout="gout('gshow')"> class "goods" 的內容放在這裡</div>
<div class="goods"> class "goods" 的內容放在這裡</div>
<div class="goods"> class "goods" 的內容放在這裡</div>
<div class="goods"> class "goods" 的內容放在這裡</div>
<div class="goods"> class "goods" 的內容放在這裡</div>
<div class="goods"> class "goods" 的內容放在這裡</div>
<div class="goods"> class "goods" 的內容放在這裡</div>
</div>
<div id="gshow" onmouseover="gover2('gshow')" onmouseout="gout('gshow')"><img id="bjimg" border=1 src="mbmail.gif" /></div>
</body>
</html>

補充:
IE下mouseover在DIV上，如果無指定背景色或背景圖，則一定要移動在裡面的文字或圖才會有效
但如果你是希望整塊DIV大小都能有效被觸碰，又希望DIV物無色透明，那就是指定一張無效背景圖即可

下載範例檔
mouseover_jquery

]]> http://blogger.mbdmt.com/?feed=rss2&p=90 0 自動判斷容器高度是否該顯示捲軸 http://blogger.mbdmt.com/?p=78 http://blogger.mbdmt.com/?p=78#comments Fri, 15 Jan 2010 05:02:46 +0000 mbdmt chino http://blogger.mbdmt.com/?p=78 這個需求是有時候一個A區塊不固定高度，但是下面接著一個B區塊要緊跟著，不想留空

但如果A區塊超過某個高度，就必須用捲軸顯示，因為不想讓頁面拉的太長

且B區塊不再捲軸之內。

CSS一般狀態下自動捲軸是要指定高度的，固定住高度的話，底下如果接著另一區塊內容，可能會空白一大塊

不太美觀，這時可以藉由javascript來處理，我用的是jquery來處理，應該比較容易使用。

請看以下的圖示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>autoheight_jquery</title>
<style type="text/css">
<!--
.goods {
	background-color: #FF9900;
	margin: 10px;
	float: left;
	height: 100px;
	width: 100px;
	position: relative;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*以下為必須的CSS設定*/
.out {
	height:100%;
	width: 440px;
	position: relative;
	overflow-x: hidden;
	overflow-y:auto;
	margin: 15px;
}
-->
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">
<!--
$(document).ready(function () {
	var obheight = 700;//超過容器高度自動捲軸
	var obname = '#out';//容器的ID
	var mc = $(obname).height();
	if(mc>obheight) $(obname).height(obheight+'px');
});
//-->
</script>
</head>
<body>
<div id="out" class="out">
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
<div class="goods"> 內容放在這裡</div>
</div>
<div><img src="mbmail.gif" /></div>
</body>
</html>

下載範例檔->DownLoad autoheight_jquery Demo

]]> http://blogger.mbdmt.com/?feed=rss2&p=78 0 很慘的高雄雪世界之旅 http://blogger.mbdmt.com/?p=72 http://blogger.mbdmt.com/?p=72#comments Wed, 13 Jan 2010 03:21:25 +0000 mbdmt chino http://blogger.mbdmt.com/?p=72 想說沒玩過雪，看到高雄雪世界有雪世界 趁禮拜六日去高雄玩玩

也蠻久沒去高雄了

禮拜六一早大約6點多出發，坐統聯去

大約12點多到高雄，到旅社休息一下，下午2點多到雪世界去玩，到那裡有點小失望

我以為會有飄雪設施，結果沒有= =

就是頂著大太陽腳下有冰

算是體驗滑雪設施，整個沒有太驚喜

到了晚上7點多去六合夜市逛，還有遇到庹宗康他們在玩處罰遊戲，就一堆人圍在那裡

他被夾子夾，只看了一下子，因為剛去要找東西吃比較重要.

到了隔天早上，發現女兒開始發燒了 = =

原來是打算去夢時代廣場逛逛，不去有覺得可惜

後來就叫台計程車請師基先生幫我們找有開的診所

還好沒多久就有看到一家小兒科，進去才發現沒健保…..花7百多塊(好貴 ==)

醫生是說喉嚨有發炎，38.4度，有開抗生素和一些藥。

吃了藥以後還是去夢時代逛逛，去那租了兒童推車，說到這個

那裡的推車只有給2歲以下小朋友用的，我女兒四歲多了，第一處服務台說不能借，結果我們一定要用阿，跑到別的服務台

小孩在別地方等不給她們看到，跟服務小姐說2歲，才借到，呵~

坐上去還好腳長了 點，還是可以動，就坐在上面睡著了

我們也可以好好逛逛~

逛到下午2點多才回台北，回到台北就8點多了

一路上可能女兒不舒服一直要抱，行李也不少，所以整個就是累阿

隔天女兒一直喊喉嚨痛，我們以為是感冒多少會喉嚨痛有就不以為意

反正還有藥可以吃

但是晚上就一直喊痛，我才覺得不太對勁

晚上9點半多趕快帶去診所看，禮拜一人超多的，排到晚上11點半才看到，還好那家看的晚，我們是最後一號

好不容易等到，醫生一看喉嚨就說是腸病毒，也給我看，真的要嚇死我了，喉嚨裡都是長白色泡泡，就是常說的』疱疹性咽峽炎『。

還好有堅持看了醫生，不然去學校會傳給別的小朋友….

不知道是旅社的水有問題，還是雪世界裡面髒，至少不會建議大家去雪世界，不好玩又怕會染到腸病毒

這次行程真的糟透了QQ

]]> http://blogger.mbdmt.com/?feed=rss2&p=72 0 夢17泡泡染 http://blogger.mbdmt.com/?p=68 http://blogger.mbdmt.com/?p=68#comments Mon, 11 Jan 2010 07:04:09 +0000 mbdmt chino http://blogger.mbdmt.com/?p=68 前兩天去屈臣氏買了夢17泡泡染

因為之前看了廣告很想用看看

他有添加草本的東西

我去那家屈臣氏，除了黑以外剩下1盒亮澤橘

好像賣的不錯的樣子。

買回去開了兩包(一共三包)，想說短髮應該不用全部

頭髮弄濕以後稍微擦一下到不滴水

按照說明開始抓抓搓搓，但是泡泡始終搓不出來 = =

蠻像一般的染髮劑感覺，但是味道還可以接受，不會臭

另外就是還好頭皮不會有刺刺的感覺

之前用過幾個都會，有添加植物的果然比較溫和依點

等了20分鐘，就沖水嚕~

結果我染的有點失敗，因為耳朵上面那裏都沒染到，不知道是沒吃到顏色還是怎樣的

說明是說沒染過的劃過兩天再補染依次局部，所以到時候再看看

還好我有留一包

看捕染效果在看看以後是不是要續購~~

]]> http://blogger.mbdmt.com/?feed=rss2&p=68 0