WEB人生

addthis分享按鈕文字可以用其他語系的嗎?

noreply@blogger.com (En Yi) — Sat, 08 Aug 2015 15:35:00 +0000

addthis分享按鈕文字可以用其他語系的嗎?

答案是可以的，只要多加一行javascript。
例如，若要改成英語系文字只要在ui_language:en就行了。

<script type="text/javascript">
var addthis_config = {ui_language: "zh"}
</script>

CSS Position的應用

noreply@blogger.com (En Yi) — Sun, 28 Jun 2015 17:17:00 +0000

CSS position應用可分為
Stastic.relative.absolute.fixed，如何使用這些設定值，可以參考下列兩篇文章：

CSS position 觀念筆記心得
http://blog.rx836.tw/blog/css-positioning/

Learn CSS Positioning in Ten Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/

使用AI剪裁圖像技巧

noreply@blogger.com (En Yi) — Sat, 13 Jun 2015 06:53:00 +0000

在設計一些簡單的EDM時，若需要使用AI進行圖像裁切，該怎麼做呢？
只要跟著下列教學一步一步操作，就可以簡單學會囉。

Step1：

在工具面板上選擇幾何繪圖工具，可選擇你想要裁切的形狀，這裡選擇橢圓形工具來做示範。

Step2：

按住ALT，從中央拉出一個圓形，工具面板上，填色與筆畫上都選擇無色。

Step3：

展開圖層，幾何圖形路徑需要在欲裁切的圖像之上。

Step4：

將欲裁切的圖像及幾何圖像全選起來。

Step5：

選擇物件／剪裁遮色片／製作

剪裁完成！

操作教學可參考下列影片：

網頁設計文案排版指北

noreply@blogger.com (En Yi) — Tue, 15 Jul 2014 14:12:00 +0000

網頁設計質感好不好，大多數人只針對視覺設計上著默，但其實文案排版的技巧也是非常重要一環，尤其使用繁體中文排版時，更為重要，但往往都被人忽略了。

這個文案排版指北，明訂了排版相關用法細則，把一些平時大家不會注意到的小細節都明列出來，趕快來看看吧！

文案排版指北：https://github.com/sparanoid/chinese-copywriting-guidelines#spacing-c1

50套Adobe Illustrator筆刷免費下載

noreply@blogger.com (En Yi) — Thu, 26 Jun 2014 02:50:00 +0000

什麼能讓你在設計中更快的達到你的目的？對於很多設計師來說，優秀的設計資源可以幫助他們更好地完成設計。在這篇文章中，我們分享了50套將近200個adobe illustrator筆刷。這些筆刷涵蓋了很多種風格-油畫筆觸，毛筆筆觸，虛線，箭頭，蠟筆，粉彩，鉛筆，水彩等等。真正的量販資源哦。

閱讀更多：http://blog.xuite.net/ru6854/twblog/127790789-50%E5%A5%97Adobe+Illustrator%E7%AD%86%E5%88%B7%E5%85%8D%E8%B2%BB%E4%B8%8B%E8%BC%89

social icon免設計，輕鬆產出！

noreply@blogger.com (En Yi) — Tue, 24 Jun 2014 15:25:00 +0000

簡單的勾選，即可產生HTML.CSS及Javascript等程式碼的社群按鈕。
網址:http://simplesharingbuttons.com/

【Photoshop】使用遮色片去背技巧

noreply@blogger.com (En Yi) — Wed, 21 May 2014 09:29:00 +0000

使用Photoshop軟體中遮色片功能，可以細緻的達到去除背景，保留完整素材的效果！

1.將圖片置入PhotoShop軟體中

2.點選遮色片功能

3.點選筆刷工具

3-1.流量調整為100%

3-2.筆尖型狀選擇"實邊圓形"

4.選擇筆刷尺寸，開始進行描邊

5.圖片放大進行描邊，會更清楚！

6.描邊完成後，再進行全身上色，總之塗滿就是了！

7.完成後，再按一次遮色片，會出現選取範圍。

8.不過因為我們要選取的是人物本身，所以必選反轉選取，使用熱鍵"Ctrl+Shift+I"。

9.接著選擇"矩形畫面工具"，再按下調整邊緣。

10.檢視模式選擇黑底

11.邊緣偵測將智慧型半徑打勾，調整邊緣與輸出也做些調整，讓圖片邊緣多出來的雜質可以完全消失，調整好之後，按下確定即可。

