Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic CSS Fader Text 4 YaBB 2.4 (Read 7126 times)
Carsten
God Member
*****
Offline


...to much YaMS

Posts: 3281
Location: Langå
Joined: Aug 2nd, 2002
Gender: Male
CSS Fader Text 4 YaBB 2.4
Oct 18th, 2009 at 9:41pm
Print Post  
This mod makes the fader text controlled by css. This way yor can have correct 'start color' and 'end color' for any template - light or dark.

The mod removes the 'News Fader Text Color' and 'News Fader Background Color' settings from Admin Center.

Apply the mod as usual. Then copy the code from the 'fadeCSS.txt' file and paste it in your .css file(s).

The css selector looks like this:
Code
Select All
/* News fader fore- and background colors */
.newsfader {
	color: #304B58;
	background-color: #FEFEFE;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Sans-Serif;
	text-decoration: none;
} 



You can use any valid format for the 'background-color' and 'color' properties in the '.newsfader' selector.
On top of that you can set the font-size, font-weight, font-style, font-family and text-decoration properties.




« Last Edit: Feb 26th, 2010 at 4:07pm by Carsten »  

If you knock your head against a brick wall and hear a hollow sound, it's not necessarily coming from the wall.
Back to top
 
IP Logged
 
Captain John
Senior Member
****
Offline


Pass to Port !

Posts: 264
Location: Reno Beach
Joined: Jan 18th, 2007
Gender: Male
Re: CSS Fader Text 4 YaBB 2.4
Reply #1 - Oct 19th, 2009 at 2:34pm
Print Post  
Cool ..........
  

Love to live and love on the water
Back to top
 
IP Logged
 
Derek Barnstorm
God Member
*****
Offline



Posts: 1146
Location: Warwickshire
Joined: Mar 23rd, 2008
Gender: Male
Re: CSS Fader Text 4 YaBB 2.4
Reply #2 - Oct 27th, 2009 at 7:19pm
Print Post  
I've just given this a quick test. Definitely a better way of doing it, especially for those who use multiple templates.

I have noticed something strange though. The font-size, font-weight, font-style and font-family don't seem to work when using the old 2.1 template. Only the background-color and color work. They work fine with the default template though. I've only tested it with the default and 2.1 templates, so don't know if it is a problem with others.

This is the CSS I tested it with:

Code
Select All
/* News fader fore- and background colors */
.newsfader {
	background-color: #ff0000;
	color: #ffff00;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	font-family: Arial;
} 


This is how it looks in the default template:



And like this in the 2.1 template:



Tested with both Safari and FireFox.

Hopefully that will ease your blues for a while. Wink Smiley
« Last Edit: Oct 27th, 2009 at 9:00pm by Derek Barnstorm »  
Back to top
 
IP Logged
 
Carsten
God Member
*****
Offline


...to much YaMS

Posts: 3281
Location: Langå
Joined: Aug 2nd, 2002
Gender: Male
Re: CSS Fader Text 4 YaBB 2.4
Reply #3 - Oct 27th, 2009 at 8:14pm
Print Post  
There's a markup glitch in 'yabb21.html' - the 'div' with 'fscroller' id is added by js in the 'template subroutine:
Code
Select All
				<div id="fscroller" style="padding-top: 5px; padding-left: 20px; font-size: 12px;"><yabb news></div> 


should be:
Code
Select All
				<div style="padding-top: 5px; padding-left: 20px;"><yabb news></div> 




Derek Barnstorm wrote on Oct 27th, 2009 at 7:19pm:
Hopefully that will ease your blues for a while.

Yehaa - 2 downloads - jumping for joy  Wink
  

If you knock your head against a brick wall and hear a hollow sound, it's not necessarily coming from the wall.
Back to top
 
IP Logged
 
Derek Barnstorm
God Member
*****
Offline



Posts: 1146
Location: Warwickshire
Joined: Mar 23rd, 2008
Gender: Male
Re: CSS Fader Text 4 YaBB 2.4
Reply #4 - Oct 27th, 2009 at 8:52pm
Print Post  
Ah, right. I thought it was weird. It works fine with that removed anyway.

Thanks!

Maybe one suggestion for the future would be to add 'text-decoration' too?
  
Back to top
 
IP Logged
 
Carsten
God Member
*****
Offline


...to much YaMS

Posts: 3281
Location: Langå
Joined: Aug 2nd, 2002
Gender: Male
Re: [Done] CSS Fader Text 4 YaBB 2.4
Reply #5 - Nov 5th, 2009 at 12:14pm
Print Post  
This mod is now to be considered final release 1.0  Smiley

Added support for 'text-decoration' property as suggested by Derek. New zip attached to first post.
  

If you knock your head against a brick wall and hear a hollow sound, it's not necessarily coming from the wall.
Back to top
 
IP Logged
 
Derek Barnstorm
God Member
*****
Offline



Posts: 1146
Location: Warwickshire
Joined: Mar 23rd, 2008
Gender: Male
Re: [Done] CSS Fader Text 4 YaBB 2.4
Reply #6 - Nov 5th, 2009 at 1:31pm
Print Post  
Great. Thanks Carsten!

All seems good my end.

One very minor thing with Safari is that 'overline underline' doesn't work, but that really is no biggy anyway.

Smiley
  
Back to top
 
IP Logged
 
Carsten
God Member
*****
Offline


...to much YaMS

Posts: 3281
Location: Langå
Joined: Aug 2nd, 2002
Gender: Male
Re: [Done] CSS Fader Text 4 YaBB 2.4
Reply #7 - Nov 5th, 2009 at 2:18pm
Print Post  
Derek Barnstorm wrote on Nov 5th, 2009 at 1:31pm:
One very minor thing with Safari is that 'overline underline' doesn't work, but that really is no biggy anyway.

Hmm - did'nt see that one coming. Caused by a small oddity in the way Safari handles multiple parameters in css properties in js.

Fixed and new zip attached to first post. Good catch Derek.
  

If you knock your head against a brick wall and hear a hollow sound, it's not necessarily coming from the wall.
Back to top
 
IP Logged
 
Derek Barnstorm
God Member
*****
Offline



Posts: 1146
Location: Warwickshire
Joined: Mar 23rd, 2008
Gender: Male
Re: [Done] CSS Fader Text 4 YaBB 2.4
Reply #8 - Nov 5th, 2009 at 4:37pm
Print Post  
Cool! I wasn't expecting that to be fixable.

Works great now. Thank you!
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint