(UTC)
Change Template: 
Choose Language:
YaBB Development & Mods › YaBB Development › HTML5 and CSS › That blasted Marquee tag Bottom
‹ No Topic | Next Topic ›
Page Index Toggle Pages: 1 ReplyAdd Poll Send Topic
Normal Topic That blasted Marquee tag (Read 4917 times)
Paste Member Name in Quick Reply Box Dandello
Forum Administrator
YaBB Modder
*****
Offline


I love YaBB 2.7!

Posts: 2234
Location: The Land of YaBB
Joined: Feb 12th, 2014
Gender: Female
Mood: Annoyed
Zodiac sign: Virgo
That blasted Marquee tag
Dec 5th, 2015 at 3:52pm
Mark & QuoteQuote  
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
 
Paste Member Name in Quick Reply Box Dandello
Forum Administrator
YaBB Modder
*****
Offline


I love YaBB 2.7!

Posts: 2234
Location: The Land of YaBB
Joined: Feb 12th, 2014
Gender: Female
Mood: Annoyed
Zodiac sign: Virgo
Re: That blasted Marquee tag
Reply #1 - Dec 5th, 2015 at 4:06pm
Mark & QuoteQuote  
Or use a browser other than Safari/Opera. Undecided
  
Perfection is not possible. Excellence, however, is excellent.
Back to top
WWW  
IP Logged
 
Paste Member Name in Quick Reply Box Dandello
Forum Administrator
YaBB Modder
*****
Offline


I love YaBB 2.7!

Posts: 2234
Location: The Land of YaBB
Joined: Feb 12th, 2014
Gender: Female
Mood: Annoyed
Zodiac sign: Virgo
Re: That blasted Marquee tag
Reply #2 - Dec 5th, 2015 at 8:20pm
Mark & QuoteQuote  
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
 
Paste Member Name in Quick Reply Box Derek Bullock
New Member
*
Offline


I Love YaBB!

Posts: 49
Joined: Feb 12th, 2014
Gender: Male
Mood: Frustrated
Zodiac sign: Virgo
Re: That blasted Marquee tag
Reply #3 - Oct 17th, 2017 at 7:13am
Mark & QuoteQuote  
Using iPad and working on Safari but not Firefox App. Smiley
  
Back to top
 
IP Logged
 
Paste Member Name in Quick Reply Box Dandello
Forum Administrator
*****
Offline


I love YaBB 2.7!

Posts: 2234
Location: The Land of YaBB
Joined: Feb 12th, 2014
Gender: Female
Mood: Annoyed
Zodiac sign: Virgo
Re: That blasted Marquee tag
Reply #4 - Oct 26th, 2017 at 12:57pm
Mark & QuoteQuote  
Some of the tags in the css aren't as well supported as they might be. Win Safari ignores half the instructions - like speed and direction.  Smiley But, then Win Safari is obsolete, too.
  
Perfection is not possible. Excellence, however, is excellent.
Back to top
WWW  
IP Logged
 
Page Index Toggle Pages: 1
ReplyAdd Poll Send Topic
‹ No Topic | Next Topic ›
Bookmarks: del.icio.us Digg Facebook Google LinkedIn reddit Twitter Yahoo
That blasted Marquee tag

Please type the characters exactly as they appear in the image,
without the first 2 and last 2 characters.
The characters must be typed in the same order,
and they are case-sensitive.
Open Preview Preview

You can resize the textbox by dragging the right or bottom border.
Off Topic Comment Insert Spoiler
Insert Hyperlink Insert FTP Link Insert Image Insert E-mail Insert Media Insert Table Insert Table Row Insert Table Column Insert Horizontal Rule Insert Teletype Insert Code Insert Quote Edited Superscript Subscript Insert List /me - my name Insert Marquee Insert Timestamp No Parse
Bold Italicized Underline Insert Strikethrough Highlight
                       
Change Text Color
Insert Preformatted Text Left Align Centered Right Align
resize_wb
resize_hb







Max 5000 characters. Remaining characters:
Text size: %
More Smilies
View All Smilies
Collapse additional features Collapse/Expand additional features Smiley Wink Cheesy Grin Angry Sad Shocked Cool Huh Roll Eyes Tongue Embarrassed Lips Sealed Undecided Kiss Cry
 

YaBB Development & Mods » Powered by YaBB 2.7.00!
YaBB Forum Software © 2000-2024. All Rights Reserved.

Valid RSS HTML 5 Valid CSS Powered by Perl Source Forge

Page completed in 1.5202 seconds.