12.使用遮色片技巧去背完成囉

Phoshop去背教學

noreply@blogger.com (En Yi) — Fri, 09 May 2014 10:13:00 +0000

此篇文章為Photoshop各種去背教學總集:

1.【PS教學】CS5遮色片快速去背

WEB與APP設計指南！Photoshop網頁設計白皮書

noreply@blogger.com (En Yi) — Tue, 29 Apr 2014 06:43:00 +0000

中文網站:http://www.fastfoodapp.us/PS/

網頁選單產生器

noreply@blogger.com (En Yi) — Thu, 24 Apr 2014 14:16:00 +0000

有支持Dreamwaver與Wordpress付費選單套件，若需自行建構有提供原始碼與素材。

前往網頁選單產生器:http://cssmenumaker.com/

設計學習必看文章

noreply@blogger.com (En Yi) — Thu, 24 Apr 2014 08:00:00 +0000

設計師自學完全手冊，讓你從零基礎到成為專業設計師
http://techorange.com/?p=91784

速成！一個月學會設計師的基礎技能：字型設計
http://flipermag.com/2014/04/17/font-design/

CSS3 與各瀏覽器相容對照表

noreply@blogger.com (En Yi) — Thu, 24 Apr 2014 07:43:00 +0000

由於各瀏覽器能夠接受的CSS3語法不盡相同，因此前端設計師通常對於各瀏覽器能接受什麼樣的CSS傷透腦筋。有了＂CSS3 與各瀏覽器相容對照表＂就可以一目瞭然，相當不錯呀！

網址:http://robertnyman.com/css3/

讓Joomla!1.0也能夠在php5.3上運行

noreply@blogger.com (En Yi) — Mon, 10 Dec 2012 06:20:00 +0000

前幾天接到通知，跟我們一直合作的主機商，
要將原本php5.2版本升級至php5.3，接著悲劇就這麼發生了。
我們最近接觸的客戶，原來網站就是使用joomla!1.0所架設，
但主機升級至php5.3後，會出現與joomla1.0不相容的情況發生，
最明顯是所有網站內容無法正常呈現。

解決這問題，必須到public_html/includes/Cache/Lite/Function.php進行修改。

利用Ctrl+F 找出下列程式碼:

$arguments = func_get_args();

並取代成

$arguments = func_get_args();

$numargs = func_num_args();

