Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic That blasted Marquee tag (Read 693 times)
Dandello
Forum Administrator
*****
Offline


I love YaBB 2.7!

Posts: 1759
Location: The Land of YaBB
Joined: Feb 12th, 2014
Gender: Female
That blasted Marquee tag
Dec 5th, 2015 at 3:52pm
Print Post  
Finally found a css solution for the deprecated marquee tag.

Marquee Test

If it doesn't work- reload the css file.  Smiley
  

Perfection is not possible. Excellence, however, is excellent.
Back to top
WWW  
IP Logged
 
Dandello
Forum Administrator
*****
Offline


I love YaBB 2.7!

Posts: 1759
Location: The Land of YaBB
Joined: Feb 12th, 2014
Gender: Female
Re: That blasted Marquee tag
Reply #1 - Dec 5th, 2015 at 4:06pm
Print Post  
Or use a browser other than Safari/Opera. Undecided
  

Perfection is not possible. Excellence, however, is excellent.
Back to top
WWW  
IP Logged
 
Dandello
Forum Administrator
*****
Offline


I love YaBB 2.7!

Posts: 1759
Location: The Land of YaBB
Joined: Feb 12th, 2014
Gender: Female
Re: That blasted Marquee tag
Reply #2 - Dec 5th, 2015 at 8:20pm
Print Post  
I'm 99% cure it's now working in Safari (well, newer versions of Safari).

In your .css files add
Code (CSS)
Select All
.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the div */
    -webkit-animation: marquee 15s linear infinite;
    animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
@-webkit-keyframes marquee {
    0%   { -webkit-transform: translate(0, 0); }
    100% { -webkit-transform: translate(-100%, 0); }
} 



In YaBBC.pm find
Code (Perl)
Select All
    $message =~
      s/( |&nbsp;)*\[move\](.*?)\[\/move\]/<marquee>$2<\/marquee>/isgm; 



replace with:
Code (Perl)
Select All
    $message =~
      s/( |&nbsp;)*\[move\](.*?)\[\/move\]/<div class="marquee"><span>$2<\/span><\/div>/isgm; 



Note - there are some minority browsers out there this has NOT been tested on.
  

Perfection is not possible. Excellence, however, is excellent.
Back to top
WWW  
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint