I've figured out how to embed YouTube videos into a vBulletin installation of mine. How would I go about making a vertically expanding table that expand when the user would click on the "YouTube" text? I'm thinking of starting out out as a size maybe 100px high and 400px wide, and expand to 375px high and 450px tall. I've checked Google, but nothing seemed to come up that I could use.

The most logical way to do this is with JavaScript, which can be used to manipulate inline CSS styles. If you're totally new at JavaScript, look in that forum, and read some of the stickies for useful links to get you started.

Not sure how well that works with vbulletin...

It's just JavaScript, it doesn't matter what you're using to run the website.

vB has some limitations though if I understand right.

Well there are two choices

Use javascript or open a new page.

Technically, you could have some user interaction in the form of a CSS selected :hover, which would then expand the DIV based on rule, but that won't even work in IE6 and below.

Seeing how you asked for a click, JavaScript really is the only way you can do it, unless you want to mess with Flash, Java, or Silverlight, in which case you will not be able to expand an actual DIV as you asked for, since those are proprietary frameworks with their own sets of rules.

WT is vBulletin, and there is lots of JavaScript here.

I want to basically do this kind of thing... see the first post here:

http://www.facepunch.com/showthread.php?t=803852

That example is done in jQuery with the show() method: http://docs.jquery.com/Effects/show

Alright, I guess while I have this example here. I know for a fact this is totally custom, but the rating system they have... the check mark, X, etc... How is that done?

The "how" is not usually what is important, though it can sometimes give an indicator of what steps are required to complete something. What is important is the ability to put the pieces together in a way that makes sense to you. Building a website with an application layer is a lot like building a jigsaw puzzle in which the pieces do not always have a pre-specified location.

So the things that are important to understand is:

1. Client side code that creates behavior exists solely in the browser, and is completely loaded once it starts executing. This is the realm of JavaScript, Flash, CSS, etc.

2. Any response to user input that creates a change to the output of the website (all users are affected), must be programmed from the server. In the case of vBulletin this happens with PHP.

3. Sometimes client side and server side code can communicate via scripted HTTP requests. This is usually called AJAX. This is how requests can be made to a page, and either new information inserted into the database without page refresh, or new information received from the server and updated onto the page without page refresh, etc.

So in order to create a rating system such as this, you need to either:

A. Have a skillset which includes the understanding of client side and server side code, and the ability to solve problems in order to create a working application.

or

B. Find a solution that has been premade, either free or for sale, then customize it with your own images and styles to make it unique.

or

C. You could always hire someone.