for($i=1; $i < $numargs; $i++){

$arguments[$i] = &$arguments[$i];

貼心提醒：目前Joomla!已經釋出到Joomla!2.5版本以上，
修正了許多早期Joomla1.0系統使用上的錯誤，若您還在使用Joomla!1.0，
建議您盡快更新，避免版本過舊導致許多套件失效。

修改Jacontentslider module 新增target=_blank

noreply@blogger.com (En Yi) — Mon, 26 Nov 2012 11:26:00 +0000

Jacontentslider是一個非常好用的動態展現模組。可指定joomla content、k2 content亦或是images作為圖文輪播，同時具有不同的特效。

當指定images輪播時，點擊圖片會直接開啟此模組，而非新增一新視窗。為解決此問題必須：

1.從FTP進入，找到publick_html/Module/mod_jacontentsilder資料夾
2.開啟資料夾中helper.php
3.找到以下程式碼

$image = '<a href="' . $link . '" title="" class="ja-image">' . $image . '</a>';

並修改為

$image = '<a href="' . $link . '"target="_blank"" title="" class="ja-image">' . $image . '</a>';

使用「BigDump」匯入MySQL資料庫

noreply@blogger.com (En Yi) — Tue, 18 Sep 2012 19:25:00 +0000

MYSQL資料庫匯入的方式有很多種，一般較常使用phpMyAdmin管理介面來匯入與匯出。正常情況匯出檔案不會有太多問題，而匯入時就會發生伺服器對檔案大小有所限制，導致sql無法正常匯入。

解決方式有很多種，在這推薦一種簡單的解決方式，使用「BigDump」工具，可以協助將sql檔直接匯入MySQL資料庫，此種方式不需修改「php.ini」組態檔中的「upload_max_filesize」或「max_input_time」等設定檔。

第一部分:設定「BigDump」

先至「BigDump」官方網站下載:http://www.ozerov.de/bigdump/

修改「bigdump.php」

進行匯入工作前，須先對「bigdump.php」修改資料庫帳號、使用者帳號及密碼。按Ctrl+F搜尋「$db_server」，再將實際資料庫資料填入：

$db_server = '主機名稱';（一般為localhost）
$db_name = '資料庫名稱';
$db_username = '使用者帳號';
$db_password = '使用者密碼'
範例:

接著再搜尋「$filename」，針對下列資料進行設定：

$filename = '檔案名稱.sql';
$ajax = true;
$linespersession = 3000; (設定每次還原幾筆資料)
$delaypersession = 5000; (每次間隔休息時間，設定5000為休息5秒鐘。)
範例:

再來搜尋「$db_connection_charset」設定資料庫語系，依照資料庫語系進行設定，一般填入「utf8」即可。

$db_connection_charset = 'utf8';

第二部：使用「BigDump」匯入資料庫

將「bigdump.php」與「檔案名稱.sql」放入同一個資料夾，並上傳至伺服器。

最後打開瀏覽器輸入bigdump.php 所在網址，如http://twotrees.tw/dump/bigdump.php

當藍bar全滿後，出現「Congratulations: End of file reached, assuming OK」的訊息後，表示資料庫匯入完成。

啟用Joomla!2.5連絡表單ReCaptch圖形驗證

noreply@blogger.com (En Yi) — Sat, 18 Aug 2012 13:05:00 +0000

ReCaptcha圖形驗證，能避免有心人透過Joomla內建的連絡表單，發送大量垃圾郵件，甚至病毒郵件。

為什麼會寫這篇文章呢?主要是因為今天意外的收到一封，透過連絡表單寄來的垃圾郵件，信件沒太多文字描述，但附上很多連結，如果不小心打開連結，搞不好就中毒啦！所以才促使我必須安裝圖形驗證功能。

Joomla2.5內建的連絡表單功能，如果您不需要太多額外的功能，基本上就已經很實用。只要再啟用ReCaptcha圖形驗證就更完美啦！

啟用ReCaptcha圖形驗證步驟如下：

1. 你必須先擁有一個Google帳號，並登入帳號。（如果沒有Google朋友，請先申請帳號）

2.造訪https://www.google.com/recaptcha/admin/create，輸入您個人網站網址於Domain下方，再選擇【Create Key】。

3. 之後會取得個人網站的兩串金鑰，分別是【Public Key】及【Private Key】，請先別關閉此網頁。

4.登入你的Joomla2.5網站後台，選擇【元件】/【聯絡人】/右上角【選項】

5.選擇【表單】後，在聯絡人中允許圖形驗証(Captcha)的地方，選【圖形驗証Recaptcha)】，最後再按儲存&關閉即可。

6. 進入網站後台，【擴充套件】/【外掛管理】編輯【圖形驗証 - ReCaptcha】，在【公開金鑰】地方輸入步驟3所取得的「Public Key序號」及在【私密金鑰】地方輸入步驟3所取得的「Private Key序號」，最後選擇主題後，按【儲存&關閉】就大功告成囉。

設定完成後樣貌

讓CMS的網頁手機版圖片不超出瀏覽界面

noreply@blogger.com (En Yi) — Fri, 17 Aug 2012 10:08:00 +0000

我們在使用joomla!CMS系統，替客戶客製化網站時，赫然發現從電腦螢幕上瀏覽圖片本身很合版，但從網頁手機版上瀏覽，圖片會超出瀏覽介面，這對瀏覽者本身在瀏覽資訊上並不友善，至於要怎麼克服這問題呢?

本以joomlart提供的佈景主題為例，此模版商幾乎都有另外提供網頁手機版功能。首先須先確認手機版面的寬度為何?(本例手機寬度為330px) ，再將下列CSS語法貼入即可：

div img {
/* IE7、FF等其他非 IE 瀏覽器下最大寬度為 330px , IE6 以下不支援 max-width 屬性 */
max-width:330px;
/* 當圖片大小大於 330px，自動縮小為 330px */
width:expression(document.body.clientWidth>330?"330px":"auto");
overflow:hidden;
}

最後打開你的智慧型手機瀏覽看看，一切正常，就完成囉。

修改configuration.php，讓子目錄網址不再顯示

noreply@blogger.com (En Yi) — Thu, 16 Aug 2012 08:02:00 +0000

利用.htaccess解決主網域指向子目錄(可參考:使用BlueHos將主網域指向子目錄)，仍然有一個問題，瀏覽器上仍然會呈現子目錄網址，如：twotrees.tw/twotrees1為例。

要解決此問題，必須到public_html/twotrees1底下修改configuration.php，其修改內容如下：

