♡゜來玩我♥cameplayme゜♡

Jul 27 Mon 2009 04:18
教學│CBOX安裝及設定面板

CBOX小型留言板註冊安裝及設定面板使用教學

此篇文章屬於　　所有　　

之前的教學都鼻見了 Icon-拜託!不要，所以重新研究後再次ｐｏ上更詳盡的圖文教學。

若已經有Cbox，就來看看:教學│Cbox美化背景及透明捲軸

Cbox為部落格最廣泛使用的小型留言版：
˙支援各大部落格及網頁，連無名都開放了
˙自訂面版樣式，還能套用網上分享的圖框
˙信件過濾、黑名單設定、顯示頭像的功能
˙在後台變更新的設定，不必重新設定語法

申請及面板設定

請注意
設定後必須按下網頁下方『save』按鈕，變更設定才完成，否則無效喔！
若出現「Code has changed. Get your new code.」請重新設定才能生效！

申請註冊：點Cbox留言版進入

修改個人資料：密碼、信箱、鎖帳號、刪帳號基本設定

樣式設定：官網有提供預設的樣式(Ａ)，也可以自訂樣式(Ｂ)

Ｓｔｅｐ１.首先，先設定留言版整體

Ｓｔｅｐ２.再來設定版面樣式Ａ.套用官網樣式

或者Ｂ.自訂樣式

Ｂ－１.如何自訂樣式

4jpg 領取語法箭頭.gif

CBOX功能設定 箭頭.gif

功能設定：後台設定會直接到前台(Cbox)，不必重新copy語法

Ｓｔｅｐ１.設定留言字數且是否支援網址、Cbox語法、顯示頭像以及信件過濾

如何顯示頭像
＂Allow avatars＂打勾，訪客在"電子郵件/個人網址"欄位輸入圖像網址即顯示。

何謂Cbox語法
也就是論壇使用的BBcode語法，參考狼之樂園、專業聯盟
而Cbox 支援 [b], [i], [u], [color], [email], [url], [size], [sup], [sub], [s], [center], [scroll]

[b]粗體[/b]

[i]斜體[/i]

[u]底線[/u]

[s]刪除線[/s]

[left]向左對齊[/left]

[center]置中[/center]

[right]向右對齊[/right]

[size=10pt]文字大小[/size]

[font=Verdana]字型[/font]

[color=Red]文字顏色[/color]

[url]插入超連結[/url]

[url=網址]文字連結[/url]

[email]插入 Email[/email]

[sup]上標[/sup]

[sub]下標[/sub]

[big]字體大[/big]

[small]字體小[/small]

[scroll]左右跑馬燈[scroll]

Ｓｔｅｐ２.設定日期時間顯示格式

Ｓｔｅｐ３.設定表情符號

留言管理：刪除、查詢留言、查看ＩＰ位址及加入黑名單設定

大批刪除這項目裡的下拉選單可選擇
Keep：保留　Delete：刪除
newest：最新　oldest：最舊
而上圖設定為，保留150筆最新留言

將CBOX放回部落格

愛心說話.gif 複製後的語法 ↓.gif 放在資料夾內就OK囉!

調整CBOX寬高 ↓.gif
寬度：width=170
訊息區高度：heightmain=220
輸入區高度：heightform=65

調整無名資料夾寬高 ↓.gif
無名新增資料夾時，
寬度依各自需求設定，但別超過連結列寬度，否則連結列會往下跑喔!
設定的高度為CBOX總高度最多加10就好，不然會看到廣告喔!

heightmain=220 +heightform=65=285，

資料夾高度就設295 !

愛心說話.gif 放入資料夾後，有人會出現有藍邊的問題 Icon-哀求哭
在語法前加個<a>及語法後加個</a>解決囉!

來玩我C.M.P 發表在痞客邦留言(1) 人氣()

個人分類：快快來玩我

▲top

