Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic That blasted Marquee tag (Read 1167 times)
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
 
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
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
 
Page Index Toggle Pages: 1
Send TopicPrint