How to Change the Font in this Script

**Rincewind** · 09-25-2008, 08:43 PM

1) Script Title: DHTML Ticker script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...eneraltick.htm

3) Describe problem: I have the following script below and want to change the font color, style how do I do it

cheers

heres the script
<html>
<head>

<style type="text/css">

/*Example CSS for the two demo tickers*/

#domticker{
width: 500px;
height: 25px;
border: 0px dashed black;
padding: 1px;
background-color: #FFFFFF;
}

#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FFFFFF;
}

#domticker a{

}

#domticker2{
width: 350px;
height: 1.2em;
border: 1px solid black;
padding: 3px;
}

#domticker2 a{
text-decoration: none;

}

.someclass{ //class to apply to your scroller(s) if desired
}

</style>

<script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var tickercontent=new Array()
tickercontent[0]='Steels Headlines: FA Cup Replica Coming to Steels on Saturday'
tickercontent[1]='Steels Headlines: Steels beat Carlton'
tickercontent[2]='Steels Headlines: Carlton 0-2 Steels'
tickercontent[3]='Steels Headlines: Steels home on Saturday to Curzon'
</script>
<script type="text/javascript">

/***********************************************
* DHTML Ticker script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function domticker(content, divId, divClass, delay, fadeornot){
this.content=content
this.tickerid=divId //ID of master ticker div. Message is contained inside first child of ticker div
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over ticker (and pause it if it is)
this.pointer=1
this.opacitystring=(typeof fadeornot!="undefined")? "width: 100%; filter

rogid

XImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1" : ""
if (this.opacitystring!="") this.delay+=500 //add 1/2 sec to account for fade effect, if enabled
this.opacitysetting=0.2 //Opacity value when reset. Internal use.
document.write('<div id="'+divId+'" class="'+divClass+'"><div style="'+this.opacitystring+'">'+content[0]+'</div></div>')
var instanceOfTicker=this
setTimeout(function(){instanceOfTicker.initialize()}, delay)
}

domticker.prototype.initialize=function(){
var instanceOfTicker=this
this.contentdiv=document.getElementById(this.tickerid).firstChild //div of inner content that holds the messages
document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0}
this.rotatemsg()
}

domticker.prototype.rotatemsg=function(){
var instanceOfTicker=this
if (this.mouseoverBol==1) //if mouse is currently over ticker, do nothing (pause it)
setTimeout(function(){instanceOfTicker.rotatemsg()}, 100)
else{
this.fadetransition("reset") //FADE EFFECT- RESET OPACITY
this.contentdiv.innerHTML=this.content[this.pointer]
this.fadetimer1=setInterval(function(){instanceOfTicker.fadetransition('up', 'fadetimer1')}, 100) //FADE EFFECT- PLAY IT
this.pointer=(this.pointer<this.content.length-1)? this.pointer+1 : 0
setTimeout(function(){instanceOfTicker.rotatemsg()}, this.delay) //update container
}
}

// -------------------------------------------------------------------
// fadetransition()- cross browser fade method for IE5.5+ and Mozilla/Firefox
// -------------------------------------------------------------------

domticker.prototype.fadetransition=function(fadetype, timerid){
var contentdiv=this.contentdiv
if (fadetype=="reset")
this.opacitysetting=0.2
if (contentdiv.filters && contentdiv.filters[0]){
if (typeof contentdiv.filters[0].opacity=="number") //IE6+
contentdiv.filters[0].opacity=this.opacitysetting*100
else //IE 5.5
contentdiv.style.filter="alpha(opacity="+this.opacitysetting*100+")"
}
else if (typeof contentdiv.style.MozOpacity!="undefined" && this.opacitystring!=""){
contentdiv.style.MozOpacity=this.opacitysetting
}
else
this.opacitysetting=1
if (fadetype=="up")
this.opacitysetting+=0.2
if (fadetype=="up" && this.opacitysetting>=1)
clearInterval(this[timerid])
}

</script>
</head>

<body>

<body>

<script type="text/javascript">

//new domticker(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds, optionalfadeswitch)

new domticker(tickercontent, "domticker", "someclass", 3000, "fadeit")
</script>

</body>
</html>

**magicyte** · 09-25-2008, 08:45 PM

color of what? if text, use the color: attribute. If background, use the background: attribute

-magicyte

**Rincewind** · 09-25-2008, 09:07 PM

Sorry should have said i want to chage the colour of the text but don't no how to?

**magicyte** · 09-25-2008, 09:24 PM

in the <style> tag, look for the # sign that comes before a name and then a {. Look for the one that holds properties for the text. add the following code, and change the color to fit your needs.

color:red;

ex.

#hey {
color:red;
}

-magicyte

**Rincewind** · 09-25-2008, 09:40 PM

thanks will give it a go

**Rincewind** · 09-25-2008, 10:04 PM

The only bit I could find was this bit of the code
#domticker2 a{
text-decoration: none;

}

did what you said but to no avail??

**rangana** · 09-26-2008, 01:33 AM

Try to add highlighted instead:

Code:

#domticker{
width: 500px;
height: 25px;
border: 0px dashed black;
padding: 1px;
background-color: #FFFFFF;
color:#f00;
}

Feel free to change the color values to fill your heart's desire.

Hope that helps.

**Rincewind** · 09-26-2008, 07:14 AM

Cheers worked a treate

Thread: How to Change the Font in this Script

Thread Tools

Search Thread

How to Change the Font in this Script

The Following User Says Thank You to magicyte For This Useful Post:

The Following User Says Thank You to magicyte For This Useful Post:

The Following User Says Thank You to rangana For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions