Scroll
LATEST TOPICS
Upward scrolling marquee for your site you can even have a hyper-link www.Yourlinkhere
Hover over the marquee and it will pause.
If you like our site please use the share buttons below ... thanks.
May be you would like to use the text scroller for all your latest news
As you can see this is great, especially when space is limited, background colour, text size, text colour, speed, marquee width and length can all be changed to suite your site just copy the code for scrolling text and edit.
Scroll-1
<style type="text/css">
#pscroller1{
width: 300px;
height: 250px;
box-shadow: 0px 0px 5px 0px #888;
padding: 5px;
background-color:#F9F9FF;
}
</style>
<script type="text/javascript">
/*Example message arrays for the pausing up down scroller */
/*Visit http://www.2createawebsites.com for lots more scripts */
var pausecontent=new Array()
pausecontent[0]='<span style="FONT-SIZE: 15pt; FONT-FAMILY: Arial"><font color="#333399">Pausing up down scroller can be use on your website to display a block of text that pauses for your visitor to read then moves on to the the next block of text.<br /><br />Lots more tutorials on <a href="http://www.yourlinkhere.com/" target=" blank">yourlinkhere</a> visit our home page.</span></font>'
pausecontent[1]='<span style="FONT-SIZE: 15pt; FONT-FAMILY: Arial"><font color="#228811">You can even change the text colour of each on the scroller to any colour you want.<br /><br />Even have different blocks of text in different colours.</span></font>'
pausecontent[2]='<span style="FONT-SIZE: 18pt; FONT-FAMILY: Arial"><font color="#000000">You can even change the text size for all the text or one block of text and have hyper-links in the text.<br /><br />Change width height and background colour of the display block.</span></font>'
</script>
<script type="text/javascript" src="http://www.linkbuildingservices4sites.com/resources/pausing-up-down-scroller.js"></script>
<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "someclass", 5000)
document.write
</script>
Ifreme scroller
USE THE IFRAME SCROLLER FOR NEWS
Use our iframe scroller on your website its so easy to use. Copy the below code and paste it on your site then remove our stuff and replace with your stuff. Change the width, height, border colour and background colour in the iframe code.
If you are thinking of yourlinkhere then use a hosting company thats good. Your site needs to load super fast for visitors thats why I use Green Geeks.
The iframe scroller can save you space. Have as much content in the iframe scroller as you want in a limited space. Readers can read all your latest news as the iframe scroller scrolls up.
<!-- Iframe Scroller --> <div style="width: 300px; border: solid 1px #333399; background: #F9F9FF; padding: 2px; margin: 0; line-height: 18px; color: #333333; font-size: 13px"> <p style=" background: #CECFFF; padding-left: 5px; margin: 0; line-height: 25px; color: #043F90; font-size: 17px"><strong>USE THE IFRAME SCROLLER FOR NEWS</strong></p> <marquee onmouseover='this.stop();' onmouseout='this.start();' direction="up" height="195" scrollamount="1"> Use our iframe scroller on your website its so easy to use. Copy the below code and paste it on your site then remove our stuff and replace with your stuff. Change the width, height, border colour and background colour in the iframe code. <br /><br />If you are thinking of <a href="http://www.yourlinkhere.com/" title="Go to our home page and sign up to Green Geeks they will move your site for free." target="blank">yourlinkhere</a> then use a hosting company thats good. Your site needs to load super fast for visitors thats why I use Green Geeks. <br /><br />The iframe scroller can save you space. Have as much content in the iframe scroller as you want in a limited space. Readers can read all your latest news as the iframe scroller scrolls up. </marquee></div> <!-- Iframe Scroller End --> - See more at: http://www.2createawebsites.com/iframe-scroller.php#sthash.U49Qp3GV.dpuf
Scroll-2
<script language="JavaScript1.2">
/*
Cross browser Marquee script
*/
//Specify the marquee's width (in pixels)
var marqueewidth="750px"
//Specify the marquee's height
var marqueeheight="17px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//configure background color:
var marqueebgcolor="#f0f0f0"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent='<nobr><font style="FONT-SIZE: 10pt; FONT-FAMILY: Arial;"><font color="#333399">This is the demo of our horizontal marquee. Its great to place content on your page for visitors to see. Background colour, text colour and size can be changed in the code. Speed can also be faster or slower. You can even have hyperlinks in the code visit <a href="http://www.youlinkhere.com/">www.yourlinkhere.com</a> run your mouse on the marquee and it will pause.</font></font></nobr>'
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
<!-- HTML Marquee Code End -->
Doboz-1
With this border and background code you can control the width, the padding, add text into the box, change the border width, border colour, background colour, text colour, text size and the text will be justified which means the text will go all the way to the right.
<div style="width:400px; border: solid 1px #6F6F6F; background: #FFFFFF; padding: 2px; margin: 0; text-align: justify; line-height: 18px; color: #333333; font-size: 15px">With this border and background code you can control the width, the padding, add text into the box, change the border width, border colour, background colour, text colour, text size and the text will be justified which means the text will go all the way to the right.</div>
Doboz-2
With this border and background code you can control the width, the padding, add text into the box, change the border width, border colour, background colour, text colour, text size, the text is not justified on this code.
<div style="width:160px; border: solid 1px #000000; background: #D4D4D4; padding: 2px; margin: 0; line-height: 18px; color: #333333; font-size: 15px">With this border and background code you can control the width, the padding, add text into the box, change the border width, border colour, background colour, text colour, text size, the text is not justified on this code.</div>
Doboz-3
With this border and background code you can control the width, the border radius, the padding, add text into the box, change the border width, border colour, background colour, text colour, text size and the text will be justified which means the text will go all the way to the right. This code works in Google Chrome and Firefox you will see the curve, Internet Explorer some versions there is no curve.
<div style="width:400px; border-radius: 10px; border: solid 1px #71C5DF; background: #F9F9FF; padding: 5px; margin: 0; text-align: justify; line-height: 18px; color: #367DB6; font-size: 15px">With this border and background code you can control the width, the border radius, the padding, add text into the box, change the border width, border colour, background colour, text colour, text size and the text will be justified which means the text will go all the way to the right. This code works in Google Chrome and Firefox you will see the curve, Internet Explorer some versions there is no curve.</div>
Doboz-4
With this border and background code you can control the width, the border radius, the padding, the shadow effect, add text into the box, change the border width, border colour, background colour, text colour, text shadow colour, text size and the text will be justified which means the text will go all the way to the right. This code works in Google Chrome and Firefox you will see the curve, Internet Explorer some versions there is no curve and shadow.
With this border and background code you can control the width, the border radius, the padding, the shadow effect, add text into the box, change the border width, border colour, background colour, text colour, text shadow colour, text size and the text will be justified which means the text will go all the way to the right. This code works in Google Chrome and Firefox you will see the curve, Internet Explorer some versions there is no curve and shadow.
Doboz-5
With this border and background code you can control the width, the border radius, the padding, the shadow effect, add text into the box, change the border width, border colour, background colour, text colour, text shadow colour, text size and the text will be justified which means the text will go all the way to the right. This code works in Google Chrome and Firefox you will see the curve, Internet Explorer some versions there is no curve and shadow.
With this border and background code you can control the width, the border radius, the padding, the shadow effect, add text into the box, change the border width, border colour, background colour, text colour, text shadow colour, text size and the text will be justified which means the text will go all the way to the right. This code works in Google Chrome and Firefox you will see the curve, Internet Explorer some versions there is no curve and shadow.
x