Vertical Scrolling News Ticker *Guide Up on page 2*

Author

Message

Please Register and Login to this forum to stop seeing this advertsing.

Add Karma

rated by members
Add Comment
Show Comments

Posted: Post subject:

perthtruebluetwo
Craftsman

Virtual Cash: 1810

Joined: 26 May 2007
Posts: 277

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Tue Jun 12, 2007 10:02 am Post subject:

i have re set all the settings back so that the news ticker is the same as first installed all linked to your site.. if you could can you go into my admin and change it so that it shows news from my board also when i try and change the font colour ect in the template .js file nothing also.. i have moved your user status to admin..thanks a million mate. http://rangerspoolleague.myfastforum.org/index.php

Nick(NR)
Moderator

Virtual Cash: 15760

Joined: 06 May 2006
Posts: 4743

Location: Medway, Kent
Add Karma

rated by 37 members
Add Comment
Show Comments

Posted: Tue Jun 12, 2007 4:25 pm Post subject:

I'm not admin, I can't login as you, you need to change my account for the time it takes me to do it, once I'm done I'll pm you on there letting you know that and to drop my status back to regular member. _________________ CALM TIME: When calm time is called, all posters in a topic must take time out to calm down. I'm better than Jose!

Nick(NR)
Moderator

Virtual Cash: 15760

Joined: 06 May 2006
Posts: 4743

Location: Medway, Kent
Add Karma

rated by 37 members
Add Comment
Show Comments

Posted: Tue Jun 12, 2007 4:38 pm Post subject:

nvm, sorted _________________ CALM TIME: When calm time is called, all posters in a topic must take time out to calm down. I'm better than Jose!

perthtruebluetwo
Craftsman

Virtual Cash: 1810

Joined: 26 May 2007
Posts: 277

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Tue Jun 12, 2007 8:13 pm Post subject:

Nick(NR) wrote:

nvm, sorted

still nothing nick...going into template .js file changes absolutely nothin..the font news ect just wont change.

Nick(NR)
Moderator

Virtual Cash: 15760

Joined: 06 May 2006
Posts: 4743

Location: Medway, Kent
Add Karma

rated by 37 members
Add Comment
Show Comments

Posted: Wed Jun 13, 2007 4:50 pm Post subject:

['mylinkhere','mynewshere','_blank'] seriously I had it in and changed it, not hard to do, the layout as above shows you where the link goes, where the news title goes and how you want the link to open. _________________ CALM TIME: When calm time is called, all posters in a topic must take time out to calm down. I'm better than Jose!

Nick(NR)
Moderator

Virtual Cash: 15760

Joined: 06 May 2006
Posts: 4743

Location: Medway, Kent
Add Karma

rated by 37 members
Add Comment
Show Comments

Posted: Wed Jun 27, 2007 3:57 pm Post subject:

May as well throw this up as it has been test run on portalogy for over 2 weeks.

This is a newer version than what i had originally started with, it now allows as many news items as you want.

Here is my guide on installing this nice feature:

First you need to enter your admin panel, open up number 3, and click portal settings.

figure1.

Now from that list click blank, this is where you need to give the component a name and title, see below.

fig2.

Once you've given it a name and title, click create new portal

Now go to edit templates and pick the template slot you want this component to feature on and look for the portal component list and scroll down to find cms_newsticker.tpl

fig3.

Inside you'll see a bunch of code that is not needed, so delete what's there and place in the below:

Code:

<table border="0" cellpadding="3" cellspacing="1" width="100%" class="forumline" align="center">
<tr>
<th colspan="1" width="150" height="25" class="thTop" nowrap="nowrap">{L_COMPONENT_ANNOUNCE}</th>
</tr>
<tr>
<td class="row1" colspan="1" height="28">

<div id="tickertape">
<div id="subtickertape" class="subtickertapefont">Initializing...</div>
</div>

<script language="JavaScript1.2">
//default speed is 4.5 seconds, Change that as desired
var speed=4500

var news=new Array()
news[0]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0>Featuring: The only portal support forum for myff, run and maintained by myff support moderator Nick(NR)."
news[1]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about61.html'>View details of our newly coded vertical news ticker.</a>"
news[2]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about40.html'>We have finally got a howtodoit search portal compiled and created by CodyT07 and Nick(NR).</a>"
news[3]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/index.html'>Check out our new web page design based loosely on one by fpsbanana.com</a>"
//expand or shorten this list of messages as desired

var fadescheme=0 //set 0 to fade bgcolor from (white to black), 1 for (black to white)
var hex=(fadescheme==0)? 0 : 0
var startcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(0,0,0)"
var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(0,0,0)"
var frame=20;

var ie=document.all
var ns6=document.getElementById
var ns4=document.layers

i=0
tickerobject=ie? subtickertape: ns6? document.getElementById("subtickertape") : document.tickertape.document

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function bgcolorfade() {
// 20 frames fading process
if(frame>0) {
hex=(fadescheme==0)? hex-0 : hex+0 // increase or decrease color value depd on fadescheme
tickerobject.style.backgroundColor="rgb("+hex+","+hex+","+hex+")"; // Set color value.
frame--;
setTimeout("bgcolorfade()",20);
}
else{
tickerobject.style.backgroundColor=endcolor;
frame=20;
hex=(fadescheme==0)? 0 : 0
}
}

