Home
Calendar
FAQ
Search
Memberlist
Usergroups
Register
Log inHTML coding tricks
Page 1 of 1 • Share •
HTML coding tricks
christiana on Wed Jul 01, 2009 8:47 am
Post all your code snippets here!
Here's one of mine:
Scrolling picture/text/affiliate bar:
Post this under the <head> tags
Add this in your body
Here's one of mine:
Scrolling picture/text/affiliate bar:
Post this under the <head> tags
- Code:
<style type="text/css">
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}
</style>
<script type="text/javascript">
/***********************************************
* .
***********************************************/
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
////NO NEED TO EDIT BELOW THIS LINE////////////
Add this in your body
- Code:
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">
<!--YOUR SCROLL CONTENT HERE-->
<h4>Your scroller contents</h4>
<!--YOUR SCROLL CONTENT HERE-->
</div>
christiana- Posts: 22
Join date: 2009-07-01
Age: 15
Location: Melbourne, Australia 
Permissions of this forum:
You cannot reply to topics in this forum