This is the page of "Veoh Page Customizer"

User's manual

Procedure

(1) Show the page which you want to customize.
(2) Select the page type(all or this) from the command menu of Greasemonkey.
(3) Select Customization type in the form.
(4) If you selected "URL",enter URL of the CSS file, and if you selected "CSS code", enter CSS code.
(5) If you want to set the style attribute, check the "Option" check box. If you don't set it, go to (7).
(6) Click the Option No. and enter the informations to search the target nodes.
(7) Confirm the window after you have clicked the "Preview" button.
(8) If it is OK,click the "Save" button and save the setting. If it id NG, edit CSS code and retry preview.


Target pages

You can customize following pages.
And,you can customize as sub pages like category of the browse page,discussion of group page.

(1) Profile pages

• It means the pages specified by following url.
• (a) http://www.veoh.com/users/*
• (b) http://www.veoh.com/users/*/videos*
• (c) http://www.veoh.com/users/*/favorites*
• (d) http://www.veoh.com/users/*/groups*
• (e) http://www.veoh.com/users/*/groups/joined*
• This page type is specified for both all profile pages and individual profile pages.
• If you select individual profile page, the specification is only available in that user profile pages.
• About (b),(c),(d) and (e),you can customize it as sub pages.

(2) Group pages

• It means the pages specified by following url.
• (a) http://www.veoh.com/group/*
• (b) http://www.veoh.com/group/*/members*
• (c) http://www.veoh.com/group/*/discuss*
• This page type is specified for both all group pages and individual group pages.
• If you select individual group page, the specification is only available in that group pages.
• About (b) and (c),you can customize it as sub pages.

(3) Collection pages

• It means the pages specified by following url.
• (a) http://www.veoh.com/collection/*/watch/*
• (b) http://www.veoh.com/collection/*#watch%3D*
• This page type is a kind of group pages.

(4) Browse pages

• It means the pages specified by following url.
• (a) http://www.veoh.com/browse/*
• (b) http://www.veoh.com/browse/*/category/*
• This page type is specified for both all browse pages and individual browse pages.
• If you select individual browse page, the specification is only available in the pages of that area.
• What's area? It means sub folder of browse like videos,movies,music,etc.,not a category.
• About (b),you can customize it as sub pages.

(5) Watch pages

• It means the pages specified by following url.
• (a) http://www.veoh.com/*/watch/*
• (b) http://www.veoh.com/*#watch%3D*
• This page type can be specified only for all of the watch pages.
• If you don't customize Watch pages, it will be customized by the specification of the browse or group pages.
• Now,this pages can not be specfied,because I am thinking about this specification.

(6) Search result pages

• It means the pages specified by following url.
• http://www.veoh.com/search/videos/q/*
• This page type can be specified only for all of the search result pages.

(7) My Profile page

• It means the pages specified by following url.
• http://www.veoh.com/myprofile*
• This page type is specified for both all My Profile pages and individual My Profile page.
• You need to be logging in to see and customize.
• And other users can not watch that page.
• The individual specification is for the user having multi account.

(8) Account Settings page

• It means the page specified by following url.
• http://www.veoh.com/myaccount
• This page type is specified for both all My Account Setting pages and individual My Account Setting page.
• You need to be logging in to see and customize.
• And other users can not watch that page.
• The individual specification is for the user having multi account.

(9) Publish pages

• It means the page specified by following url.
• http://www.veoh.com/publish/*
• This page type is specified for both all Publish pages and individual Publish pages.
• You need to be logging in to see and customize.
• And other users can not watch that page.
• The individual specification is for the user having multi account.

(10) Interests page

• It means the pages specified by following url.
• http://www.veoh.com/myinterests
• This page type is specified for both all Interests page and individual Interests page.
• You need to be logging in to see and customize.
• And other users can not watch that page.
• If you don't logging in,you can only all Interests page.
• The individual specification is for the user having multi account.

(11) Message page

• It means the pages specified by following url.
• http://www.veoh.com/messages/*
• This page type is specified for both all Message page and individual Message page.
• You need to be logging in to see and customize.
• And other users can not watch that page.
• The individual specification is for the user having multi account.

(12) Friends page

• It means the pages specified by following url.
• http://www.veoh.com/following/*
• This page type is specified for both all Friends page and individual Friends page.
• You need to be logging in to see and customize.
• And other users can not watch that page.
• The individual specification is for the user having multi account.

(13) Favorites page

• It means the pages specified by following url.
• http://www.veoh.com/favorites/*
• This page type is specified for both all Favorites page and individual Favorites page.
• You need to be logging in to see and customize.
• And other users can not watch that page.
• The individual specification is for the user having multi account.