function updatecontent(){
if (ie||ns6)
bgcolorfade()
if (ns4){
tickerobject.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')
tickerobject.subtickertape.document.close()
}
else
tickerobject.innerHTML=news[i]

if (i<news.length-1)
i++
else
i=0
setTimeout("updatecontent()",speed)
}

</script>

</td>
</tr>
</table>

To add more news items, just copy and paste one of your existing news items and change it's number from say news[0]= to news[6]=

example copy and paste:

Code:

then change:

Code:

news[6]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0>Featuring: The only portal support forum for myff, run and maintained by myff support moderator Nick(NR)."

From there you just have to change the news.

Ok, I hear you asking how to change the news that comes up, pretty easy really, in the above code you'll see a part like below:

Code:

A break down of each piece to that news part:

1 - Link and title )
The part below is where you sows you a basic link which will act as the tickers title.
Linked News:

Code:

<a href="link goes here">news title goes here</a>

link in new window/tab:

Code:

<a href="link goes here" parent="_blank">news title goes here</a>

2 - Image )
This is the current image being used for the news ticker and should get you going, you can change this image, by uploading one of a similar size to your template and changing strelka.gif to myimage.gif

Code:

Now to change the color of various parts:

open your overall_header.tpl and insert the below in between your <head> tags:

Code:

If there is anywhere I can improve the guide on being more clear, please let me know

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

I'm better than Jose!

roycepsam*
Pupil
Pupil

Virtual Cash: 430

Joined: 04 May 2009
Posts: 36

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Sun Jun 21, 2009 12:15 pm Post subject:

Hi Nick,
I have enjoyed trying to follow your instructions on how to put up a newsticker, I do feel I am nearly there but i cannot get the newsticker going across the screen as such.

My forum is = http://urhitworldwide.myfreeforum.org

As you can see I have changed the title to "Happy Fathers day"
And I have written in a quote that does not move.

This is the code I have in my myff_urhitworldwide1/cms_newsticker.tpl

Code:

<table border="0" cellpadding="3" cellspacing="1" width="100%" class="forumline" align="center">
  <tr>
   <th colspan="1" width="150" height="25" class="thTop" nowrap="nowrap">Admin's "Quote of the Day"</th>
  </tr>
  <tr>
   <td class="row1" colspan="1" height="28">

<div id="tickertape">
<div id="subtickertape" class="subtickertapefont"> " The great business of life is to be, to do, to do without, and to depart. "</div>
</div>

<script language="JavaScript1.2">
//default speed is 4.5 seconds, Change that as desired
var speed=4500
var news=new Array()
news[0]="<img src=templates/myfs_portalogy1/images/myimage.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about61.html'>View details of our newly coded vertical news ticker.</a>"
news[1]="<img src=templates/myfs_portalogy1/images/myimage.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about61.html'>View details of our newly coded vertical news ticker.</a>"
news[2]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about40.html'>We have finally got a howtodoit search portal compiled and created by CodyT07 and Nick(NR).</a>"
news[3]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/index.html'>Check out our new web page design based loosely on one by fpsbanana.com</a>"
//expand or shorten this list of messages as desired

var fadescheme=0 //set 0 to fade bgcolor from (white to black), 1 for (black to white)
var hex=(fadescheme==0)? 0 : 0
var startcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(0,0,0)"
var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(0,0,0)"
var frame=20;

var ie=document.all
var ns6=document.getElementById
var ns4=document.layers

i=0
tickerobject=ie? subtickertape: ns6? document.getElementById("subtickertape") : document.tickertape.document

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function bgcolorfade() {
// 20 frames fading process
if(frame>0) {
hex=(fadescheme==0)? hex-0 : hex+0 // increase or decrease color value depd on fadescheme
tickerobject.style.backgroundColor="rgb("+hex+","+hex+","+hex+")"; // Set color value.
frame--;
setTimeout("bgcolorfade()",20);
}
else{
tickerobject.style.backgroundColor=endcolor;
frame=20;
hex=(fadescheme==0)? 0 : 0
}
}

function updatecontent(){
if (ie||ns6)
bgcolorfade()
if (ns4){
tickerobject.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')
tickerobject.subtickertape.document.close()
}
else
tickerobject.innerHTML=news[i]

if (i<news.length-1)
i++
else
i=0
setTimeout("updatecontent()",speed)
}

</script>

</td>
  </tr>
</table>

I was going to put a quote from the forum everyday, how do I put this link in, as I'm not quite understanding how get this ticking
regards
roycepsam

Last edited by roycepsam* on Sun Jun 21, 2009 12:29 pm; edited 1 time in total

