This is the page of "Change style of video information boxes for VReel"

User's manual

Procedure

(1) Show the target page.
(2) Select "Configure style of video information boxes" from the command menu of Greasemonkey.
(3) Set height and width in the form.
(4) Confirm the window after you have clicked the "Preview" button.
(5) If it is OK,click the "Save" button and save the setting. If it id NG, change setting and retry preview.


Target pages

You can customize video boxes of following pages.

(1) Profile pages

• It means the pages specified by following url.
• (a) http://beta.vreel.net/profile_*.html
• (b) http://beta.vreel.net/index.php?q=profile&id=*
• Set total height of the thumbnail,title and description.

(2) My Profile(My Account) pages

• It means the pages specified by following url.
• http://beta.vreel.net/index.php?q=my
• Although this page is almost same with Profile pages of (1),
• it is another setting page, because there are links of 'Edit' and 'Delete'.
• It needs a little big height.
• Set total height of the thumbnail,title and description.

(3) Channel pages

• It means the pages specified by following url.
• (a) http://beta.vreel.net/index.php?q=channels*
• (b) http://beta.vreel.net/index.php?q=channels&id=*
• Set total height of the thumbnail,title and description.

(4) Manage Movies(My Videos) page

• It means the pages specified by following url.
• (a) http://beta.vreel.net/?q=mye
• (b) http://beta.vreel.net/index.php?q=mye*
• Set height of the only Descriptoin box.



Command Menu



(1) ====== Change style of video information boxes for VReel ======

• This menu is a title line. It doesn't happen at all.

(2) Configure style of video information boxes

• If you want to change the size of video information boxes looking now, select this menu.

(3) Change log output mode for Change style of video information boxes for VReel

• This menu is for debbuging.
• Set log mode off usually.
• If you want to output log,set log mode ON.
• If you don't want to output log,set log mode OFF.



Configuration Form



(1) Title area

• This area is showing a kind of the page which you are going to customize.
• When you move the mouse cursor on the title area,the mouse cursor will be changed to move cursor.
• You can move the form box to another place using drag & drop.


(2) Command Button

1. Reset
   This button initializes all form parts.


2. Save
   This button closes form after saving the data.
   And that page will be displayed by the new setting.


3. Quit
   This button closes form without saving the data.
   If you clicked "Preview" button,the page view will be back before.


4. Preview
   This button shows the preview according to the setting.


5. Help
   When you click this button,this page(main site) will be shown.
   When you click this button while push the shift key,this page(mirror site) will be shown.


(3) Overflow

1. Visible(default)
   If you select this, it will just display the overflowed content. It is default setting by system.


2. Auto
   If you select this, it will display scroll bars when the content overflows.


3. Scroll
   If you select this, it will always display scroll bars.


4. Hidden
   If you select this, it will hide the overflowed content.



(4) Set height and width

• Set height and width by pixel value. Don't set the string "px". Set only value.


1. Height(Input Text)
Set the value of height.


2. Default(Command Button) side of the text box for height.
It will set the default value in the text box.
There is a default value in the parentheses.


3. Width(Input Text)
Set the value of height.


4. Default(Command Button) side of the text box for width.
It will set the default value in the text box.
There is a default value in the parentheses.



Changelog

Date	Version	Reason
2009-07-04	0.8	Changed around Help and mouse cursor, etc.
2009-06-25	0.7	Added the mirror page and a tooltip to the Help button.
2009-06-18	0.6	Changed URL of the Help page. Remove changelog.
2009-06-06	0.5	Changed background of the title area in the form. Changed the code about radio buttons.
2009-05-30	0.4	Added Help button. Changed log mode function.
2009-05-24	0.3	Add configuration form,Drag & Drop,etc.
2008-12-13	0.2	Add function for channels' page
2008-12-06	0.1	New creation

System Requirement

(1) Browser

• Firefox 3.x
• I don't know about Firefox 2.x.

(2) Add-on of Firefox

• Greasemonkey 0.8.20090123.1 or later

Related Links

(1) Firefox

• Download Firefox 3.x

(2) Firefox add-ons

• Firefox Add-ons
• Greasemonkey 0.8.x

(3) userscripts.org

• userscripts.org
• My account page
• Change style of video information boxes for VReel

(4) VReel

• http://beta.vreel.net/
• My Profile page

Appendix

(1) Edit the script

• If you want to customize this script only for using yourself, you don't need to get my permission.
• But that script must be only used by you.

(2) Publish the script

• If you want to add your code in this script for other people, first of all,contact me.
• If it is very useful, I might allow it with condition.

(3) Request

• If you want to request another useful feture in this script, contact me.

Sample setting and image

The background image is customized by my another script "Vreel Page Customizer". It isn't customized by this script.

• for My Profile page (default)
  


• for My Profile page (Overflow:Visible,height:380)
  


• for My Profile page (Overflow:Auto,height:340)
  


• for My Profile page (Overflow:Scroll,height:340)
  


• for My Profile page (Overflow:Hidden,height:200)
  


• for the channels page (default)
  


• for the channels page (Overflow:Visible,height:280)
  


• for the Manage Movies(Update Information) page (default)
  


• for the Manage Movies(Update Information) page (Overflow:Visible,height:100)
  


FAQ
There is nothing now.