jQuery YouTube style comment section


I need a very, very, simple jQuery item designed.

What I need is a comment section similar to the one on [url removed, login to view], However, ALL I need is the jQuery and CSS design work done for it. I do not need you to write any server side code. I do not need you to make any AJAX interactions.

All I want is the following:

1. Go to [url removed, login to view]

2. Go to any video

3. Look at the comment section

4. Move your mouse over a comment


a) The background color changes.

b) 4 images appear -

The images are: Reply, Vote Up, Vote Down, Flag for Spam

6. Move your mouse over the one of the images. A tool tip appears.

That's all I want to have happen. I want the exact same functionality as the Tooltip, the images, and the changing background color. Again, I do not want anything complicated. I don't need this to post to a database. I just want the functionality as described above. I have included a picture to show you exactly what i want.

Table-less design should be used. I have included this in my picture. Please look at it carefully.

**** When bidding, please make sure you can: ****

- Make the tool tips and images change when you mouse over

- Copy the images from YouTube (exactly as you see it on the youtube site -- There appear to be 3 total images:

a) image when you mouse over (the image turns black)

b) image when you press down (the image background changes)

c) image when you first enter the div area (images appear - default)

- Make the background color change on the hover

- Design this without tables.

- jQuery must be used. No exceptions.

**** Further explanation: ****

- I have included an image as to how this should be setup. You will see on the image that there are a total of four (4) div layers. One in green covers the whole comment-area, one in red covers the user name section, one in orange covers the actual comment-text, one in yellow covers the buttons on the right-hand side.

Estimated budget for this jQuery design work is about US $40.00

Again, this does not require any PHP or AJAX coding. It requires some jQuery and CSS.

Please PM me with your experience and estimated time to complete this project.

Thank you.

I have also included a picture of the Tooltip, so you can see *EXACTLY* what I am looking for with the tooltips.

Thank you.

Additional information:

The YouTube style tool tips should be exactly as shown in the tooltipExample.png .

The images should be exactly as shown on a YouTube video in the comments section.

**** Please do not bid unless you can make the exact same functionality as shown on YouTube. Again, there is no PHP or Server Side Code being required here. Only jQuery and CSS ****

Beceriler: AJAX, CSS, jQuery / Prototype, PHP

Daha fazlasını gör: jquery youtube comment, jquery comment section, comment section css, jquery comment, jquery youtube, youtube comment jquery php, youtube style tooltip css, youtube comment css, comment youtube jquery, css youtube style show, comment style css youtube, youtube style css, comment section jquery, youtube style tooltip, youtube tooltip style, youtube tooltip jquery, youtube style tooltip jquery, comment section ajax, ajax comment section, youtube background picture, youtube background images, youtube background image, write my name in style, work style, what is your work style

İşveren Hakkında:
( 42 değerlendirme ) International Market, United States

Proje NO: #748481



Hello, please check pm.

%selectedBids___i_period_sub_7% gün içinde 50%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(94 Değerlendirme)

9 freelancers are bidding on average $64 for this job


Please check the PMB.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(164 Değerlendirme)

Please check PM

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(60 Değerlendirme)

Have it done right by an expert. Please check PM.

in %bids___i_period_sub_35% gün içinde150%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(44 Değerlendirme)

hi i can do all this in 99 usd, thanx adnan

in %bids___i_period_sub_35% gün içinde99%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(46 Değerlendirme)

Hello, xHTML/CSS/Javascript/jQuery/Prototype experts here, this is an easy task for our team. Lets start

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(8 Değerlendirme)

I can make this within few hours

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(20 Değerlendirme)

We are group of highly motivated people having about 4 years of consolidated experience in the area of web design and development. We strongly believe in process and quality and religiously follow the same. We have g Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(1 Yorum)

Hi, ready to start.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)