Jump to content

How?


heysus
 Share

Recommended Posts

You know when you go to some sites and the words follow yourmouse cursor around. i'm trying to get the word WELCOME to follow the cursor around. How would i code this and where would i put the code at?

/*<agl.folder "Top">*/	#banner-ad { display: none; }	#page-header-custom { color: #000000; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Battlefield/Banner-Style/Soldier-in-the-Sun.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }	#login-area-custom-outer { display: block; position: relative; z-index: 900; height: 20px; }	#login-area-custom { background-image: none; position: absolute; top: 0px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 80px 0 20px;  }	#page-header { color: #000000; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Battlefield/Banner-Style/Soldier-in-the-Sun.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }	#page-header h1 { font-size: 30px; font-family: verdana; text-align: center; position: absolute; top: 11px; left: 155px; display: block; width: auto; z-index: 40; margin: 0; }	#header-graphic1 { position: absolute; top: 0; left: 0; width: 100%; height: 137px; z-index: 5; overflow: hidden; display: [url="http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png;}"]http://smugglercorp.spruz.com/user/51956/g...ns/Atomic.png;}[/url]	#header-graphic2 { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; height: 137px; overflow: hidden; display: [url="http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png;"]http://smugglercorp.spruz.com/user/51956/g...ons/Atomic.png;[/url] }	#header-graphic1 span { background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 190px; height: 180px; z-index: 5; }	#header-graphic2 span { background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/images/Special-Effects/Explosions/Atomic.png); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 5; top: 0; right: 0; width: 190px; height: 180px; }	#login-area { background-image: none; position: absolute; top: 105px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }	.login-text td { color: #FF0000; background-color: transparent; }	.login-text td a { color: #202831; }	.login-text td a:hover { color: #FFFFFF; }/*</agl.folder>*//*<agl.folder "Global">*/	a { color: #FF0000; }	a:hover { color: #FFFFFF; }	td, th { font-size: 10pt; font-family: lucida sans; }	p { }	body { color: #FFFFFF; font-size: 10pt; font-family: lucida sans; background-color: #232323; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); text-align: center; width: 100%; height: 100%; padding: 30px 0 10px; }	#master-table-container {  }	#master-table { width: 100%; margin: 0; padding: 0; }/**/	#container { background-color: #000000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); vertical-align: top; position: relative; width: 91%; margin: 0 auto; border: solid 0 #fff; }/*</agl.folder>*//*<agl.folder "Sides">*//**/	.side-nav-table { width: 100%; padding: 2px; }/**/	.side-nav-box td.header { color: #FFFFFF; font-size: 10pt; font-family: lucida sans; font-weight: bold; font-variant: normal; line-height: 27px; background-color: transparent; background-image: url(http://grundgetheme.low-ping.com/user/51956/gallery/backgrounds//Seamless/Black/Dark-Roots.jpg); background-repeat: repeat; text-transform: capitalize; text-align: center; letter-spacing: 2px; bottom: 0; padding: 0 2px 0; }	.side-nav-box tr.header-row td { background-color: #000000; }/**/	.side-nav-box td.content li a { display: inline; padding: 0; border-left: 0px none #990000; border-right: 0px none #330000; border-top: 0px none #330000; border-bottom: 0px none #330000; background-color: transparent; color: #000000; text-decoration: none; width: 100%; }	.side-nav-box td.content { text-align: left; padding-top: 3px; padding-left: 3px; color: #000000; background-color: transparent; background-image: url(http://premiumthemes.csmsites.com/user/57535/gallery/Backgrounds/Component/Red/Grundgebevelright.jpg); }	.side-nav-box td.content td.content { color: #000000; background-color: transparent; background-image: none; }	html>body .side-nav-box td.content li a { width: auto; }	.side-nav-box td.content li a:hover { border-left: 0px none #000000; border-right: 0px none #000000; border-top: 0px none #000000; border-bottom: 0px none #000000; background-color: transparent; color: #FFFFFF; }	.side-nav-box { padding: 0 0 1em; margin-bottom: 1em; font-family: lucida sans; color: #333; }	.side-nav-box li { border-bottom: 1px solid black; margin: 0; }	.side-nav-box ul { list-style: disc inside; margin: 0; padding: 0; border: none; }/**/	#nav-cell { width: 1%; padding: 10px 0; background-color: transparent; }/**/	#ads-cell { width: 1%; padding: 10px 0; background-color: transparent; }	#nav-links { height:auto; margin: 0; display: inline; }	#ads-apps { width:auto; height:auto; margin: 0; display: inline; }	.nav-spacer {width: 160px; height: 1px; margin: 0; padding: 0; overflow: hidden;}/*</agl.folder>*//*<agl.folder "Content">*/	.content-table { width: 100%; border:0px solid #990000; color: #787878; background-color: transparent; }	.content-innertable {  }	.content-cell-inner { color: #787878; }	#content-cell-inner { color: #787878; }	#content-cell { padding: 10px;}	#content-container { margin: 20px 0 0; padding-right: 10px; padding-left: 10px; }	#content-section {  }	input, textbox, select, textarea {  }	td.tableheader { text-align: left; height: 24px; }	td.cell {  }	#content-cell td.header-cell { font-weight: bold; color: #FF0000; background-color: #000000; background-image: url(none);  }	#content-cell td.header-cell h3 { font-size: 16pt; line-height: 100%; margin: 0; }	td.header { color: #ffffff; text-align: left; background-color: #09122f; padding: 3px 5px; }/*</agl.folder>*//*<agl.folder "Bottom">*/	#page-footer-custom { color: #000000; font-size: 10pt; font-family: lucida sans; font-weight: bold; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }	#page-footer { color: #000000; font-size: 10pt; font-family: lucida sans; font-weight: bold; background-color: #990000; background-image: url(http://smugglercorp.spruz.com/user/51956/gallery/backgrounds/Misc/Abstract/Abstract-Illistration-1.jpg); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }	#page-footer h5 { font-size: 10pt; text-align: center; position: absolute; top: 30px; left: 0; width: 100%; height: 47px; margin: 0; }	#page-bottom { margin-top: 50px; }/*</agl.folder>*//*<agl.folder "Elements">*/	.element-container { background-color: transparent; width: 100%; border-width: 0; }	.element-container table {width:100%;}	.element-header { font-weight: bold; color: #FF0000; background-color: #000000; background-image: url(none); }	.element-header-inner { font-weight: bold; color: #FF0000; }	.element-header a { color: #FF0000; }	.element-header-inner a { color: #FF0000; }	.element-row1-inner { color: #787878; }	.element-row2-inner { color: #000000; }	.element-row1 { color: #787878; background-color: #232323; }	.element-row2 { color: #000000; background-color: #363636; }	#container .element-header { font-weight: bold; color: #FF0000; background-color: #000000; background-image: url(none); }	#container .element-header-inner { font-weight: bold; color: #FF0000; }	#container .element-header a { color: #FF0000; }	#container .element-header-inner a { color: #FF0000; }	#container .element-row1-inner { color: #787878; }	#container .element-row2-inner { color: #000000; }	#container .element-row1 { color: #787878; background-color: #232323; }	#container .element-row2 { color: #000000; background-color: #363636; }/*</agl.folder>*/

Link to comment
Share on other sites

Capture the mouse position using something like this script...http://www.codelifter.com/main/javascript/capturemouseposition1.htmlIn the getMouseXY function set the absolute position of your container element to the mouse coordinates (or offset a bit).

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...