Change style of video information boxes for VReel

"Change style of video information boxes for VReel"スクリプトのページです。



"Change style of video information boxes for VReel" は動画共有サイトVReel(vreel.net)のビデオリストのサムネイルとその下または横にあるDescriptionのボックス(サイズとスクロールバー)をカスタマイズするための、Greasmonkey用のスクリプトです。
ページによっては、サムネイルを含まないボックスのことがあります。

  1. ユーザーズマニュアル
    1. 手順
    2. (1) 対象ページを表示します。
      (2) Greasemonkeyのコマンドメニューから "Configure style of video information boxes" を選択します。
      (3) 設定フォームでheightとwidthを指定します。
      (4) "Preview"ボタンをクリックして画面を確認します。
      (5) OKの場合"Save"ボタンを押して設定を保存します。NGの場合は、設定値を修正して設定し直します。

    3. 対象ページ
    4. 以下のページのビデオ情報ボックスをカスタマイズできます。

      (1) プロフィールページ
      • プロフィールページは、次のURLに該当するページのことです。
      • (a) http://beta.vreel.net/profile_*.html
      • (b) http://beta.vreel.net/index.php?q=profile&id=*
      • このページの高さはサムネイル、タイトル、説明の合計サイズを指定してください。

      (2) My Profile(My Account)ページ
      • My Profile(My Account) ページは、次のURLに該当するページのことです。
      • http://beta.vreel.net/index.php?q=my
      • (1)のプロフィールページとほぼ同じレイアウトですが、 EditおよびDeleteのリンクが存在するため必要な高さは少し大きくなりますので、 別設定になっています。
      • このページの高さはサムネイル、タイトル、説明の合計サイズを指定してください。

      (3) チャンネルページ
      • チャンネルページは、次のURLに該当するページのことです。
      • (a) http://beta.vreel.net/index.php?q=channels*
      • (b) http://beta.vreel.net/index.php?q=channels&id=*
      • このページの高さはサムネイル、タイトル、説明の合計サイズを指定してください。

      (4) Manage Movies(My Videos) ページ
      • Manage Movies(My Videos) ページは、次のURLに該当するページのことです。
      • (a) http://beta.vreel.net/?q=mye
      • (b) http://beta.vreel.net/index.php?q=mye*
      • このページの高さは説明のみのサイズを指定してください。

    5. コマンドメニュー

    6. (1) ====== Change style of video information boxes for VReel ======
      • これはタイトル行なので選択しても何も起こりません。

      (2) Configure style of video information boxes
      • 今見ている種類の全ページの設定を行いたい場合、このメニューを選択します。

      (3) Change log output mode for Change style of video information boxes for VReel
      • これはデバッグ用のログ出力制御メニューです。
      • 通常はOFF(デフォルト)にして使用してください。
      • ログを出力したい場合は、このメニューを選択してログ出力モードをONにしてください。
      • ログの出力をしたくない場合は、このメニューを選択してログ出力モードをOFFにしてください。

    7. 設定フォーム

    8. (1) タイトル領域
      • ここにはカスタマイズをしようとしている種類を表示します。
      • この領域の上にマウスカーソルを持ってくると、マウス形状がmove形状に変わります。
      • ドラッグ&ドロップで、フォームの場所を移動できます。

      (2) コマンドボタン
      1. Reset
        このボタンをクリックすると、フォーム内容を初期化します。

      2. Save
        このボタンをクリックすると、フォーム内容を保存してフォームを閉じます。
        画面は自動的に設定を反映します。

      3. Quit
        このボタンをクリックすると、フォーム内容を保存せずにフォームを閉じます。
        画面は、元の状態にもどされます。

      4. Preview
        このボタンをクリックすると、表示の確認のために一時的に設定内容が反映されます。

      5. Help
        このボタンをクリックすると、本ページ(メインサイト)を表示します。
        このボタンをShiftキーを押しながらクリックすると、本ページ(サイトミラー)を表示します。

      (3) Overflow
      1. Visible(default)
        これを選択した場合は、オーバーフローしてもそのまま表示します。デフォルトがこれです。

      2. Auto
        これを選択した場合は、オーバーフローした時にスクロールバーを表示します。

      3. Scroll
        これを選択した場合は、オーバーフローしていなくても常にスクロールバーを表示します。

      4. Hidden
        これを選択した場合は、オーバーフローした部分を非表示にします。

      (4) 高さおよび横幅の指定
      • 対象となるボックスの高さと横幅をピクセル値で指定します。"px"は入力しないでください。

      1. Height(テキストボックス)
      2. 高さを指定してください。

      3. Default(ボタン) Hightのテキストボックスの横
      4. Heightのテキストボックスの内容を初期値にします。
        右側の括弧内の値が初期値になります。

      5. Width(テキストボックス)
      6. 横幅を指定してください。
        値によっては一行当たりの列数が変わりますので、通常はデフォルトのままで使用してください。

      7. Default(ボタン) Widthのテキストボックスの横
      8. Widthのテキストボックスの内容を初期値にします。
        右側の括弧内の値が初期値になります。

    9. 修正履歴
    10. 日付バージョン修正内容、理由
      2009-07-040.8ヘルプ関連の処理とマウスカーソル(ドラッグ&ドロップ用)などを変更した。
      2009-06-250.7ヘルプボタンのバルーン(ツールチップ)追加、ヘルプページにミラー追加。
      2009-06-180.6HelpページのURLを変更した。
      changelogを削除した。
      2009-06-060.5タイトル領域のバックグラウンドをイメージに変えた。
      ラジオボタン関連のコードを変えた。
      2009-05-300.4Helpボタンを追加した。
      ログ出力モードのダイアログを変更した。
      2009-05-240.3設定をフォーム化し、ドラッグ&ドロップを追加した
      2008-12-130.2チャネルページを対象に追加した
      2008-12-060.1新規作成

    11. システム要件
    12. (1) ブラウザ
      • Firefox 3.x
      • Firefox 2.xで動くかどうか知りません。

      (2) Firefoxのアドオン
      • Greasemonkey 0.8.20090123.1 以降
      (1) Firefox

      (2) Firefox のアドオン

      (3) userscripts.org

      (4) VReel

    13. 付記
    14. (1) スクリプト編集・改造
      • もしスクリプトを自分の為だけにカスタマイズしたい場合、私に許可無く改造してかまいません。
      • ただし、自分自身での使用のみに限定してください。

      (2) スクリプトの公開
      • もし他の人たちの為に、改造したスクリプトを公開したい場合、まず私に連絡してください。
      • 役に立つと思ったら、条件付きで許可するかもしれません。

      (3) リクエスト
      • 不足している機能でリクエストがあれば、連絡してください。

  2. サンプル設定とサンプル画像
  3. 背景画像は"VReel Page Customizer"によるカスタマイズです。本スクリプトでは背景画像を設定できません。

  4. FAQ
  5. 今のところ無し。
Free Web Hosting