咧....
我偶然逛網站看到的東西 ~
感覺上還不錯咧..
網站下面多出了這個浮動的工具列
看起來很酷對吧？
相信大家在一些網站上都也會有看到
不過… 不知怎麼搞出來的 XD
接下來就帶大家把這個給裝在自己的網站上~
第1步：開啟 wibiya 網站
第2步：點選 Get It Now
第3步：填寫資料
第4步：點選左邊的 Next
第5步：選擇網站樣式
第6步：點選旁邊的 Next
網站icon可以自己改唷 ^^ 
第7步：新增應用服務
留下自己想要的就好~
看不懂英文沒關係~
看圖按大概就能猜出是什麼了 XD
((預設是全選 點他 可以移除
選擇完畢一樣點選旁邊的 Next
第8步：填寫必要的資料
由於我剛剛有選擇 RSS 的
所以 會出現 要填寫RSS地址
第9步：取得網頁代碼~
第10步：範例~
第11步：把簡體字 改成 繁體字
他那簡體字超討厭的
所以來改成繁體字吧~
點選上面的 Edit Toolbar
第12步：在你的 應用程式 內點選 Setup
第13步：點選 ADVANCED
第14步：更改字樣即可~
相信大家用 win7 會發現 和 XP一樣 不能看到日文字
但是 XP有完補計畫可以補償
那… win7 不管怎麼安裝都不能
昨天晚上研究了一晚
終於找到方法…
昨晚教了zkm 也成功了~
我自己VM 和 實體電腦測試也都OK ^^
所以 x86 和 x64 測試階為OK
雖然昨晚zkm有給我遺個cmd 代碼
我今天早上測試 策是快一個多小時
都弄不成功...
((zkm你晚上上線給我好好解釋 XD
第1步：先下載重要的檔案
第2步：破解前 日文都是框框框
第3步：破解前 標題也看不到日文
第4步：開啟 C:\Windows\System32
注意唷 路徑是 C:\Windows\System32
打開他吧 XD
第5步：找到 C_950.NLS 的檔案
第6步：右鍵→內容
第7步：切換到 安全性
第8步：點選進階
第9步：切換到 擁有者
第10步：點選編輯
第11步：點選 Administrator 的使用者 在按確定
第12步：回到內容是窗 點選編輯
第13步：把 Administrator的權限調到最高
第14步：把 第一步 下載的 C_950.NLS 覆蓋上去
第15步：把權限改回來
為了防止其他程式或病毒動到這個檔案
所以把他的權限改回來
第16步：重新開機~
重新開機前 請先確認
C:\Windows\System32\C_950.NLS
是否有存在
因為如果不存在 開機就會出現 錯誤修復的程式唷 ^^
第17步：標題 和 文章內的日文都能正常顯示
第18步：奇怪？ chrome 竟然一樣看不到日文？
別慌~
照著圖片改~
第19步：日文也能看到了
我平常截圖都是用 WinSnap 截圖簡單 又好用
Snagit這也是個不錯的截圖工具
主要是看自己的習慣
像我 又非常不習慣用 Snagit
Snagit 有個我蠻喜歡的功能
多合一截取
一般截取選項只能選一種選項(如：視窗 或 物件 或 自訂範圍)
他的多合一 就是一中選項
但是 他在操作上 可以達成不同的方式
第1步：下載
第2步：解壓縮後…
不要懷疑 ...
沒錯 他就是這麼肥...
第3步：開啟了主視窗
第4步：點選精靈建立專案
第5步：選擇模式..
我們主要是截圖
只有少數時會用到 截取其他東西...
第6步：選擇輸入方式
第7步：選擇輸出方式
第8步：其他選項
第9步：特殊效果
第10步：儲存…
終於完成囉~
最後就要儲存
還可以設定快捷鍵~
第11步：開始抓圖~
這次又新增了什麼功能呢？支援光盒 和 新增一個小小的隱藏功能~
光盒是什麼？ 有什麼功用？ 如何使用？
請參考輕鬆在自己網站上添加『光盒』
除了光盒要弄好外
也請把自動縮圖也加上 這樣才能正常使用本程式唷 ^^((
css簡單又完美 的 幫blog圖片自動縮圖
css 自動縮圖 添加ie6相容
隱藏功能是什麼呢？
有些人要發網頁設計教學
會要貼程式碼
但是用本程式的話
輸入的代碼他會以原狀呈現
也就會變成 貼在網站上時
代碼會直接執行
別人就看不到代碼了
所以要把代碼轉換成HTML顯示出來
所以呢…
在發文時有個隱藏的小工具 可以把代碼轉換
在來貼在文章裡面
這樣就能正常顯示代碼囉 ^^
離開時新增了 確認是否離開
我有時候 要點選生產
但是 滑鼠飆掉
點到關閉 = =
也就變成要重新打一篇了
第1步：下載
第2步：光盒代碼的自動插入
點選新增圖片的按鈕
第3步：插入圖片網址
第4步：會出現 插入光盒名稱
名稱隨便輸入就可以了
有輸入名稱 才會自動加上光盒的代碼
如果沒有輸入 會變成一班圖片
第5步：隱藏的工具？！
在Tab 點選右鍵
第6步：出來囉~
會出現一個視窗
在大框框內貼上你的代碼
在按下下面的按鈕
這樣HTML化的代碼 就會複製到 剪貼簿
然後就可以貼在你要的地方了 ^^
這張超可愛的~ 我稍微改一下箱子上面的字
今天早上就載完了…
不過說真的這次沒什麼天使的圖片…
因為這集幾乎都是在說 音無 的事情…
所以.. 照片數量有點少 XD
昏倒後的天使~
這個人好討厭= =" 一副超囂張的樣子
好壯觀火車事故呀 ~
被天使摸頭.. 因該很高興吧 哈哈~ 我也要 
一樣面無表情的天使
很無知的表情...
這張圖讓我想到 zkm 看過Angel Beats的感想
原來天使這麼小隻唷 
今天 網頁實習課 要做圖片編輯
在想哪裡有圖片素材 就想到前幾天發的 Angel Beats 的圖片 ~
所以很順手的開啟自己的網站
學校的電腦是 IE6 的瀏覽器
開啟那篇文章 發現 圖片竟然都沒有縮圖？！
害我驚嚇了一下
都忘記IE6的相容問題
所以趕快想想有沒有辦法可以相容 還好最後有想出辦法 XD
當然這也是在 CSS 內做手腳 ~
以下簡單介紹一下唷
先說一聲 以下方法 是使用 px 固定寬度
不能用 % 來比例
所以 各位 麻煩一下 自己改成 px 吧 ~
第1步：開起之前 的 CSS 並找到 IMG{}
第2步：貼上程式碼
width:expression(this.width>573 ? 573:true)
第3步：IE6 正常囉~
先來說一下光盒是什麼
光盒是就本站上面 那幾篇 宅圖文 中有用到的
點擊圖片 會顯是 大圖片
那這有什麼好的嗎？
還記得上一篇文章嗎？(css簡單又完美 的 幫blog圖片自動縮圖)
縮圖了 然後 想讓別人看大圖怎麼半？
總不可能用個簡單連結 連到原始圖的網址吧
這樣觀看人多不方便 所以 光盒 是最佳的選擇？
接下來教大家 怎麼弄好一個光盒 在自己的網站上
當然不是每張圖都會套用到 光盒上
因為我們不可能 每張圖 都要用到光盒吧
所以 把要用光盒圖片 加上一些語法 就可以囉
第1步：下載js 和 css 檔案
第2步：上傳到自己網站內
第3步：打開 網站的 header.html
header.html 通常是 檔頭 的檔案
也就是 放在這裡面的原始碼 在網站上 每一頁都會出現這個原始碼
當然有些網站 沒有這個
但是 總有可以新增到每頁的選項 或 檔案
把他打開來吧
第4步：插入原始碼~
<script type="text/javascript" src="highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="highslide.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="highslide-ie6.css" /><![endif]-->
<script type="text/javascript">
hs.graphicsDir = 'http://skyboxs.net/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
第5步：對圖片連結做修改
最近在忙著搞這個東西…
因為發動畫圖片 是為了讓大家收藏
如果我上傳的是我壓縮過的 這樣大家收藏 會覺得圖片變小
但是原始圖太大 直接貼上來
圖片會長到 右邊攔
但是我又懶 …. 不想要每張圖都去設定圖片大小
所以… 只好看看有沒有什麼偷懶的方法
前幾天用的是用 Js 的方式來達成自動縮圖的動做
但是 也是有點麻煩
每張圖 也都要放在一些程式碼才能正常縮圖
雖然我偷懶 用PHP 直接插入 
還有一個缺點…
圖片載入中 看到的一樣是大尺寸
載入完畢 才會變成小尺寸
這樣 感覺上不怎麼完美~
今天 和 zkm 在想說怎麼把 自動縮圖用到 他的WP 上
雖然不完美 還是可以加減用
我先簡單弄個WP起來
來測試看看
意外發現 我那版的 WP 竟然有自動縮圖
我仔細研究發現…
原來是用CSS來達成
我在仔細去看
結果我無言了
他只要一句CSS 就能達成 
我卻忙了著麼久
果然 CSS 還要在加強
不過最後 很滿意~
第1步：打開自己網站的CSS
這個用 記事本 就可以編輯了
第2步：找到 或 新增 img { }
像我的就有這段
沒有得的人 就自己新增
img {
}
進去
第3步：新增一句進去
max-width: 573px;
把這具插入進去
後面 可以改成 100% 就會完全符合整個欄位大小
當然 要自己字定大小也是可以
記得後面要加上 px 唷^^
先來聽個小故事 在網下看吧 ^^
再打文章 打到一半 手機響了 ！
接起來 一個稍有大陸口音人打過來
((口因蠻淡的 不過還是 有幾個字 會捲舌 = =
他說他是 金石堂 網路書店的
然後說我簽單子時 簽錯
這個... 我很想直接掛電話
學校萊爾富簽收 店員是我認識的學長 = =
根本不可能簽錯...
然後聽他說了一大堆
然後 我問他一句話 他竟然結疤 講話會delay 超好笑的
我只問他：『你是詐騙集團嗎？』
然後 他就掛電話 XD
這不是第一通了
我定這麼多次書 偏偏 就是 3月26號 的一直打來問
這個月定的 卻都沒有問 可見他消息不靈通唷 ^^
最新資料沒有買到嗎~?
昨天晚上 zkm 傳來了一個 超棒的檔案 XD
裡面是有 170 張的 天使圖 
果然是好友 連我的最愛都知道 哈哈~
今天 Angel Beats 09 出來了 XD
看了一下 一半都是再說 音無 的過去
廢話不要多說了 來介紹圖片
Angel Beats 09 片段圖 ~
接收了大量意識的天使 陷入昏睡中…
焦點不是人 是字幕 五十嵐 咧 不知他賣的果汁好不好喝 XD (不知有沒有人知到笑點)
天使醒來了 XD~
這個角度 感覺上 音無 要親天使咧~
載捕兩張
接下來的圖片是 zkm 給予的 ~
我挑了幾張不錯的 ^^
這張 讓我想到 零之使魔
天使的個表情
接下來是Q圖 ^^ 可愛唷 ~
好吃到流淚 ~
天使應該不會這樣哭 他不爽 直接刺人心臟 XD
沒人陪你吃麻婆豆腐 想哭
我來陪你吃 XD 哈
SSS團 別再欺負天使了
睡覺都再想 = =
可見 拿麻婆豆腐去誘惑 是有效的 ^^
最後 這張 根本是犯規 超可愛的
今天剛好沒準備好要發什麼文章...
剛好zkm有這個問題 我也解決完畢
我就順便發出來囉 ^^
Imagevue是套相簿的網頁套件
zkm就是用這套架設的
全部都是 Flash 感覺蠻炫 瞞不錯的
架設完成後 會發現首頁有串字 很討厭
接下來就來教大家 怎麼修改這串字…
當然 如果我直接告訴大家 這個檔案在哪裡
這樣大家永遠不會自己找…
所以 我會教大家 如何找到是哪個檔案
相關檔案下載：【Imagevue 2.1.7 原始碼 主程式 – 來源Google 】
解壓縮密碼：skybox.pp.ru
第1步：架設完成後 開啟首頁
看到那串很想改 但事後台 卻沒可以改 的文字
第2步：先開啟 Notepad++
第3步：在 Notepad++ 內開啟 相簿 首頁的原始碼
首頁的檔案是 index.php 
第4步：發現 裡面沒有我們要的東西
當然 我不會叫大家 一個檔案一個檔案 慢慢看的 ^^
第5步：搜尋 → 尋找
第6步：切換到 搜尋目錄
第7步：輸入要搜尋的關鍵字
首先呢 在尋找目標的欄位輸入『This is your gallery』
也就是你要替換的字
然後 資料夾 輸入你 原始碼所放在的資料夾
然後 按下全找
第8步：尋找中…
第9步：找到了 一筆資料
很剛好 就只有一筆 這就是我們要的
第10步：點擊 那筆資料
會自動打開那筆資料
然後 我們蒐尋的地方 會被反白起來
也就是 只要改那串字就好
第11步：存檔
第12步：改好囉 ^^
第13步：下面那行字
那行也在剛剛那個檔案裡面
稍微往上看就看得到囉 ^^