OT Articles Scroll

baaleo baaleo
Topic Author
Offline
Fresh Boarder

11 years 7 months ago - 11 years 7 months ago #5899 by baaleo baaleo

OT Articles Scroll was created by baaleo baaleo

How can I achieve this effect?: https://docs.google.com/file/d/0BxOhqdy-0H6QR1F0TXhsVTJRM1E/edit?pli=1 when mouse is "onmouseout" ?

Last edit: 11 years 7 months ago by baaleo baaleo.

Please Log in or Create an account to join the conversation.

Trung Duong
Offline
Administrator

Notice: Undefined variable: end_tag_params in /ssd/home/omega_web/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Notice: Undefined variable: end_tag_params in /ssd/home/omega_web/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Notice: Undefined variable: end_tag_params in /ssd/home/omega_web/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321
11 years 7 months ago #5909 by Trung Duong

Replied by Trung Duong on topic Re: OT Articles Scroll

Hello,

You want it always shows as mouse is hover ?

Regards

Support email: services(at)omegatheme(dot)com

[img]...[/img]

[img]...[/img]

[img]...[/img]

Please Log in or Create an account to join the conversation.

baaleo baaleo
Topic Author
Offline
Fresh Boarder

11 years 7 months ago - 11 years 7 months ago #5910 by baaleo baaleo

Replied by baaleo baaleo on topic Re: OT Articles Scroll

trungdt wrote: Hello,

You want it always shows as mouse is hover ?

Regards

Hello, yes exactly!
Here is an example template with mod_rox_scroller...themerox*com/demo/?theme=MetroRox

Last edit: 11 years 7 months ago by Trung Duong.

Please Log in or Create an account to join the conversation.

Trung Duong
Offline
Administrator

11 years 7 months ago #5920 by Trung Duong

Replied by Trung Duong on topic Re: OT Articles Scroll

Hello,

You can edit this file: ot_surfdev/html/mot_ot_articles_scroll/default.php

and comment or remove this code below online 75-79

Code:

$('#ot-scroll<?php echo $module->id; ?> .ot-panel .ot-list .itemBlock').hover(function(){
  $(".moduleItemIntro", this).stop().animate({top:'0'},{queue:false,duration:300});
 }, function() {
  $(".moduleItemIntro", this).stop().animate({top:'100%'},{queue:false,duration:300});
 });

and edit css file: ot_surfdev//modules/mod_ot_articles_scroll/css/layout.css

change value top:100% to top:0;

Code:

.ot-panel .ot-list .itemBlock .moduleItemIntro{
 position: absolute;
 overflow: hidden;
 background: #39bbf9;
 color: #FFFFFF;
 opacity:0.95;
 filter:alpha(opacity=95); /* For IE8 and earlier */
 top: 100%;
 width: 100%;
 height: 100%;
}

Regards

Support email: services(at)omegatheme(dot)com