public $log_path = '/home8/twotrees/public_html/twotrees1/logs';

去除twotrees1修改後為：

public $log_path = '/home8/twotrees/public_html/logs';

public $tmp_path = '/home8/twotrees/public_html/twotrees1/tmp';

去除twotrees1修改後為：

public $tmp_path = '/home8/twotrees/public_html/tmp';

public $ftp_root = '';

修改後為

public $ftp_root = 'public_html';

public $live_site = '';

修改後為

public $live_site = 'http://twotrees.tw';

最後存檔完畢，請從伺服器上傳configuration.php，FTP上傳容易出現權限問題而無法上傳。

修改成功後，瀏覽上就不會再出現子目錄網址囉。

使用BlueHos將主網域指向子目錄

noreply@blogger.com (En Yi) — Thu, 09 Aug 2012 13:58:00 +0000

使用Bluehost好處，除了價錢實惠，同時能架設多個獨立Domain網站。

一開始承租Bluehost，若是使用Joomla!架站，主網域原始設定是呈現於Public_html根目錄之中。然而隨著建立多個子目錄後，就會開始看起來有點亂，同時會發生使用其他網域指定到子目錄時，發生讀取不到圖片之問題。

為解決此問題，建議將根目錄底下，只存放子目錄就好，同時將主網域指定在其中一個子目錄中，如此一來根目錄不但資料清楚，也可以解決子目錄讀取不到圖片之問題。

解決方式：

請在public_html資料夾底下建立.htaccess文件（可用筆記本或notepad++建立），其貼上其內容如下：

# Bluehost.com 
# .htaccess main domain to subdirectory redirect 
# Copy and paste the following code into the .htaccess file
# in the public_html folder of your hosting account 
# make the changes to the file according to the instructions. 
# Do not change this line. 
RewriteEngine on
# Change example.com to be your main domain.
RewriteCond %{HTTP_HOST} ^(www.)?example.com$ 
# Change 'subdirectory' to be the directory you will use for your main domain. 
RewriteCond %{REQUEST_URI} !^/subdirectory/ 
# Don't change these line. 
RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d 
# Change 'subdirectory' to be the directory you will use for your main domain. 
RewriteRule ^(.*)$ /subdirectory/$1
# Change example.com to be your main domain again.
# Change 'subdirectory' to be the directory you will use for your main domain
# followed by / then the main file for your site, index.php, index.html, etc. 
RewriteCond %{HTTP_HOST} ^(www.)?example.com$ RewriteRule ^(/)?$ subdirectory/index.html [L]

其中請將藍字的example.com修改為您的主網域名稱，藍字subdirectory修改為你欲指定主網域的子目錄名稱。若是使用joomla架站，請將index.html修改為index.php。

P.S 請注意.htaccess格式，若上傳FTP後呈現.htaccess.txt，請將.txt去除。

設定完成後，根目錄底下應該只有子目錄資料夾與.htaccess檔。

利用.htaccess解決主網域指向子目錄問題後，仍然有一個問題，瀏覽器上主網域仍然會呈現子目錄網址，如：twotrees.tw/twotrees1，若不想顯示子目錄網址，可參考這篇：修改configuration.php，讓子目錄網址不再顯示。

文章分享按鈕- AddThis 共享平台！

noreply@blogger.com (En Yi) — Sat, 28 Jul 2012 15:48:00 +0000

文章分享功能是現今網站必須的一個功能，可從各社群網站（如:FaceBook、Google+及Twteer等）提供開放原始碼內嵌到自家網站上，然後若能各協助我們將各社群網站的分享功能集結成套件，那是非常棒的事情！

網站連結：http://www.addthis.com

AddThis，便是一提供免費社群網站分享功能服務之平台，同時也是號稱全世界最大使用戶共享平台，讓我們來看看，為何AddThis敢如此稱呼吧！

1.AddThis全球平均每月有1.3億用戶到達。

2.約有14萬個網站使用AddThis產品。

3.每個月有90億用戶到達AddThis網站瀏覽。

為何會有如此龐大的使用戶?坦白說，一開始我也不是很明白，但經過深入了解後，發現一切都是因為AddThis提供的服務真的是太貼心了，所以呢，也難怪有那麼多用戶了。然而AddThis這間公司主要是以提供網路行銷與分析起家，所研發的社群功能套件，只是他們回饋給網友，所以不收任何費用。

