MOD Related and Member Videos JS Title

[EMPEROR_SO]

Are you bored of not having titles in the related and member videos ? are you bored of waiting to see the alt title? well im..

here a little trick to see the full titles  

DEMO (mouse over related videos and member videos thumbs):http://www.para-tube.com/videos/313/video-of-paranormal-activity
DEMO (mouse over the thumbs): http://www.para-tube.com





STEP 1:

add this to your main.css file

Code: [Select]

#tt {position:absolute; display:block; background:url(images/js/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/js/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/js/tt_bottom.gif) top right no-repeat; overflow:hidden}
STEP 2:

add this to main_1.htm

Code: [Select]

<script type="text/javascript" language="javascript" src="[var.base_url]/javascripts/script.js"></script>
STEP 3:

3.1 Download the attached file
3.2 Make a folder "js" in your root/images/ folder and put the attached images in it
3.3 Put script.js in the /javascripts/ folder

STEP 4:

4.1 Open inner_play.htm in the templates folder
4.2 Replace

Code: [Select]

<img src="uploads/thumbs/[blk2.video_id;block=div].jpg" title="<!--[blk2.title;block=div;comm]-->" width="80" height="60" border="0" alt="Preview" style="border:2px solid #DDDDDD;" onmouseover="this.style.border='2px solid #0099FF'" onmouseout="this.style.border='2px solid #DDDDDD'" /></a>
With

Code: [Select]

<img onmouseover="tooltip.show('<strong><!--[blk2.title;block=div;comm]--></strong>');" onmouseout="tooltip.hide();" src="uploads/thumbs/[blk2.video_id;block=div].jpg" width="80" height="60" border="0" alt="Preview" style="border:2px solid #DDDDDD;" onmouseover="this.style.border='2px solid #0099FF'" onmouseout="this.style.border='2px solid #DDDDDD'" /></a>
4.3 Replace

Code: [Select]

<img src="uploads/thumbs/[blk1.video_id;block=div].jpg" title="<!--[blk1.title;block=div;comm]-->" width="80" height="60" border="0" alt="Preview" style="border:2px solid #DDDDDD;" onmouseover="this.style.border='2px solid #0099FF'" onmouseout="this.style.border='2px solid #DDDDDD'" /></a>
With

Code: [Select]

<img onmouseover="tooltip.show('<strong><!--[blk1.title;block=div;comm]--></strong>');" onmouseout="tooltip.hide();" src="uploads/thumbs/[blk1.video_id;block=div].jpg" width="80" height="60" border="0" alt="Preview" style="border:2px solid #DDDDDD;" onmouseover="this.style.border='2px solid #0099FF'" onmouseout="this.style.border='2px solid #DDDDDD'" /></a>
STEP 5 (Optional) :
To add this Mod to the other files just add the script in the img tag of the thumbernail and replace "TITLE VAR" with the title variable

Code: [Select]

onmouseover="tooltip.show('<strong>TITLE VAR</strong>');" onmouseout="tooltip.hide();"
END

[sbcjr]

Nice!  Thanks for sharing this!

[priceyboy]

Nice..
Will probally have go at this over the weekend... will update you.

Priceyboy

[mikev]

thank you! nice mod EMPEROR_SO it works great. it need a few changes for the promotion template.

find this in promotion inner_play.htm
<img src="uploads/thumbs/[blk2.video_id;block=div].jpg" title="<!--[blk2.title;block=div;comm]-->" width="100" height="80" alt="Preview" />[/url]
and replace with this
<img onmouseover="tooltip.show('<strong><!--[blk2.title;block=div;comm]--></strong>');" onmouseout="tooltip.hide();" src="uploads/thumbs/[blk2.video_id;block=div].jpg" width="100" height="80" border="0" alt="Preview" style="border:2px solid #DDDDDD;" onmouseover="this.style.border='2px solid #0099FF'" onmouseout="this.style.border='2px solid #DDDDDD'" />[/url]
find this in promotion inner_play.htm
<img src="uploads/thumbs/[blk1.video_id;block=div].jpg"
title="<!--[blk1.title;block=div;comm]-->" width="100"
height="80" alt="Preview" />[/url]
and replace with this
<img onmouseover="tooltip.show('<strong><!--[blk1.title;block=div;comm]--></strong>');" onmouseout="tooltip.hide();" src="uploads/thumbs/[blk1.video_id;block=div].jpg" width="100" height="80" border="0" alt="Preview" style="border:2px solid #DDDDDD;" onmouseover="this.style.border='2px solid #0099FF'" onmouseout="this.style.border='2px solid #DDDDDD'" />[/url]

[EMPEROR_SO]

with step 5 just replace the title var and put that in your img tag

[Acidztrip]

thanks for the mod....

but which file contains that other mouseover that pops up? 
I went to para-tube and on mouseover both boxes come up... the new one and the original one that says "preview", "thumb", and "video pic".

I would like to add this mod but get rid of the other... thanks again

[epinett]

Hello,
just wanted to fix some bugs on this MOD

the Code in Step 1 must be remplaced with this:

Code: [Select]

#tt {position:absolute; display:block; background:url(../images/js/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/js/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/js/tt_bottom.gif) top right no-repeat; overflow:hidden}
- Because when you added something in main.css that means it's main directory is the (custom)Themes folder.

and in the Step 3:
change this:  3.2 Make a folder "js" in your root/images/ folder and put the attached images in it
to:
3.2 Make a folder "js" in your root/themes/user_themes/images/folder and put the attached images in it

and the Result is better demo here: http://www.motion.tubehost.co.uk/videos/238/k2W4-0qUdHY

[evilgenius]

i tried this
'
dont seem to work on promoted section on main page and it works on sections under it

but looks different than the one that popsup under related

http://www.fragvidz.com

[epinett]

i tried this
'
dont seem to work on promoted section on main page and it works on sections under it

but looks different than the one that popsup under related

http://www.fragvidz.com

But it works also great on promoted Videos. Demo Here : http://www.motion.tubehost.co.uk

[evilgenius]

not for mine

[lhamas]

Thanks!!!

Henrique
www.futetube.net

[NL-Extreme]

thnks

www.nl-extreme.com

[NL-Extreme]

Watch out.
If you use this script, it works 100%.
Be sure u dont have a " orwe a ' in youre titel.
You will get a error down in youre screen (in IE)

[ferdon]

Dank u wel