SILENCE Blog » Wordpress theme http://blog.silence.idv.tw The Blog Belongs to us Mon, 31 Oct 2011 14:02:10 +0000 http://wordpress.org/?v=2.6 en vSlider 3.0 is out http://blog.silence.idv.tw/2007/09/09/vslider-3-is-out http://blog.silence.idv.tw/2007/09/09/vslider-3-is-out#comments Sun, 09 Sep 2007 07:30:44 +0000 SILENCE http://blog.silence.idv.tw/2007/09/09/vslider-30-is-out/ 原來 vSlider 3 已經發佈囉﹐連 for Gallery2 的 theme 也一起發佈。這次增加了許多功能（真的是很多）﹐作者真的挺用心的。
主要有….

  • 可以隨意調整頁面寬度！這意謂著偶不用再修改它為 wide 版本囉
  • 自訂佈景主題顏色﹐圖示
  • 頁首圖片可以自動出現 「圓角」﹐且可以自由調整高度（不用像現在這麼臃腫）
  • <blockquote></blockquote> 標籤會自動幫您加上引號圖示
  • 可自訂頁尾
  • 可自訂 sidebar 寬度
  • for Gallery2 的 theme 已經內建 Lightbox 特效！
vSlider 3.0 options panel
▲3.0可自由調整佈景主題寬度！其他選項更是琳琅滿目

有興趣的朋友可以去 vSlider 3.0 官方網站下載！

3.0 中文化我已經幫大家完成﹐可以至 Download 頁面下載！

至於我則還沒有打算這麼快換到 3.0﹐因為加了太多東西至舊有的 theme 裡面了﹐要修改的地方還挺多的呢！

vSlider 3.0 所利用的「圓角」技術稱為 curvyCorners﹐原理為使用 javascript 把指定元件角落「圓角」化﹐有興趣可以至它的官方網站看看
]]> http://blog.silence.idv.tw/2007/09/09/vslider-3-is-out/feed Gallery2 with Lightbox Effect http://blog.silence.idv.tw/2006/11/03/gallery2-lightbox http://blog.silence.idv.tw/2006/11/03/gallery2-lightbox#comments Fri, 03 Nov 2006 14:25:06 +0000 SILENCE http://blog.silence.idv.tw/2006/11/03/gallery2-lightbox/ 今天改了些東西﹐使我的相簿（Gallery2 系統）可以有 Lightbox 的特效
這樣有以下的優點:

  • 炫﹐不然用 Lightbox 做啥 XD
  • 快! 不用為了一張照片而去讀取 Gallery2 整個 PHP 頁面

效果的 Demo 可以看這裡
若有興趣的人﹐可以參考我的做法
記住！只適用：

  • 您必須安裝了 vSlider2 for Gallery2這個 theme
  • Wordpress 必須安裝 WP lightbox 2

安裝方法：

  1. 先下載 WP-Lightbox2 這個 plugin。
  2. 啟用此 Plugin
  3. 在您的 gallery2\themes\vSlider2\templates 資料夾內﹐新增名為 local 資料夾
  4. 下載 album.tpl 檔案﹐並放至 local 資料夾底下
  5. 完成！

For those who don’t know Chinese:

This page will teach you how to integrate Lightbox into your Gallery2!
you can see demo here
I think you will have the following advantages of using LightBox Effect in your Gallery2

  • Cool! (sure, that’s why you choose Lightbox)
  • Fast browsing speed! (opening PHP page to view a photo waste your life!)

Requirements:

Installation:

  1. download WP-Lightbox2 plugin for wordpress and activate it
  2. make a directory named “local” in gallery2\themes\vSlider2\templates
  3. download album.tpl and put it into “local” directory you made in the previous step
  4. done!

Feel free to ask me the question :-)

]]> http://blog.silence.idv.tw/2006/11/03/gallery2-lightbox/feed vSlider Wide for Wordpress, Gallery2 http://blog.silence.idv.tw/2006/10/27/vslider-wide http://blog.silence.idv.tw/2006/10/27/vslider-wide#comments Fri, 27 Oct 2006 11:45:35 +0000 SILENCE http://blog.silence.idv.tw/2006/10/27/vslider-wide/ 會採用 vSlider 當作 Blog 的 theme﹐是因為作者 iRui 也有設計 for Gallery2 的 theme
使得 Wordpress + Gallery2 的配合更完美﹐且 Header 有變換圖片的功能﹐讓我第一次看見還蠻喜歡的。

但作者設計 vSlider 的時候﹐是以解析度 800*600 為基準
對於常需要放相片在文章內的我是有點遺憾﹐橫幅的圖片常常爆框 :P
相同的﹐Gallery2 裡面的相片也被限制大小﹐圖片最寬最寬為 750px 左右﹐圖片太小感覺氣勢很弱 :~
再加上現在使用 800*600 解析度應該已經不是主流了吧?! （17′ LCD 解析度為 1280*1024）

