scrolling global announcement hack
Geplaatst: 08 okt 2006, 17:52
Ik heb die scrolling global announcement hack, maar hoe maak ik van de titelbalk die nu lichtgekleurd is met de titel in zwarte tekst, een categorie balk met witte tekst? (stijl subSilver)
Dit is de code in index_body.tpl:
En de overal_header.tpl heeft dit:
Dit is de code in index_body.tpl:
Code: Selecteer alles
<!-- BEGIN switch_enable_global_marquee -->
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline" align="center">
<tr>
<td class="catHead" height="28"><span class="cattitle">{GLOBAL_TITLE}</span></td>
</tr>
<tr>
<td class="row1" align="left" height="40" valign="middle"><div align="center"class="dmarquee"><div><div><span class="genmed"> <b>{GLOBAL_ANNOUNCEMENT}</b> </span></div></div></div></td>
</tr>
</table>
<br>
<!-- END switch_enable_global_marquee -->
<!-- BEGIN switch_disable_global_marquee -->
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline" align="center">
<tr>
<td class="catHead" height="28"><span class="cattitle">{GLOBAL_TITLE}</span></td>
</tr>
<tr>
<td class="row1" align="left" height="40" valign="middle"><div align="center"><span class="genmed"> <b>{GLOBAL_ANNOUNCEMENT}</b> </span></div></td>
</tr>
</table>
<!-- END switch_disable_global_marquee -->
En de overal_header.tpl heeft dit:
Code: Selecteer alles
<script language="JavaScript" type="text/javascript">
var oMarquees = [], oMrunning,
oMInterv = 20, //interval between increments
oMStep = 1, //number of pixels to move between increments
oMDirection = 'left'; //'left' for LTR text, 'right' for RTL text
/*** Do not edit anything after here ***/
function doDMarquee() {
if( oMarquees.length || !document.getElementsByTagName ) { return; }
var oDivs = document.getElementsByTagName('div');
for( var i = 0, oDiv; i < oDivs.length; i++ ) {
oDiv = oDivs[i];
if( oDiv.className && oDiv.className.match(/\bdmarquee\b/) ) {
if( !( oDiv = oDiv.getElementsByTagName('div')[0] ) ) { continue; }
if( !( oDiv.mchild = oDiv.getElementsByTagName('div')[0] ) ) { continue; }
oDiv.mchild.style.cssText += ';white-space:nowrap;';
oDiv.mchild.style.whiteSpace = 'nowrap';
oDiv.style.height = oDiv.offsetHeight + 'px';
oDiv.style.overflow = 'hidden';
oDiv.style.position = 'relative';
oDiv.mchild.style.position = 'absolute';
oDiv.mchild.style.top = '0px';
oDiv.mchild.style[oMDirection] = oDiv.offsetWidth + 'px';
oMarquees[oMarquees.length] = oDiv;
i += 2;
}
}
oMrunning = setInterval('aniMarquee()',oMInterv);
}
function aniMarquee() {
var oDiv, oPos;
for( var i = 0; i < oMarquees.length; i++ ) {
oDiv = oMarquees[i].mchild;
oPos = parseInt(oDiv.style[oMDirection]);
if( oPos <= -1 * oDiv.offsetWidth ) {
oDiv.style[oMDirection] = oMarquees[i].offsetWidth + 'px';
} else {
oDiv.style[oMDirection] = ( oPos - oMStep ) + 'px';
}
}
}
if( window.addEventListener ) {
window.addEventListener('load',doDMarquee,false);
} else if( document.addEventListener ) {
document.addEventListener('load',doDMarquee,false);
} else if( window.attachEvent ) {
window.attachEvent('onload',doDMarquee);
}
</script>