C ircle ticker draws your messages around a circle in the center of your webpage. Impressive shade and fade effect. Easy configuration of messages, colors, size. Add as many messages as you like.
D epending on your knowledge of HTML and java scripts, this is basically an easy, two step copy and paste code with minimal reconfigurations. One part goes in the <HEAD> section and the other part goes in the <BODY> section of your document.
W e have tested the code in IE5.5, IE6.0, Netscape4.08, Opera7.23 and Netscape7.02. This script worked well in all platforms with the exception of Netscape4.08, Opera7.23 and Netscape7.02 where it will "Not" work.
- 1) This effect will not be visible.
- 2) There will be a large empty space on your page the size of the defined table* where the effect should be seen.
- * <table width=540 cellpadding=0 cellspacing=0 border=0><tr><td>
- 3) You will not get any error messages or page corruption, just the empty space.
T his script is primarily designed as a "Splash*" entry page then be rediected**" to another page. Reason being once the message is displayed, the effect will vanish and there will be a big empty space where the effect was.
* A "Splash" page is an introductory page preceding your main page. It gives you a basic "Heads Up" on what the site has to offer.
** The redirection can be achieved by the use of a META Refresh tag inserted into the <HEAD> section of the document where this script is so once the effect has been seen, the page will transition to the next page. If you do not know howto add a "META Refresh" tag, grab the below link and it is fully explained.
[ Meta Refresh Tag ~ Howto ]
B elow we will show you where to make the reconfigurations in the <BODY> section. There are no reconfigurations within the <HEAD> section of the code.
Reconfigure Your Messages To Appear ~ Default
// Add as many messages as you like
var message=new Array("Hi Webdesigner",
"Download our free scripts",
"Surprise your visitors with smashing effects",
"Bring more excitement to your webpages",
"Have fun and try to be happy")
Reconfigure Your Messages To Appear ~ Reconfigured
// Add as many messages as you like
var message=new Array("Add Your Message Here",
"Add Your Message Here"
"Add Your Message Here",
"Add Your Message Here",
"Add Your Message Here")
Note!
I f you are going to add more than the default number of messages (5), be sure to add them before the last message where the ) is located. Make sure the new message is in between " and make sure there is a , after the " except in the last message where there is no comma , In other words:
// Add as many messages as you likeI f the comma's and double quotes are not followed as described, you will receive the following pop up error message with variations on the line, char and URL address.
An Error Has Occurred In This Script On This Page
Line: 40
Char: 58
Error: Expected ' } '
Code: 0
URL:
Do you want to continue running scripts on this page?
T he below part of the script is where the rest of the reconfigurations are, are basically self-explained.
// Set the outline-color. Add as many colors as you like
var outlinecolor=new Array("white",
"black")
// Set fillcolors 1. Add as many colors as you like
var fillcolor1=new Array("blue", "green",
"white", "green")
// Set fillcolors 2. Add as many colors as you like
var fillcolor2=new Array("yellow", "olive",
"black", "black")
T
his next reconfiguration is for the
top part of the circle that does not have any letters but a dash
-. This you can change to any character or letter
you prefer.
See the below link for example of different character.
[
Use Of Different Character ]
// Set the letter marking the circle
var circlemark=new Array("-")
B elow sets the width or how wide the outline around the letters will.
// Set the width of the outline
var strkweight=2
// Set the waiting time between the messages (seconds)
var pause=2
// Set the strength of the opacity (transparency of letters)
var strengthopacity="60%"
// Set the size of the circle (values range from 0.1 to 1)
var circlesize=0.6
// Do not edit below this line
T here are two other things you must be made aware of and have working knowledge if you want to add more than just this script into an HTML document.
F
irst off, you have to close the table with the following tags. Reason being is that this script is partially enclosed in a basic table.
In other words, the table is not complete. All these closure tags are positioned after the closing </script> tag.
</tr></td></table>
You also need to close the divide tag for the absolute
positioning tag that the script uses.
</div> See below example:
</script>
</tr></td>
</table>
</div>
N
ow, if you do not understand absolute
positioning tags, grab the below link and they are completely explained.
[Absolute Positioning Tags ~ Howto]
I
f you would like to add this effect into your pages, just grab the below link and you are there. If you have any problems with this,
feel free to contact us.
[ Get Code Here ]
|
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ] |
|
Little Tips Directory [ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ] |
|
[ Index Page 1 ]
[ Index Page 2 ]
[ Index Page 3 ]
[ Index Page 4 ]
[ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ News Letter Archives ]
[ Navigation Page ]
[ Archives Of Published Material ]
|
If you are part of the ever growing number of webmasters who enjoy
sharing your knowledge with others on web design, join The
Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-