News Fader Portal Mike's Verson

Vomkid · News Fader Portal Mike's Verson

This guide is © Michael Hoang
To install a News flasher Portal,

Go to the Control Panel by this link, http://myfreeforum.org/index.php?...amp;task=loginforum&Itemid=27. Here is a screenshot of what the page would look like.

Spoiler:

Next to login in type the name of your forum and type the password then click Login.
Then after you’ve logged in press the Options tab.

Spoiler:

Then you will see a page like this:

Spoiler:

and press Save Forum like on the picture above.
You will come back to the same page and then press Cancel.

Spoiler:

After that you will be directed to page like this:

Spoiler:

Click on proceed to your forum. Then it will take you to your forum. Login as Admin and go to the Administration Panel. It will look like this:

Spoiler:

Go to Edit Templates/Logos. Next you will see a screen like this:

Spoiler:

Go to one of your templates to edit and click submit. Then you will be directed to a page like this:

Spoiler:

Click on the arrow and choose cms_fader.tpl and press submit. Then select all the text in the copy and paste this code:

Spoiler:

Code:

<table width="100%" cellpadding="4" cellspacing="1" border="0" class="forumline" align="center">

<tr>
<th height="25" class="thCornerL" nowrap="nowrap">{FADER_TITLE}</th>
</tr>


<tr>
<td align="center">

<div id="fscroller" style="font-size: 12; font-family: Verdana,Arial; font-weight: bold; width: 100%; height: 15px; padding: 2px; filter: alpha(opacity=0); -moz-opacity: 0.0;"></div><script language="JavaScript1.2" type="text/javascript">

fContent[{fader_row.MENU_NUMBER}-1] = "{fader_row.MENU_NAME}"

var isIE = (document.all)? true : false;var frame = 60;var st = 1;var wait = iCur = 1;var index = iCurMoz = 0;var iDir = false;var frameHalf = frame / 2;var iTimer;var frame_m = frame;var wait_m = wait;document.getElementById("fscroller").style.color = txtColor;function fade(){ if(index >= fContent.length){ index = 0; } document.getElementById("fscroller").innerHTML = fContent[index]; index ++; opacityFade();}function opacityFade(){ var fScroll = document.getElementById("fscroller"); if(frame > 0){ if(frame == frameHalf && wait > 0){ if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } else { fScroll.style.MozOpacity = iCurMoz; } wait --; setTimeout("opacityFade()", iDelay); } else { if(iDir){ iCur -= 3; iCurMoz -= 0.03; } else { iCur += 3; iCurMoz += 0.03; } if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } else { fScroll.style.MozOpacity = iCurMoz; } if(frame == (frameHalf + 1)){ if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } else { fScroll.style.MozOpacity = iCurMoz; } iDir = true; } frame --; setTimeout("opacityFade()", st); } } else { fScroll.innerHTML = " "; frame = frame_m; wait = wait_m; iDir = false; setTimeout("fade()", st); }}// -->
</script>
</td></tr>
</table>

<script language="JavaScript" type="text/javascript">
</script>

then click submit like on the picture under.

Spoiler:

Then you will come back to the other screen and go to the top and click the arrow and choose overall_header.tpl. And press submit.

Spoiler:

then click submit like before.

And one last thing to edit what it will say go back to the options tab and change the writing after the item bit. You can add more just by typing this code:
item#(The # mark is for what number item is next)!!!

To change the color go back into the administration panel and edit the writing in bold!!!

Spoiler:

Code:

<tr>
<th height="25" class="thCornerL" nowrap="nowrap">{FADER_TITLE}</th>
</tr>


<tr>
<td align="center">

<div id="fscroller" style="font-size: 12; font-family: Verdana,Arial; font-weight: bold; width: 100%; height: 15px; padding: 2px; filter: alpha(opacity=0); -moz-opacity: 0.0;"></div><script language="JavaScript1.2" type="text/javascript">

fContent[{fader_row.MENU_NUMBER}-1] = "{fader_row.MENU_NAME}"

var isIE = (document.all)? true : false;var frame = 60;var st = 1;var wait = iCur = 1;var index = iCurMoz = 0;var iDir = false;var frameHalf = frame / 2;var iTimer;var frame_m = frame;var wait_m = wait;document.getElementById("fscroller").style.color = txtColor;function fade(){ if(index >= fContent.length){ index = 0; } document.getElementById("fscroller").innerHTML = fContent[index]; index ++; opacityFade();}function opacityFade(){ var fScroll = document.getElementById("fscroller"); if(frame > 0){ if(frame == frameHalf && wait > 0){ if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } else { fScroll.style.MozOpacity = iCurMoz; } wait --; setTimeout("opacityFade()", iDelay); } else { if(iDir){ iCur -= 3; iCurMoz -= 0.03; } else { iCur += 3; iCurMoz += 0.03; } if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } else { fScroll.style.MozOpacity = iCurMoz; } if(frame == (frameHalf + 1)){ if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } else { fScroll.style.MozOpacity = iCurMoz; } iDir = true; } frame --; setTimeout("opacityFade()", st); } } else { fScroll.innerHTML = " "; frame = frame_m; wait = wait_m; iDir = false; setTimeout("fade()", st); }}// -->
</script>
</td></tr>
</table>

<script language="JavaScript" type="text/javascript">
</script>

Here is a link to color codes http://howto.50webs.net/color/.

Credits if help needed please email me by chauvietanhhoang@hotmail.com.

Vomkid

for a better and easier to read verson (which has the same text and pictures but it is in Microsoft Word) go and download it by going to http://www.box.net/public/ofmqcnebfo