News Fader Portal Guide (Updated 19 June 2008)

Author

Message

Pariah
Student
Student

Joined: 24 Jul 2006
Posts: 77

Add Karma

rated by 1 members
Add Comment
Show Comments

Posted: Thu Nov 23, 2006 4:34 am Post subject: News Fader Portal Guide (Updated 19 June 2008)

Ok, this guide has been updated due to a fix to allow links, you can see a live example at my site http://portalogy.myfabforum.org

Here is a guide that will hopefully help everyone with the new portal.

1.) Go to your Administration Panel located at the bottom of your forum.

2.) Head to your "Administration Panel". Once you are in there it is time to edit your template. To get to "Edit Templates/Logos" scroll down through your menu and you shall see it under "Styles Admin". Click on "Edit Templates/logos".

3.) Alright you will see a mess of things. (Now if you haven't already registered the "Editor" user please go and log out and make him as you will not be able to proceed with instructions.) Ok now create a template by coping the template you want to edit. By that I mean choose the template from the drop down menu. (Note: You have to add some templates you like in order to see templates to copy. To add templates simply go back to "Administration Panel" and choose "Add" under "Styles Admin" and "Install" some templates.) To show you want I mean by copying a template and making a copied template to edit here is a picture:

4.) Alright your almost finished so just hang on a little bit longer. Once you have chosen your template to copy and have clicked "Submit" as shown in picture go back to "Edit Template/Logo" and its time to edit the template you just created. Here is a picture showing how to edit the template you created:

5.) Once you have followed the pictures instructions you will find yourself in some crazy and confusing stuff. First thing is first though editng your "overall_header.tpl". Now here is a picture showing you how to get to your "overall_header.tpl" to edit it.

6.) Next you will find yourself in a mess of codes. Do not worry this will be fairly simple. Take this code...

for the fadeer to appear on the forum this need to be used:

Code:

{MYFF.FADER}

You can also control the width that it appears by placing it into a table like below and altering the width accordingly:

Code:

<table width="90%" border="0">
  <tr>
   <td>{MYFF.FADER}</td>
  </tr>
</table>

and scroll all the way to the "BOTTOM" of the code and enter in at very end. I repeat the VERY END of the code. Then you may proceed by pressing the "Submit" button.

7.) You will find yourself back at the screen where you first found the "overall_header.tpl". Now it is time to finish this. Here is a picture with the next instructions:

8.) You will find yourself in another mess of codes but this one is REALLY simple. Just select all the code in there and delete it then replace it with...

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 class="row1" 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] = "'<a href='{fader_row.U_VIEW}'>{fader_row.MENU_NAME}</a>"
  
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>

Once you have done this click the "Submit" button then follow th next instructions.

9.) Now we are back to the screen with the drop-down menus and "overall_header.tpl" stuff. All you have left to do is click "Make Deafult" the go back to your forum and you shall now have the "News Fader Portal".

To edit the text that fades in and out, go to your Administration Panel and go to portal settings and find fader(should be the last icon) and change each items text, having links was broken for some odd reason, but I've had a rather detailed fiddle and having links on the fader is now possible again due to this fix.

If you have any further questions or comments please pm them to me and hopefully I will be able to answer them.

This was brought to you by Pariah (Admin of anything forums) © 2006 and modified in 2008 By Nick(NR).

_________________

^^^That is a link^^^

iTouchHackster
Newbie
Newbie

Virtual Cash: 50

Joined: 17 Jun 2008
Posts: 5

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Wed Jun 18, 2008 7:30 pm Post subject:

Hey can you maybe do one for PhpBB3 because the other sticky for it is down. _________________ Need iPod Touch/iPhone help visit iTouchHackster's Support Forum

Nick(NR)
Moderator

Virtual Cash: 8570

Joined: 06 May 2006
Posts: 4105
Location: Medway, Kent
Add Karma

rated by 30 members
Add Comment
Show Comments

Posted: Thu Jun 19, 2008 3:44 pm Post subject:

iTouchHackster wrote:

Hey can you maybe do one for PhpBB3 because the other sticky for it is down.

What other sticky?
_________________
CALM TIME: When calm time is called, all posters in a topic must take time out to calm down.

I'm better than Jose!

iTouchHackster
Newbie
Newbie

Virtual Cash: 50

Joined: 17 Jun 2008
Posts: 5

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Thu Jun 19, 2008 8:45 pm Post subject:

ya the site was just down earlier you were fixing it thanks _________________ Need iPod Touch/iPhone help visit iTouchHackster's Support Forum