(14) Quicklist page

• It means the pages specified by following url.
• http://www.veoh.com/quicklist/*
• This page type is specified for both all Quicklist page and individual Quicklist page.
• The individual specification is for the user having multi account.

(15) Top page

• It means the pages specified by following url.
• http://www.veoh.com/
• This page type is specified for the top page.

(16) Other pages

• It means the pages specified by following url.
• (a) http://www.veoh.com/*
• (b) http://www.veoh.com/*/*
• This page type is specified for both all other pages and individual other pages.
• The url of type (a) is for all other pages.
• The url of type (b) is for individual other pages with sub folder name.

(17) blog

• It means the pages specified by following url.
• http://blog.veoh.com/blog/*
• This page type is specified for the all blog pages.

Command Menu



(1) ====== Veoh Page Customizer ======

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

(2) Common customizing
(2-1) Customize all ****** pages

• If you want to customize all ****** pages, select this menu.

(3) Common customizing of sub pages
(3-1) Customize all pages of the ****** category in this videos pages
(3-2) Customize the ****** pages of all profile pages
(3-3) Customize the ****** pages of all group pages

• If you want to customize this sub pages of all ****** pages, select this menu.
• This menu appears profile,group,browse pages with sub pages.
• This menu customizes sub pages of the common customizing.
• In the type of (3-1),you can customize this category pages in the video browse pages.
• In the type of (3-2),you can customize this sub pages of all user profile pages.
• In the type of (3-3),you can customize this sub pages of all groups.
• In the inbox,etc,it will be displayed a similar menu.

(4) Individual customizing
(4-1) Customize this ****** pages
(4-2) Customize ****** profile pages
(4-3) Customize the ****** group

• If you want to customize this ****** pages, select this menu.
• This menu appears profile,group,videos category pages with ID.
• In the type of (4-1),you can customize this area(video,movie,etc.) of the browse pages.
• In the type of (4-2),you can customize all profile pages of the displayed user.
• In the type of (4-3),you can customize all group pages of the displayed group.
• In the inbox,etc,it will be displayed a similar menu.

(5) Individual customizing of sub pages
(5-1) Customize the ****** pages of ****** profile pages
(5-2) Customize the ****** pages of ****** group

• This menu customizes sub pages of the individual customizing.
• In the type of (5-1),you can customize this sub pages of the displayed user.
• In the type of (5-2),you can customize this sub pages of the displayed group.
• In the inbox,etc,it will be displayed a similar menu.

(6) Show Current CSS Code

• If you want to see the CSS code used now, select this menu.

(7) Show Original CSS Code

• If you want to see the CSS code of the Veoh's original user CSS, select this menu.
• This menu is available only at user profile pages and group pages.

(8) View value list

• Show list of the key and the values used in this script.

(9) Change log output mode for Page Customization for Veoh

• 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.



Customizing Definition 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.
   If you didn't click "Preview" button,you have to reload after saving.


3. Quit
   This button closes form without saving the data.
   If you clicked "Preview" button,the 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) Customization Type

1. Unused
   This type does not customize. It is default setting.


2. URL
   This type customizes the pages by using CSS file of the specified URL.
   Put the URL of the CSS file into the input area.
   


3. CSS code
   This type customizes the pages by using the entered CSS code.
   Put CSS code into the textarea.
   

When you are trying to customize the user profile page or group page,the 'Set original CSS' button will be displayed.
If Veoh user customized the page,you can set the user CSS into the textarea by clicking this button.

4. Disable
   This type disables customizing.
   It disables also Veoh user customizing.
   


5. Option
   This is an option to add a style to the specified elements.
   If you select Customization Type "Disable", option is also disabled.
   

(4) Option setting

• The target node is searched by using XPath.
• You can set the option from 1 to 10.
• When the style of the target node is specified at the style attribute of it,
• if you want to specify the same property, you have to use this feture.
• Because the priority(specificity) of the style attribute is highest.


1. Option No.(Radio Button)
Select option number.


2. Enable this option(Check Box)
If you want to take effect the setting, check the check box.


3. Set type(Radio Button)
If you want to append your code to the style attribute of the target nodes, select "Append".
If you want to replace with your code to the style attribute of the target nodes, select "Replace".


4. Tag(Input Text)
Specify the tag name to search target nodes if it is necessary.


5. ID(Input Text)
Specify the ID value to search target nodes if it is necessary.


6. Class(Input Text)
Specify the class name to search target nodes if it is necessary.


7. Attribute(Input Text)
Specify the Attribute name and value to search target nodes if it is necessary.
Set attribute name to the left box.
Set attribute value to the right box.


8. Style Code(Input Text)
Specify CSS code to set the target nodes.