Jul 24 Fri 2009 12:31
教學│miroko網路空間-5G、一年、中文、無限檔

提供FTP介面、無檔案限制、網路硬碟等服務

此篇文章屬於　　所有　　 cc版權

網站網址：http://www.miroko.tw
官方部落格：http://blog.miroko.tw
官方論壇：http://miroko.forums-free.com/

‧操作介面：Seednet推出的服務，版面乾淨且中文易上手

‧檔案保存：從最後登入日起算一年

‧檔案限制：無檔案限制(JS.htm.html、資料夾...)

‧免費空間：5GB

‧流量上限：2GB/日(檔案外連)

‧頻寬限制：BT代抓、HTTP代抓和FTP代抓檔案不受限

‧同步更新：本機及遠端檔案可設定自動同步定時更新備份

‧支援網路硬碟服務

‧支援會員之間共享檔案

‧支援檔案續傳

‧支援右鍵操作

對於我這種已經習慣用Hinet的用戶來說，miroko整體上用起來很順暢，上傳下載檔案只要拖曳滑鼠不必在新建資料夾，重點是沒檔案限制，且有固定網域，而我主要訴求，能讓我方便製作網頁、控管檔案，miroko不僅提供網路硬碟服務，能備份儲存電腦硬碟的資料，且支援與檔案總管差不多的右鍵操作 。更棒的事，檔案保存一年，很符合我的需求。
而用miroko來代抓BT，不僅能保護硬碟，miroko還有檔案自動比對系統，只要別人抓過的檔案，檔案就會瞬間匯至您的網路硬碟裡。不懂BT，請看何謂BT?

miroko註冊後，建議安裝miroko專屬軟體，在處理多檔時很方便，而且官方軟體支援性較多。

軟體下載安裝：下載

上傳下載使用教學

介面簡介：登入miroko，系統會主動帶到檔案區(網路硬碟)
檔案－	左方為本機磁碟，右方為網路硬碟
	"miroko工具列"在網頁左下角
	點右上角的"<<"展開看到下方"我的資訊"及"好友選項"

miroko－	為miroko首頁可以看到查看空間大小與流量使用情形

背景工作－	可以看到檔案上傳、下載的進度。註：有時候上傳完檔案顯示成功，需要等一會才會出來。

miroko軟體：安裝軟體，一次可選取多個檔案的大量上下傳
上傳－	從左方拖曳檔案到右方即上傳到網路硬碟。

下載－	從右方拖曳檔案到左方即下載到本機硬碟。

wed：未安裝軟體，透過瀏覽器動作，只能選取傳單一檔案的少量上下傳
上傳－	右方的「上傳檔案」→選擇檔案與目錄→按下開始上傳

下載－	在欲下載檔案上按滑鼠右鍵→點選下載。

分享外連檔案 箭頭.gif

分享檔案給人下載檔案必須傳到「個人首頁」的資料夾內才可以外連。
wed上傳時，進入"個人首頁"資料夾再上傳，上傳目錄為：/我的文件/個人首頁/。

miroko軟體上傳時，先進入個人首頁資料夾↓，在拖拉檔案上傳。

若要改變檔案位置，檔案可使用拖拉至"個人首頁"資料夾。

檔案連結網址 箭頭.gif

個人首頁網址為http://帳號.miroko.tw/
1111.txt在個人首頁內，連結網址路徑即為http://帳號.miroko.tw/1111.txt

332.txt在個人首頁內的highslide資料夾內，連結網址路徑即為http://帳號.miroko.tw/highslide/332.txt

變更圖片的設定值 箭頭.gif

