QQBoxy - 酷酷方盒子: 8月 2011

2011年8月21日星期日

☆噗浪透明CSS - Part2

CSS樣式：

/*噗浪台灣標誌*/
#location {
    padding-right: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: url(http://i529.photobucket.com/albums/dd333/KururuSocho/misc/Taiwan_Light.png) right no-repeat;
}
/*背景*/
body, html {
    background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMcQSAPA_40NeMEXvnro8zztPEL9dRh-hxZKUpvPpOCb5rDcqMzr9ih478bvf6TXwUvGGQ0B7tynCgLQqQF6D7O50kyPF-iIjGBn9MlsSWNo0wQ9397sUTvxpb_msuSFsVFkJMLrw12lh8/) center top no-repeat;
}
/*四大格框*/
#plurk-dashboard {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
}
/*四大格*/
div.dash-segment {
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
div.dash-segment:hover {
    background: white;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}
/*登入Bar*/
#top_login {
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
#top_login:hover {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}
/*個人檔案*/
#top_bar {
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
#top_bar:hover {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}
/*個人檔案.編輯.標題*/
.close {
    background: #2264D6 !important;
}
/*個人檔案.編輯.邊框*/
.content {
    border: transparent !important;
}
.iframe_holder {
    border: 1px solid #2264D6 !important;
}
.header {
    border: 1px solid #2264D6 !important;
}
/*標題*/
#page_title {
    color: white !important;
}
/*噗*/
.plurk_cnt {
    background: white !important;
    border-radius: 0px 10px 10px 10px; /*圓角設定*/
    -moz-border-radius: 0px 10px 10px 10px;
    -khtml-border-radius: 0px 10px 10px 10px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
/*噗.底端*/
.info_box {
    border-radius: 0px 0px 10px 10px; /*圓角設定*/
    -moz-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
/*噗.頭像*/
.p_img {
    border-bottom: none !important; /*去邊框*/
}
.p_img img{
    border-radius: 5px 0px 0px 5px; /*圓角設定*/
    -moz-border-radius: 5px 0px 0px 5px;
    -khtml-border-radius: 5px 0px 0px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
}
.p_img:hover img{
    border-radius: 5px 5px 0px 5px; /*圓角設定*/
    -moz-border-radius: 5px 5px 0px 5px;
    -khtml-border-radius: 5px 5px 0px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    position: relative; /*位置設定*/
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
}
/*噗.個人資料*/
.info_menu {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.個人資料.舉報濫用*/
.block {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.說*/
.td_qual span span {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.影片*/
.video {
    border-top: 2px solid #DDD !important;
    /*border-left: 2px solid #DDD !important;*/
    border-bottom: 2px solid #DDD !important;
    border-right: 2px solid #DDD !important;
}
/*噗.點點點*/
.dots {
    padding: 5px;
}
.dots div {
    color: #fff !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
/*噗.回應數*/
.response_count {
    padding: 5px;
    border-radius: 5px; /*圓角設定*/
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative; /*位置設定*/
    top: 4px;
    left: 1px;
}
/*噗.消音*/
.manager a {
    border-style: dashed; /*框線設定*/
    border-width: 1px;
    border-color: skyblue;
    border-radius: 5px; /*圓角設定*/
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/*噗.訊息.時間*/
.response_time {
    border-radius: 0px 10px 10px 0px !important; /*圓角設定*/
    -moz-border-radius: 0px 10px 10px 0px !important;
    -khtml-border-radius: 0px 10px 10px 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
    -webkit-border-bottom-left-radius: 0px !important;
}
/*噗.回應.說*/
.q_says {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.內容.分隔塊*/
.caption {
    background: #2264D6 !important;
}
/*河道*/
#timeline_holder {
    border-top: none !important;
    border-bottom: 1px solid #1C5987 !important;
    background: none !important;
}
/*河道.日分隔塊*/
.div_inner {
    width: 1px !important;
    background-color: transparent !important;*/
    border-right: none !important;
    border-left: none !important;
}
/*河道.時光棒*/
#bottom_line {
    background: none !important;
}
/*河道.時間*/
.morning {
    background-color: transparent !important;
    border-bottom: none !important;
}
/*訊息.按鈕*/
.bottom_line_bg {
    background: transparent !important;
    font-weight: bold;
}
.off_tab {
    background: transparent !important;
}
/*底部.搜尋*/
#languge_selector {
    padding: 15px;
}
/*底部.框*/
#footer {
    margin-bottom: 0px !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
#footer:hover {
    background: white;
    padding: 15px;
    border-radius: 15px; /*圓角設定*/
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}

背景圖片『plurk_background.jpg』請各位自行更換。

噗浪台灣圖示來源：這裡

後記：
這次改的比較不一樣，
河道上的噗沒有隱藏而是顯示的，
時間軸也保留了框線與文字，
這樣應該會比先前改的還要實用些，
比較容易讓人觀看。

本次應該還是僅支援Chrome、Firefox不支援IE，
站長對CSS僅略懂，還不足以對抗IE，
Karma字樣不曉得怎樣消掉...(汗"

相關連結：
噗浪透明CSS - Part1

2011年8月13日星期六

ⓒGoogle字典替代方案

提供幾個替代方案：

~~Google Dictionary Rebirth (由網友小胖子．草兒Grassboy採字典API製作)~~
~~Google Dictionary Morebile (由網友小胖子．草兒Grassboy採行動字典製作)~~
~~Dictionary easisee字典 (由Easisee採字典API製作)~~
~~Google字典行動版 (手機用版本)~~
Google迷你字典 (iGoogle工具)
Google定義搜尋 (就是Google正在推要取代字典的)
Google Dictionary (by Google) (GoogleChrome瀏覽器擴充元件)
Lingoes靈格斯 (免費字典軟體)
譯典通 (免費線上字典)
GDicts (山寨版Google字典)
~~Google Dictionary API (站長自製同樣使用Google API的字典尚未完成修羅場中...)~~

後記：
稍微整理了幾個目前覺得不錯用的替代方案。

關鍵字：Google、Dictionary、Web、字典、翻譯、暫時、代替、解決、應變、取代、好用、擋著用、工具、網站、服務。

2011年8月4日星期四

ⓒCMSimple XH 1.4.2 繁體中文語言包

軟體名稱：CMSimple XH 1.4 繁體中文語言包
軟體譯者：QQBoxy (Hoi)
適用版本：v1.4 Beta、v1.4、v1.4.1、v1.4.2
本站範例：http://ougetsu.no-ip.org/
軟體內容：Cmsimple XH 繁體中文語言、Pluginloader 繁體中文語言
中文化下載：CMSimple_XH_1.4_utf-8_twlang.zip
其它版本清單：TW CMSimple XH
主程式下載：http://sourceforge.net/projects/cmsimplexh/files/
官方網站：http://www.cmsimple-xh.com/

系統優點：
CMSimple XH是個免資料庫的超小型內容管理系統，
具多國語言、風格模版、檔案上傳、可擴增插件等功能，
是個適合建立個人或中小企業公司的知識管理系統。

使用方法：
1.解壓縮後上傳至根目錄。

2.請進入您的CMSimple XH網站。

3.找到網站下方的 Login 點選進入。

4.請輸入密碼，預設的密碼為『test』。

5.點選『setting』選單並選擇『Edit configuration』選項配置。

6.找到『language_default』並選擇『tw』語系。

7.網頁拉到最底下按下『Save』即可。

小叮嚀：
網站開設後請記得修改您的管理者密碼。

後記：
v1.4.2出囉 ~
很高興翻譯檔一模一樣，
所以就請直接捉去用吧0w0

這版主要是有包含了jQuery的Plugin，
有用到的人應該是會有所幫助吧(?)

歡迎轉貼推廣，但請記得遵守部落格底部的創用CC條款。

關鍵字：CMS,CMSimple,XH,1.4,1.4.1,1.4.2,TW,zh-tw,繁,語言,語系,中文化,翻譯,內容管理,系統,台灣

2011年8月3日星期三

ⓒYoutube重複播放工具

工具名稱：Youtube Repeat Blogspot
工具網址：http://youtuberepeat.blogspot.com/
工具類型：播放輔助工具
工具環境：IE6、Firefox、Google Chrome

後記：
首先這是站長寫的小工具，
所以肯定是要來推薦大家用，
會寫這個程式肯定是有原因的，

先要談到網路上一款蠻有名的重複播放工具，
也是叫做『YouTube Repeat』，
這款就只有自動重複播放沒有別的功能，
但它的播放器有個小問題，
當他採內建功能放到最大的時候會自動的改變Youtube的畫質，
這時候網速慢的朋友就倒大楣了，
已經聽的很開心但想要放到最大來看看影片卻又要重新讀取，
這下子又要等個好幾分鐘才能看。

敝人的播放器是採用舊版本的，雖然沒有內建放到最大的按紐，
不過我讓它實現了在視窗內放到最大的夢想且不會自動變更畫質導致影片重新下載，
這個是Youtube API內建的ReSize功能非常的簡單又好用。

當然只有放大的功能似乎對於網速快的朋友沒有半點好處，
所以我增加了書籤按紐的功能，
點選Add quick repeat bookmark顯示語法，
大家可以把我提供的書籤語法加到最愛，
如此一來，當您看到喜歡的Youtube影片時，
只要按下書籤按鈕就會自動轉到本工具並且重複播放影片。

其實這個工具還有一個分享影片的功能，
當您也希望對方能夠重複的聽您喜歡的這首歌，
那麼您可以點選Share formats顯示連結，
裡頭有三種格式的超連結供您使用。

當然本站雖然是利用免費的Google Blogger去改造的，
但其網址也不是說非常難記~
這是Youtube的影片網址：
http://youtube.com/watch?v=L6qjVSieVnQ
這是工具站的分享網址：
http://youtuberepeat.blogspot.com/?v=L6qjVSieVnQ

還有這個部落格是不會掛站的，
絕對不會像別的網站因為沒繳錢或流量過大就終止服務。

2011年8月2日星期二

上圖是英文舊版例外清單的設定方法。
下圖是繁體中文版例外清單的設定方法。

後記：
之前寫這篇是因為AutoCAD的這個檔案誤判的問題，
『C:\Program Files\Common Files\Autodesk Shared\AcSignCore16.dll』
雖然現在蠻少遇到這種問題了，
不過因為蠻多人在看這篇文章的所以就給它更新一下，
敝人已經是用繁體中文的AntiVir小紅傘，
所以當然新的教學圖就是繁體中文的小紅傘囉0w0

網頁

2011年8月21日 星期日

☆噗浪透明CSS - Part2

2011年8月13日 星期六

ⓒGoogle字典替代方案

2011年8月4日 星期四