9. Clear Option(Command Button)
This button clears your specification of the current option number.


10. Set XPath(Command Button)
This button makes XPath code(XPathExpression) to search the target and displays in the XPath box.
You need not to click this button,because it is the button for confirming the specification.


11. XPath(Check box and Input Text)
If you want to enter a code into the XPath box directly, check the check box on the side of "XPath"(V1.0 or later).
If this check box is checked, the other boxes are ignored and your inputted code will be used.



Priority

(1) Disable

• The priority of "Disable" is highest.
• And the next is URL/CSS code.

(2) "Individual customizing" and "Common customizing"

• The priority of "Individual customizing" is higher than "Common customizing".
• The individual customizing affects to a page with an id like Profile pages and Group pages.
• It also affects to the page with sub folders like Browse pages.

(3) Veoh's user customizable pages

• If it is specified at the Veoh's user customizable pages, the priority of the user customization by Veoh's system is higher than "Common customizing", and it is lower than "Individual customizing".


• Common customizing < User CSS < Individual customizing
• Common customizing < Common customizing of ths sub pages
• Individual customizing < Individual customizing of ths sub pages
• Therefore at finally,the customizing combination is defined like the following table.

		Sub
		Disable	URL/CSS code	Unused
All	Disable	Disable	Disable	Disable
	URL/CSS code	Disable	Sub	All
	Unused	Disable	Sub	Nothing

		User CSS
		Disable	URL/CSS code	Unused
Sub	Disable	Disable	Disable	Disable
	URL/CSS code	Disable	User CSS	Sub
	Unused	Disable	User CSS	Nothing

		This
		Disable	URL/CSS code	Unused
User CSS	Disable	Disable	Disable	Disable
	URL/CSS code	Disable	This	User CSS
	Unused	Disable	This	Nothing

		This sub
		Disable	URL/CSS code	Unused
This	Disable	Disable	Disable	Disable
	URL/CSS code	Disable	This sub	This
	Unused	Disable	This sub	Nothing

Changelog

Date	Version	Reason
2009-07-04	1.0.6	Removed style node appended by ajax code. Added the 'Set original CSS' button. Changed mouse cursor for Drag&Drop. Changed around Help.
2009-06-25	1.0.5	Added the mirror page and a tooltip to the Help button.
2009-06-18	1.0.4	Changed URL of the Help page. Remove changelog and @homepage.
2009-06-06	1.0.3	Removed height property of the option box. Changed background of the title area in the form. Changed the code about radio buttons.
2009-05-30	1.0.2	Added Help button. Changed log mode function.
2009-05-18	1.0.1	Fixed some bugs(e.g. element type customizing,etc.). Replaced document.getElementById to $.
2009-05-13	1.0	Cleaned up the code a little. Supported direct input of the XPath box. Fixed some bugs(e.g. search result page,sub page,Quit,etc.).
2009-05-09	0.9	Set the mouse cursor on the title area and the buttons.
2009-04-29	0.8	Added the feture to customize the sub pages. Removed the forum from the target pages. Added th blog pages to the target pages. Removed the command buttons for moving the form. Supported the movement of the form by Drag&Drop instead.
2009-03-21	0.7	Fixed several bugs
2009-03-17	0.6	Added move button in the configuration form and Friends page,Etc.
2009-02-20	0.5	Added Preview and Show original/current CSS menu
2009-02-09	0.4	Added element style customizing option
2009-02-05	0.3	Started remaking for the new layout of the site
2009-01-31	0.2	Added configuration form
2009-01-13	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 ( using GM_deleteValue and GM_listValues )

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
• Veoh Page Customizer for Greasemonkey

(4) Veoh

• www.veoh.com
• My Profile page

Appendix

(1) Share CSS

• If you want to share your CSS code between greasemonkey users, you should select URL type.
• Then you put your CSS file in the open server.

(2) 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.

(3) 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.

(4) Request

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

Sample CSS code and image

These CSS codes can be used by my script "Veoh Page Customizer"



• for all Browse pages
  URL: http://chemera.coolpage.biz/browse.css
  
  
  Go to the Browse page, and select "Customize all browse pages" from command menu. Then select "URL" type and enter above-mentioned URL into the input area.
  


• for search result pages
  URL: http://chemera.coolpage.biz/search.css
  
  
  Go to the Search result page, and select "Customize search page" from command menu. Then select "URL" type and enter above-mentioned URL into the input area.
  



FAQ

1	Q	Why the priority of "Individual customizing" is higher than "User CSS"?
	A	This feture is able to check out another user's code and your code without putting it in your profile page actually. I often use this,when I answer to a question in Shishio's Custom Profile Group.