下載超過4G的大檔
建議可以暫時使用火狐登入網頁，透過純web方式上傳，而不要透過官方軟體。
下載檔案大小限制
IE本身應該是無法下載超過4G的檔案，
若透過miroko等專用下載軟體或者Firefox則無此限制。
但須注意透過miroko軟體或Firefox下載超過4G檔案，
檔案系統也要支援(FAT32僅支援4G以內，NTFS支援單一檔案超過4G)。
是否有單一檔案大小的限制
透過純web方式上傳(不啟動miroko軟體)，單一檔案上限為 1G
若您透過miroko軟體上傳，則不限制單一檔案大小
目錄建立是否有層數限制
您可以依照您的需求建立目錄，miroko並沒有限制目錄的層數。
檔案資料有沒有時間限制
miroko目前並不會主動去刪除用戶資料，
因此只要符合服務條款的資料，均會保存在系統中，不會有時間的限制。

參考文章 箭頭.gif

miroko – 免費5GB網路硬碟，中文介面，兼具BT代抓、網路相簿與檔案同步等功能！

網頁內圖片顯示的特效語法如何編寫

教學 | highslide 圖片特效 (4.0.6 update!)

來玩我C.M.P 發表在痞客邦留言(0) 人氣()

個人分類：快快來玩我

▲top

Jul 23 Thu 2009 08:15
教學│各大部落格語法放置

小玩意放置各大部落格的自定欄位設定教學

無名自定欄位設定說明

『網誌』有３個地方可以放入語法

１．資料夾

網誌管理→資料夾管理→設定資料夾名稱→按下﹝新增資料夾﹞

按下﹝連結管理﹞

"連結名稱"貼上語法→確定。

２．網誌描述

網誌管理→基本設定→ "網誌描述" 貼上語法。

３．文章

發表文章→ "使用一般編輯器"貼上語法。

『相簿』有２個地方可以放入語法非無名VIP要進入各本相簿才能設定

１．勾選相簿→按下﹝編輯相簿﹞→ "相簿描述"語法貼上

２．選擇相簿→勾選照片→按下﹝編輯照片﹞→ " 照片簡述" 語法貼上

『留言版』有１個地方可以放入語法

１．留言版管理→ "留言板描述"語法貼上

『首頁』有１個地方可以放入語法

１．個人首頁請到名片→修改個人名片→ "關於我"語法貼上

奇摩自定欄位設定說明

管理部落格→管理自訂欄位→設定自定欄位名稱→輸入內容語法語法貼上→儲存

修改自定欄位尺寸：寬width="145" {請勿超過145} 高 height="145"

ｐｓ．奇摩不支援 js 語法．自定欄位上限是5個

天空 自訂欄位設定說明

我的管理介面→自訂欄位→"自由欄位"按下﹝加入﹞→ "本文"語法貼上→儲存設定
→按下"按我重新產生blog頁面"

欄位排序變更：自訂欄位→更改標題及排序
→按下"排序/欄位標題變更"→"按我重新產生blog頁面"

Xuite 自訂欄位設定說明

管理頁面→ 自由欄位設定→按下﹝新增欄位﹞→設定欄位名稱→ "本文"語法貼上

欄位排序變更：管理頁面→版面編排→用滑鼠左鍵拖曳欄位變更位置排序→確認送出

Xanga 自訂欄位設定說明

Look＆feel→輸入帳號密碼登入→
效果想顯示在上方"Header"語法貼上、想顯示在下方"Website Stats"語法貼上

Pixnet 自訂欄位設定說明

『網誌』有２個地方可以放入語法

１．網誌描述

後台→部落格管理→網誌管理→ "網誌描述"貼上語法

自訂欄位設定說明１．網誌描述後台→部落格管理→網誌管理→ 貼上語法

２．自訂欄位

後台→部落格→側邊欄位設定→新增版位→輸入欄位名稱→ "欄位內容"貼上語法

欄位排序變更：將新增欄位拖曳到「目前版面」→「儲存版面內容」

來玩我C.M.P 發表在痞客邦留言(0) 人氣()

個人分類：快快來玩我

▲top

Jul 23 Thu 2009 06:14
公告│來玩我の使用規範

使用規範

使用本站所有‧必須要知道的‧維護彼此權益

