portalogy.myfabforum.org

It is currently Tue Sep 07, 2010 5:42 am

News Fader
Current Time

Login

Login  •  Register


Top posters
admin 23
test 1

Search
Welcome
Font bb code test
Dual Portal on subSilver2 based themes
Dual Portal on proSilver based themes
cms_latest.tpl
Portalogy Ruling!
cms_login.tpl
cms_fader.tpl *updated*
ProSilver Modules READ ME!
cms_search.tpl

All times are UTC




Post new topic Reply to topic  [ 1 post ] 
Author Message
 Post subject: cms_fader.tpl *updated*
PostPosted: Thu Jan 22, 2009 4:39 pm 
Offline
Site Admin
Site Admin
User avatar

Joined: Sun Jan 27, 2008 2:04 pm
Posts: 23
cms_fader.tpl

The fader is slightly different here as a fair bit of tweaking was needed to make this work with proSilver.

First thing you need to do is go to your admin panel and click the portals tab and select portal settings, you'll now see a list of installed portals, click on MAINMENU and change the Name of MAINMENU to FADER and click on the create new portal button at the bottom, this will return the error can't overwrite existing portal, now ignore that and go back to your template editor and find the cms_fader.tpl

Inside you'll find this:
Code:
<table width="100%" cellpadding="4" cellspacing="1" border="0" class="forumline" align="center">
<!--BEGIN switch_fader_title -->
   <tr>
        <th colspan="1"  height="25" class="thCornerL" nowrap="nowrap">{FADER_TITLE}</th>
     </tr>
<!--END switch_fader_title -->     
  <!-- BEGIN fader_row -->
  <tr>
   <td class="row2"><span class="topictitle"><a href="{fader_row.U_VIEW}" class="topictitle">{fader_row.NAME}</a></span></td>
  </tr>
  <!-- END fader_row -->
</table>


Remove it and add the below in it's place.

Code:
<div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dt style="text-align: left; padding-left: 4px;">{FADER_TITLE}</dt>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">

      <li class="row">
         <dl>
            <dd style="margin-left: -49%; margin-right: auto; left: 50%; width: 100%; height: 15px;"><div align="center" id="fscroller" style=" position: absolute; margin-left: -49%; margin-right: auto; left: 50%; width: 100%; height: 15px; font-size: 12; font-family: Verdana,Arial; font-weight: bold; filter: alpha(opacity=0); -moz-opacity: 0.0;"></div>
<script language="JavaScript1.2" type="text/javascript">
<!--
var iDelay = 2000;var txtColor = "ff0000";var fContent = [];
<!-- BEGIN fader_row -->
fContent[{fader_row.MENU_NUMBER}-1] = "<a href='{fader_row.U_VIEW}'>{fader_row.MENU_NAME}</a>"
  <!-- END fader_row -->
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></dd>


         </dl>
      </li>
         </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>

<script language="JavaScript" type="text/javascript"><!--
fade();
// -->
</script>


And now the usual submit and save.

Placed in a forum template, you might have:
Code:
{MYFF.FADER}


If your text is somehow two lines long there is two heights to adjust, to do that you would need to find this:
Code:
<dd style=" height: 15px;"><div align="center" id="fscroller" style=" position: absolute; margin-left: -49%; margin-right: auto; left: 50%; width: 100%; height: 15px; font-size: 12; font-family: Verdana,Arial; font-weight: bold; filter: alpha(opacity=0); -moz-opacity: 0.0;"></div>

In there is two height definitions, all you need to do is change both to at a guess 30 as it is double the space of what's already there, you'll need to keep them the same to maintain the appearance of the fader.

Code has now been updated due to an IE alignment issue with the faders links/messages




Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
[
Forum Articles
Welcome
http://news.bbc.co.uk/1/hi/world/europe/8375326.stm
Font bb code test
Hello to you all, enjoy the bb code font replacement

Code:
[size=150][comic_sans_ms][color=#0080FF]Hello to you all, enjoy the bb code font replacement[/color][/comic_sans_ms][/size]
Dual Portal on subSilver2 based themes
Open overall_footer.html and find this: <!-- We request you retain the full copyright notice below including the link to www.phpbb.com. This not only gives respect to the large amount of time given freely by the developers but also helps build interest, traffic and use of phpBB3. If you (honestly) c...