Not Solved Help styling "Cool Announcements with Marquee" container
#3
Not Solved
(2019-12-03, 05:19 PM)SvePu Wrote: Pls, try this:

<div style="background: #EEEEEE;border: 1px solid #2c82c9;border-radius: 3px;text-align: center;margin: 10px auto;padding: 5px 20px 5px 165px;color:#03456b;line-height: 2em;position: relative;">
	<div style="background: red; position: absolute; top: 0; left: 0; padding: 5px 20px; margin: -1px; line-height: 2em; font-weight: 800; color: white; border: 1px solid red; border-bottom-left-radius: 3px; border-top-left-radius: 3px; ">
		<i class="fas fa-microphone-alt fa-lg"></i> Forum News
	</div>
	<center>
		<marquee onmouseover="this.setAttribute('scrollamount',0)" onmouseout="this.setAttribute('scrollamount',1)" direction="left" scrollamount="5" scrolldelay="1" height="">
			{$mybb->settings['ann']}
		</marquee>
	</center>
</div>
<br />

Perfect!!  I just can't seem to get the hang of styling!  Thank you!!

While looking at this code, do you know why the scroll slows down with mouse hover but doesn't speed up after you stop hovering?  The scroll stays real slow.  It did this before any styling.  I'd like it to speed back up after no hover?

https://www.7173mustangs.com/index.php

Thanks again for the styling, it looks GREAT!
MyBB 1.8.22 (x4)
7173Mustangs.com, pa2a.org, pazrt.com & paguntalk.com
Reply


Messages In This Thread
RE: Help styling "Cool Announcements with Marquee" container - by RocketFoot - 2019-12-03, 05:48 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)