噓噓沒有相關背景且完全靠自學，
每一篇文章工程不僅耗時又費神，
找資料→製圖→搞語法→傳檔→排版→再三的檢查更改→發表。
幾乎花上好幾天的時間才能完成。
所以複製貼上或東拼西湊已成品的行為等於虐殺創作者的心血。

噓噓很歡迎大家在自己的部落格分享“來玩我小站的作品，
但在無名的時候就有發現到自己的心血在未經允許的況下，
被全文轉貼、擷取文章或未註明來源的發表成自己的作品。
這樣不僅很不尊重還已經嚴重觸犯著作權了!
希望大家能將心比心^^~

若你真的很喜歡想分享，噓噓希望你遵守幾點，噓噓也會遵重你：

１.	嚴禁盜連！領取小物、圖片等請自行上傳到你的網路空間領取語法的檔案網址更改成你的檔案空間網址免得變叉燒包可別來怪我也可以幫忙分擔流量
２.	嚴禁盜圖！圖片未經許可，禁止任意取用或改為其他圖作
３.	嚴禁盜抄！禁止未經允許抄襲、轉貼或未標示來源處連結需轉載請告知，會依情況考量是否給予轉載用若同意轉載，嚴禁拿掉每篇文章上的版權標誌
４.	嚴禁盜改！禁止以擷取、合成、變形等任何形式更改原作
５.	嚴禁盜用！分享樣式、玩意等品類，請務必使用引用通知分享作品請註明：來玩我Logo＋連結出處網址未分享品，禁止用任何方法取得並張貼於他處

如有喜歡或使用‧禮貌不花錢‧回應不花時間‧輕輕"回"一下‧噓噓就甘心

以上規範，噓噓請你幫幫忙，而若有發現犯案者
第一次提出勸導
第二次開公處分
第三次檢舉之刑
希望不要有這情形，大家能彼此尊重世界才會美

爆肝創作滿天飛‧請大家愛護創作者‧並給予鼓勵‧才能有更多優質作品喔

來玩我C.M.P 發表在痞客邦留言(0) 人氣()

個人分類：快快來玩我

▲top

Jul 22 Wed 2009 19:19
教學│網頁在原視窗收縮"Highslide

點擊連結在原視窗彈出小視窗的框架頁iframe

此篇文章屬於　　所有　　

H ighslide官方網站

提供圖片方便瀏覽（熱鍵）的選項和縮放ajax、flash、Iframed等檔案...諸如此類效果的ｊｓ檔案。

對圖片效果有興趣的可以收看：教學│圖片在原視窗放大"Highslide

Compatibility

IE6Firefox

Examples

文字連結網頁範例

部落格用教學

Ｓｔｅｐ１.

下載壓縮檔

解壓縮之後有「highslide」、「images」兩個資料夾跟一堆html的範例

Ｓｔｅｐ２.

把「highslide資料夾」上傳至可以外連且能放資料夾的固定網路域名空間

例如：Hinet的http://XXX.myweb.hinet.net/固定域名，沒有怎麼辦？來看看miroko網路空間教學

Ｓｔｅｐ３.

複製效果程式碼 ↓ 貼回部落格的自訂欄位，參考：參考：各大部落格語法放置教學

效果程式碼

</script>