admin (no pm's please)
Site Admin

Virtual Cash: 24210

Joined: 22 May 2005
Posts: 25515

Add Karma

rated by 214 members
Add Comment
Show Comments

Posted: Sun Jun 21, 2009 12:25 pm Post subject:

Use a javascript error console, so you can see that an error happens! You can write Javascript blind. _________________ Family Friendly Shareware \| \| Web Design/Services \| Free Forums

roycepsam*
Pupil
Pupil

Virtual Cash: 430

Joined: 04 May 2009
Posts: 36

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Sun Jun 21, 2009 1:18 pm Post subject:

admin (no pm's please) wrote:

Use a javascript error console, so you can see that an error happens! You can write Javascript blind.

Dear Admin,
While I must thank you and particularly some of the more knowledgable members for all the help I have received in the past.

I hope you don't mind me stating a few facts that may help in the future for some of us more shall I say less computer savvy members.

I come here as it is the support forum for our forum which I have always been grateful for.

But of late any time I ask for help I am getting comments like the above and get some knowledge of HTML, I work full time and would love to actually thoroughly learn about HTML and all the workings but alas along with running what I believe is a good forum. I just don't have the time.

Although I am not good at technical computer stuff my strength is I am able to be diplomatic as an Admin.
Please if you do not wish me to come asking for help please just let me know.
regards and thanks for the help I have received thus far.
roycepsam

admin (no pm's please)
Site Admin

Virtual Cash: 24210

Joined: 22 May 2005
Posts: 25515

Add Karma

rated by 214 members
Add Comment
Show Comments

Posted: Sun Jun 21, 2009 1:33 pm Post subject:

We support people in running a forum, if you want to go further and add techy stuff, then we expect you to learn the basics of what you are doing. If you add html then you need to know html. If you add scripts then you at least need to be running the error console to see the errors in those scripts. Some help can be given, but only to help you help yourself. In this case as I say adding javascript needs the error console. _________________ Family Friendly Shareware \| \| Web Design/Services \| Free Forums

Nick(NR)
Moderator

Virtual Cash: 15760

Joined: 06 May 2006
Posts: 4743

Location: Medway, Kent
Add Karma

rated by 37 members
Add Comment
Show Comments

Posted: Sun Jun 21, 2009 1:41 pm Post subject:

You'll need to redo the portal with what's in the guide, then use the break down to change to news parts that scroll by focusing on this part only:

Code:

news[0]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0>Featuring: The only portal support forum for myff, run and maintained by myff support moderator Nick(NR)."
news[1]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about61.html'>View details of our newly coded vertical news ticker.</a>"
news[2]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about40.html'>We have finally got a howtodoit search portal compiled and created by CodyT07 and Nick(NR).</a>"
news[3]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/index.html'>Check out our new web page design based loosely on one by fpsbanana.com</a>"

You change news[0] to news[1] for the second item and then to news[2] for the third and so on, after that it's what's between the "" that needs altering.

Code:

news[0]="<img src=templates/myfs_portalogy1/images/strelka.gif align=top width=20 height=11 border=0><a href='http://portalogy.myfastforum.org/about61.html'>View details of our newly coded vertical news ticker.</a>"

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

I'm better than Jose!

roycepsam*
Pupil
Pupil

Virtual Cash: 430

Joined: 04 May 2009
Posts: 36

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Sun Jun 21, 2009 3:25 pm Post subject:

Thank you for your explanation admin,
And thank you nick for the further help, I have been on this now for several hours, and I have tried to understand how the news item is written

Please could you tell me is newsticker item #1 written correctly below or am I missing something =

Code:

news[0]="<img src=templates/myff_urhitworldwide1/images/myimage.gif align=top width=20 height=11 border=0><a href='http://urhitworldwide.myfreeforum.org/about6745.html'>HAPPY FATHERS DAY. </a>"

Thanks
royce

Nick(NR)
Moderator

Virtual Cash: 15760

Joined: 06 May 2006
Posts: 4743

Location: Medway, Kent
Add Karma

rated by 37 members
Add Comment
Show Comments

Posted: Sun Jun 21, 2009 8:58 pm Post subject:

looks about right to me, we can always dig a little deeper once it's up, assuming it decides to not work. _________________ CALM TIME: When calm time is called, all posters in a topic must take time out to calm down. I'm better than Jose!

roycepsam*
Pupil
Pupil

Virtual Cash: 430

Joined: 04 May 2009
Posts: 36

Add Karma

rated by 0 members
Add Comment
Show Comments

Posted: Mon Jun 22, 2009 2:55 pm Post subject:

Nick(NR) wrote:

looks about right to me, we can always dig a little deeper once it's up, assuming it decides to not work.

Hello Nick,
Thank you for all your help and your kind responses.
I have noticed that you have been given admin rights on some forums to fix a problem.

As you know I am having awful problems trying to get my newsticker working.

I was hoping I could get it moving right to left across the page or any other way.

Please let me know if you can help and i could PM you admin status

regards
roycepsam

Nick(NR)
Moderator

Virtual Cash: 15760

Joined: 06 May 2006
Posts: 4743

Location: Medway, Kent
Add Karma

rated by 37 members
Add Comment
Show Comments

Posted: Mon Jun 22, 2009 4:14 pm Post subject:

I'll have to look at a side scroller _________________ CALM TIME: When calm time is called, all posters in a topic must take time out to calm down. I'm better than Jose!