AddThis不僅提供開放程式碼，可放置一般網站中。同時也很貼心的客制化各CMS內容管理系統套件，讓使用者安裝更便利，像是世界三大CMS系統，Joomla!、Drupal及Wordpress，AddThis皆有提供已寫好的套件及模組。

同時AddThis提供不同社群分享按鈕樣式，滿足不同網站經營者呈現習慣。

在此提供給各位網站經營者、站長及部落客們做為參考。

Docspal線上轉檔工具

noreply@blogger.com (En Yi) — Mon, 19 Mar 2012 13:38:00 +0000

官方網站；http://docspal.com/

Docspal網站提供一個免費的線上轉檔平台，不論是文書格式轉檔，亦或是圖像及影音轉檔，格式轉檔支援非常廣泛。

使用Joomla! 1.7架站的13堂課

noreply@blogger.com (En Yi) — Wed, 07 Mar 2012 12:40:00 +0000

Joomla!改為1.7版本後，內容框架更為完整，讓更多想要架設網站的朋友們，能夠不用需要花費太多精神，便能輕鬆架站。

在此推薦一本書「使用Joomla! 1.7架站的13堂課」是目前中文書中少有介紹Joomla1.7!，對於初學者來說，算是非常受用。

書中內容不但教你如何使用joomla架站，同時教你如何申請免費虛擬空間，以及架站後如何進行網路優化動作，對於非資訊但想要學習如何架站的朋友，是一本很不錯的推薦書。

如何在Bluehost增加子網域名稱

noreply@blogger.com (En Yi) — Wed, 07 Mar 2012 11:43:00 +0000

增加子網域（subdomains）名稱，便可在同一個虛擬空間，架設分站，如：abc.enyinfo.com。

以下是在Bluehost環境下設置子網域：

進入Cpanel後，點選「subdomains」。

如何在Bluehost增加子網域名稱

在子網域（subdomains）中輸入二級域名，圖中在「Subdomain」輸入leaf-one，底下的「Document Root」會自動填寫子網域名稱，之後按Create就完成了。

最後成功就會顯示出子網域名稱，這裡為leaf-one.twotreesoul.com。

如何在Dropbox下分享隱密檔案

noreply@blogger.com (En Yi) — Tue, 06 Mar 2012 04:21:00 +0000

之前在「Dropbox使用教學(1)－放置檔案與預設資料夾功能」文章中，有提到如何在Public底下分享檔案。

過去如果要分享檔案，只能在Public底下分享，不過隨著Dropbox不斷更新，現在可以直接在Dropbox底下分享任何檔案！

一般來說，新安裝的Dropbox用戶，只要對著任何一個檔案按右鍵，就會看到「Get Shareable Link」。

點「Get Shareable Link」後，就會看到一個分享網址的列串，只要將此網址分享給你的朋友們，就可以進行檔案分享了。

沒有「Get Shareable Link」看這裡

如果之前安裝的朋友，按右鍵沒有此功能，請先登入此網址「https://www.dropbox.com/enable_shmodel」來啟動功能，之後再將Dropbox軟體重新開啟，應該就可以看到了。

「Get Shareable Link」與「Copy Public Link」的差別：

透過「Get Shareable Link」與Public底下的「Copy Public Link」最大的差別，在於網址串的顯示方式，透過「Get Shareable Link」分享的網址列，不會顯示出分享的檔案格式與專屬網址。比較如下：

http://dl.dropbox.com/u/tgyiuoi.ppt －「Copy Public Link」
http://db.tt/mG5w6sdsde －「Get Shareable Link」

更多「Dropbox免費雲端硬碟」教學：點擊這裡

如何登入個人Google Site協作平台頁面

noreply@blogger.com (En Yi) — Fri, 02 Mar 2012 02:36:00 +0000

Google登入產品功能頁面已稍作調整了，GoogleSite已經悄悄被藏起來了。

如果找不到個人Google Site登入頁面者，可以從個人的「帳戶設定」>「產品」>「協作平台」中找尋到。

「帳戶設定」，只要登入Googel帳號就可以進入。

請選擇左邊側欄「產品」，來尋找GoogleSite。

產品資訊裡頭，便可以找到「協作平台」登入頁面。

目前未知是否有更好的方法可登入「協作平台」，如果知道的朋友們可以分享一下囉。另外如果覺得這樣登入很不人性化，不妨可以將平常使用的「協作平台」加入”瀏覽器的書籤”之中，就可以不必那麼麻煩了。