padding-left: 22px;
    background-image: url(你的網路網址/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

/* Styles for the popup */
.highslide-wrapper, .rounded-white {
        background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
        padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
        margin: 0;
        padding: 0;
        text-align: right;
}
.highslide-wrapper .highslide-header ul li {
        display: inline;
        padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
        display: none;
}
.highslide-wrapper .highslide-header a {
        font-weight: bold;
        color: gray;
        text-transform: uppercase;
        text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
        color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
        cursor: move;
}
.highslide-wrapper .highslide-footer {
        height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
        float: right;
        margin-top: 4px;
        height: 11px;
        width: 11px;
        background: url(你的網路網址/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

</style>

解析 ↑ 你的網路網址改成你的網路空間位址，例如：http://XXX.myweb.hinet.net

Ｓｔｅｐ４.

複製語法↓回到發表文章，以"純文字"模式編輯貼上

連結的語法 <div><a onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )" href="連結網址">文字連結網頁範例 </a></div>

解析 ↑ 連結網址跟連結文字改成你要的連結網站跟文字

Ｓｔｅｐ５.

隱藏新增的自訂欄位

５-１.

在部落格原始檔搜尋新增版位的標題找到CSS標籤

我在新增版位時的標題設為"圖片放大效果"，依以下步驟找到CSS標籤：

我的部落格→檢視→原始檔→搜尋(Ctrl+F )"圖片放大效果"↓

<div class="hslice box folder" id="box748104">
<h4 class="box-title entry-title">圖片放大效果</h4>

解析 ↑ box748104就是我的自訂欄位的CSS標籤

５-２.

複製語法↓貼回你的CSS裡

#box748104{display:none;}

解析 ↑ box748104改成你的CSS標籤

網頁用教學

Ｓｔｅｐ１.	下載壓縮檔
	解壓縮之後有「highslide」、「images」兩個資料夾跟一堆html的範例
Ｓｔｅｐ２.	把「highslide資料夾」上傳至可以外連且能放資料夾的固定網路域名空間
	例如：Hinet的http://XXX.myweb.hinet.net/固定域名，沒有怎麼辦？來看看miroko網路空間教學
Ｓｔｅｐ３.	複製網頁用程式碼↓貼到<head>跟</head>之間
	網頁用程式碼 <script type="text/javascript" src="你的網路網址/highslide/highslide-with-html.js"></script> <script type="text/javascript"> hs.graphicsDir = '你的網路網址/highslide/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; </script> <style type="text/css"> .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-html { background-color: white; } .highslide-html-blur { } .highslide-html-content { position: absolute; display: none; } .highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(你的網路網址/highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } /* Styles for the popup */ .highslide-wrapper, .rounded-white { background-color: white; } .highslide-wrapper .highslide-html-content { width: 400px; padding: 0 5px 5px 5px; } .highslide-wrapper .highslide-header { padding-bottom: 5px; } .highslide-wrapper .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-wrapper .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display: none; } .highslide-wrapper .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-wrapper .highslide-header a:hover { color: black; } .highslide-wrapper .highslide-header .highslide-move a { cursor: move; } .highslide-wrapper .highslide-footer { height: 15px; } .highslide-wrapper .highslide-footer .highslide-resize { float: right; margin-top: 4px; height: 11px; width: 11px; background: url(你的網路網址/highslide/graphics/resize.gif); } .highslide-wrapper .highslide-body { } .highslide-move { cursor: move; } .highslide-resize { cursor: nw-resize; } </style> 　解析 ↑ 你的網路網址改成你的網路空間位址，例如：http://XXX.myweb.hinet.net
Ｓｔｅｐ４.	複製語法↓貼到<body>跟</body>之間
	連結網址語法 <div><a onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )" href="連結網址">文字連結網頁範例 </a></div> 解析 ↑ 連結網址跟連結文字改成你要的連結網站跟文字

變更圖片的設定值

參考文章

來玩我C.M.P 發表在痞客邦留言(0) 人氣()

個人分類：快快來玩我

▲top

♡゜來玩我♥cameplayme゜♡

隨意玩*隨意記

教學│CBOX安裝及設定面板

教學│miroko網路空間-5G、一年、中文、無限檔

教學│各大部落格語法放置

公告│來玩我の使用規範

教學│網頁在原視窗收縮"Highslide

訂閱RSS

玩我新概念

玩我高收視

玩我分級制

美容彩妝 (2)

旅遊美食記 (2)

玩玩部落格 (2)

玩我時光機

玩我搜搜搜

玩我錄音機

玩我測數器

QR Code