相關統計請參考這裡
2005年 1024*768 為 66.63%﹐800*600 為 23.72%

所以我才將 vSlider 2.1 版本稍作修改﹐改成以 1024*768 解析度為基準﹐並改名為 vSlider Wide

與原本的 vSlider 比較

  • 可在 Blog 的文章內使用寬約 650px 的照片﹐而不會被強制縮小(firefox) 或 爆框(IE)﹐原始版本約 500px
  • Gallery2 中的相片可以使用寬最大約 900px 的照片﹐原始版本約 700px
  • Comment 回應的欄位﹐表單加大

更改細節

由於原始版本的 vSlider 有使用許多圖片來 Layout 整個版面
因此調整 theme 大小還得去修改圖片﹐好家在不是太難改﹐花一個下午的時間終於完成 :)
更改的相關檔案如下：

  • wordpress 部份：
    • 相關 CSS 檔案
    • image 內 Layout 用的圖檔
    • header.php (更改 KBurnalizer 顯示的圖片大小)
  • Gallery2 部份：
    • theme.css 檔案

下載

若您有興趣﹐可以下載試試看﹐若有問題麻煩您通再通知我

Download vSlider Wide

安裝方法

若您只有使用 Wordpress

  1. 下載 vSlider Wide for Wordpress 檔案
  2. 解壓縮至 wp-content\themes 中
  3. 啟用

若您有使用 WPG2 來結合 Gallery2：

  1. 下載 vSlider theme for Gallery2 安裝並啟用
  2. 下載 vSlider Wide CSS for Gallery2
  3. 將檔案存於 gallery2\themes\vSlider2 並覆蓋原有的檔案
  4. 進入Wordpress Admin 後台
  5. 選取 WPG2 - 內嵌頁面設定
  6. 簡易頁首設定為： 
    <style type="text/css">
.g2_column {margin: 0px 4px 0px 4px;width: 954px;}
</style>
<div class="g2_column">
  7. 簡易頁尾設定為：
    <div>

For those who don’t know Chinese

vSlider Wide is modified based on vSlider 2.1 theme,
it can widen the theme to suit with 1024*768 desktop resolution!
The demo is what you see now!

Advantages

  • You can put the photo with 650px wide in the blog article,
    and it wont mess up the layout! (original vSlider2.1 is around 500px)
  • If you use Gallery2, you can put 900px wide photo in the gallery
    (original vslider2 is around 700px max)
  • widen the comment form

Installation

  1. download vSlider Wide for Wordpress
  2. unzip into wordpress\themes
  3. activate it!

the following installation is for vSlider Wide for Gallery2

  1. download the original vSlider2 for Gallery2 theme
  2. activate this theme
  3. download vSlider Wide CSS for Gallery2
  4. unzip it and replace the original CSS file in gallery2\themes\vSlider2
  5. go to wordpress admin panel
  6. go to WPG2 -> Embedded Page Options. Copy-paste these blocks of HTML:
    Simple Header:

    <style type="text/css">
.g2_column {margin: 0px 4px 0px 4px;width: 954px;}
</style>
<div class="g2_column">

    Simple Footer:
    <div>

  7. done!

Relative Stuff:

You can download .psd file to make your header image easierly!
I also make the .psd file for original vSlider2.1, download here.

Please feel free to ask me questions :)

  • Thanks for iRui to make a such good theme for all of us
]]> http://blog.silence.idv.tw/2006/10/27/vslider-wide/feed vSlider 正體中文 http://blog.silence.idv.tw/2006/10/27/vslider_chinese_language http://blog.silence.idv.tw/2006/10/27/vslider_chinese_language#comments Thu, 26 Oct 2006 17:21:18 +0000 SILENCE http://blog.silence.idv.tw/2006/10/27/vslider_chinese_language/ 由於 vSlider 佈景主題從 2.1 版開始﹐支援了 i18n﹐因此小弟我不才花了點時間﹐將此 theme 翻譯成正體中文。
有興趣可以下載

安裝方式

  • 將檔案下載並解壓縮至 vSlider 資料夾
  • 開啟 wp-config.php 檔案﹐並於第15行的地方找到
    define ('WPLANG', '');
    改成
    define ('WPLANG', 'zh_TW');

如何修改？

若您對偶的翻譯不滿意﹐或試想換成更貼切的語句﹐可以在 google 尋找 poedit 軟體﹐安裝完後
開啟 zh_TW.po 檔案﹐即可修改！

修改完記得存成 zh_TW.mo 檔案（poedit 預設存檔時會一併將 .po 存成 .mo 檔）

]]> http://blog.silence.idv.tw/2006/10/27/vslider_chinese_language/feed