[RD] Wormopolis:[Request]Shiny nicknames

[яλíĐєn]

URL Forum:TG

Hello Wormopolis i was wondering if you can make me a code or maybe the code is lurking some where. I just don't know

On this forum it caught my eye with the cool shiny effect for the nicknames of the forum. Do you think its possible for you to make me this code or supply it for me for my forum to get my forum complete thank God i finished!! lol but yea that is all i am missing!!

Oh another thing and if this code will work with the current codes i have at my forum. That too is important and hope it does

Thanks in Advance!!
xcRaiDen

[SubDevo]

They are replacing their display names with an image. THIS is one such code...

[яλíĐєn]

Jul 18, 2011 16:07:00 GMT -8 SubDevo said:

They are replacing their display names with an image. THIS is one such code...

oh genius lol...
to bad i don't know how to use that effect on a gif
But thanks anyway on how they doing such thing.

But is there a such effect with coding instead of that method you posted? More interested on a code
I'd really like this to be done if possible!!

Or any cool effect that makes the nickname shiny and blends in with the current codename display codes.

[Wormopolis]

well.. you could possibly set up a timer for each individual display name on the page and have it change the font color of each letter to white for a second and back.. but I tell you now.. if you have a bunch of display names on the page (like in the info center) that is a LOT of timers it has to setup.

[яλíĐєn]

Jul 18, 2011 22:53:33 GMT -8 Wormopolis said:

well.. you could possibly set up a timer for each individual display name on the page and have it change the font color of each letter to white for a second and back.. but I tell you now.. if you have a bunch of display names on the page (like in the info center) that is a LOT of timers it has to setup.

if i understand correctly what you mentioned then i say "only i and probably one more admin will have this effect, but mostly i =]". So that therefore it wont have that many timers correct? But I'd like this code to blend with you smear color to my nickname on the forum like i have it set in my site.

Hope this is possible

[Virgil Sovereign]

I put together the following scripted "shine" effect this morning, based on the example in the OP. You can see a demo of it here. It uses a single timer to cut down on overhead.

You'll have to include the following code in your global footer:

<script type="text/javascript" src="http://yourjavascript.com/1137015619/ccv.js"></script>
<script type="text/javascript">

/*	VShiny 1.0 - Shines up your links. 
	V. Sovereign, July 2011
	Code provided without warranties. Modify and distribute freely, so long as this header remains intact. Certain
	parameters should be set. */

var VShiny =	{

/* --- PARAMETERS TO EDIT --- */

/*	Number of milliseconds between 'shines'. */
	iDelay : 4000,

/*	Number of letters covered per second by the shine. */
	iLettersPerSecond : 12,

/*	Spread of the shine (stdv of a Gaussian dist. in letters). Larger values mean a wider shine. */
	rSpread : 2.6,

/*	R,G,B triplet specifying the shine color. */
	iShineCol : [255,255,255],

/*	Glow radius in ems. Set to zero (0) to turn off glow.
	Currently glow is turned off for Google Chrome since Chrome's text-shadow CSS effect mangles the letters. IE will
	only respect the glow if the DOCTYPE tag is properly set--which it isn't for ProBoards pages. Hence, the glow
	effect will only be visible to Firefox, Mozilla, Opera, and Safari users. */
	rGlowRad : 0.22,

/*	Function that returns 'true' if a candidate anchor (the argument) should have the shine effect applied, and 'false'
	otherwise. The function is currently set to apply a shine to any anchor referring to a user with group level > 0.

	Alternatively, you can specify shine elements by setting fxIsCandidate to null and manually invoking VShiny.add()
	with the IDs of (or references to) the elements you want to shine.

	Note that VShiny currently expects any shined elements to _not_ have any childen (i.e. content other than text).
	Results are undefined if this condition is violated. */
	fxIsCandidate : function( eA )
		{	return /^group(\d+)$/.test( eA.className ) && parseInt( RegExp.$1 ) > 0;	},


/* --- EDIT BELOW THIS POINT AT YOUR OWN RISK  --- */

	iTimeRef : 0,
	oIval : null,
	oAs : [],

	add : function( eA )	{
		eA = typeof( eA ) == 'string' ? document.getElementById( eA ) : eA;
		VShiny.oAs.push( { e: eA, iDefCol : VShiny.unescape( window.getComputedStyle ?
			getComputedStyle( eA, null ).getPropertyValue( 'color' ) : eA.currentStyle['color'] ) } );

		if( !VShiny.oIval )	{
			VShiny.rGlowRad = navigator.userAgent.toLowerCase().indexOf('chrome') != -1 ? 0.0 : VShiny.rGlowRad;
			VShiny.iSpeed = 1000/VShiny.iLettersPerSecond;
			VShiny.sShineCol = VShiny.escape( VShiny.iShineCol );
			VShiny.oIval = setInterval( VShiny.update, 10 );
			VShiny.iTimeRef = (new Date()).getTime();
		}
	},

	update : function()	{
		var iTime_ = (new Date()).getTime() - VShiny.iTimeRef;
		for( var i = 0; i < VShiny.oAs.length; i++ )	{
			var iTime = iTime_,
				oA = VShiny.oAs,
				iL = oA.e.children.length;

			if( !iL )	iL = VShiny.compartmentalize( oA.e );
			if( !iL )	continue;
			if( (iTime %= VShiny.denorm( iL, 6 )) < VShiny.iDelay )
				continue;

			for( var j = 0, e = oA.e.children[0]; j < iL; e = oA.e.children[++j %iL] )	{
				var rZ = Math.abs( iTime - VShiny.denorm( j, 3 ) )/(VShiny.rSpread*VShiny.iSpeed);
				e.style.color = VShiny.escape( (rZ > 3) ? oA.iDefCol :
					VShiny.interp( VShiny.iShineCol, oA.iDefCol, Math.exp( -rZ*rZ ) ) );
				if( VShiny.rGlowRad )	{
					if( rZ > 1.5 )
						e.style.textShadow = 'none';
					else	{
						var s = '0 0 ' + VShiny.rGlowRad + 'em ' + e.style.color;
						e.style.textShadow = s + (rZ > 0.75 ? '' : (',' + s));
					}
				}
			}
		}
	},

	init : function()	{
		if( !VShiny.fxIsCandidate )	return;
		for( var i = 0, eAs = document.getElementsByTagName('a'); i < eAs.length; i++ )
			if( VShiny.fxIsCandidate( eAs ) )
				VShiny.add( eAs );
	},

	compartmentalize : function( eA )	{
		eA.innerHTML = ('' + eA.innerHTML).replace( /(.)/g, '<font>$1</font>' );
		return eA.children.length;
	},
	denorm : function( i, i_ )
		{	return Math.floor( VShiny.iDelay + (i + i_*VShiny.rSpread)*VShiny.iSpeed ); },

	HEX : "0123456789ABCDEF",
	escape : function( iCol )
		{	return '#' + VShiny.$3( iCol[0] ) + VShiny.$3( iCol[1] ) + VShiny.$3( iCol[2] );	},
	unescape : function( sCol )	{
		var s = /^rgb\(\s*(\d+),\s*(\d+),\s*(\d+)\)$/.exec( sCol );
		if( s )
			return [parseInt( s[1] ), parseInt( s[2] ), parseInt( s[3] )];
		s = /^#(\w\w)(\w\w)(\w\w)$/.exec( sCol.toUpperCase() ) || /^#(\w\w)(\w\w)(\w\w)$/.exec( CCV[sCol] );
		return [VShiny.$2(s[1]), VShiny.$2(s[2]), VShiny.$2(s[3])];
	},
	interp : function( iCol, iCol_, r )	{
		return [Math.round( iCol[0]*r + iCol_[0]*(1-r) ), Math.round( iCol[1]*r + iCol_[1]*(1-r) ),
			Math.round( iCol[2]*r + iCol_[2]*(1-r) )];
	},
	$2 : function( s )	{	return VShiny.HEX.indexOf(s.charAt(0))*16 + VShiny.HEX.indexOf(s.charAt(1));	},
	$3 : function( i )	{	return VShiny.HEX.charAt( Math.floor( i/16 ) ) + VShiny.HEX.charAt( i %16 );	}
};
VShiny.init();

</script>

Alternatively (preferably), you can make modifications to the latter script block and save to a .js file, then upload to a .js hosting site such as yourjavascript.com. If you decide to use the code, I'll be around to answer questions and look into problems.

The code has been tested in IE 9, FF 5, Chrome, and Safari.

Regards,

Virgil

[яλíĐєn]

Jul 19, 2011 3:28:06 GMT -8 Virgil Sovereign said:

I put together the following scripted "shine" effect this morning, based on the example in the OP. You can see a demo of it here. It uses a single timer to cut down on overhead.

You'll have to include the following code in your global footer:

Alternatively (preferably), you can make modifications to the latter script block and save to a .js file, then upload to a .js hosting site such as yourjavascript.com. If you decide to use the code, I'll be around to answer questions and look into problems.

The code has been tested in IE 9, FF 5, Chrome, and Safari.

Regards,

Virgil

omg, that is what i am looking for. I call that Ownage
Thanks'
Virgil

Ok, now how can i target specific usernames? as you can see in my site it only targets usernames but it does them to all. Or if wormo can help in this idea and to get it to work with his smear code due to i use his code in my own made Shop system and mostly all users in my forum uses it.

Once i insert your code Vergil its made the rest color codename obsolete.

[Virgil Sovereign]

You've got a rainbow effect across your links already. Hm.

OK. I'll give you a modified version where you can target specific usernames and that doesn't override the rainbow.

[Virgil Sovereign]

I've added compatibility with the "color smear" hack, as well as a simpler interface for specifying which users the shine should apply to (edit the 'sUsers' array as done below).

Replace the existing code I gave you with:

<script type="text/javascript" src="http://yourjavascript.com/1137015619/ccv.js"></script>
<script type="text/javascript">

/*	VShiny 1.0 - Shines up your links. 
	V. Sovereign, July 2011
	Code provided without warranties. Modify and distribute freely, so long as this header remains intact. Certain
	parameters should be set. */

var VShiny =	{

/* --- PARAMETERS TO EDIT --- */

/*	Number of milliseconds between 'shines'. */
	iDelay : 4000,

/*	Number of letters covered per second by the shine. */
	iLettersPerSecond : 12,

/*	Spread of the shine (stdv of a Gaussian dist. in letters). Larger values mean a wider shine. */
	rSpread : 2.6,

/*	R,G,B triplet specifying the shine color. */
	iShineCol : [255,255,255],

/*	Glow radius in ems. Set to zero (0) to turn off glow.
	Currently glow is turned off for Google Chrome since Chrome's text-shadow CSS effect mangles the letters. IE will
	only respect the glow if the DOCTYPE tag is properly set--which it isn't for ProBoards pages. Hence, the glow
	effect will only be visible to Firefox, Mozilla, Opera, and Safari users. */
	rGlowRad : 0.22,

/*	List of users to shine. */
	sUsers : ['admin','tanxguide'],


/* --- EDIT BELOW THIS POINT AT YOUR OWN RISK  --- */

	fxIsCandidate : function( eA )
		{	return (new RegExp( 'user=(' + VShiny.sUsers.join('|') + ')\\b', '' )).test( eA.href );	},

	iTimeRef : 0,
	oIval : null,
	oAs : [],

	add : function( eA )	{
		eA = typeof( eA ) == 'string' ? document.getElementById( eA ) : eA;
		var iDefCol = VShiny.colorFor( eA );
		if( eA.children.length )	{
			iDefCol = [];
			for( var i = 0; i < eA.children.length; i++ )
				iDefCol.push( VShiny.colorFor( eA.children ) );
		}
		VShiny.oAs.push( { e: eA, 'iDefCol' : iDefCol } );

		if( !VShiny.oIval )	{
			VShiny.rGlowRad = navigator.userAgent.toLowerCase().indexOf('chrome') != -1 ? 0.0 : VShiny.rGlowRad;
			VShiny.iSpeed = 1000/VShiny.iLettersPerSecond;
			VShiny.sShineCol = VShiny.escape( VShiny.iShineCol );
			VShiny.oIval = setInterval( VShiny.update, 10 );
			VShiny.iTimeRef = (new Date()).getTime();
		}
	},

	update : function()	{
		var iTime_ = (new Date()).getTime() - VShiny.iTimeRef;
		for( var i = 0; i < VShiny.oAs.length; i++ )	{
			var iTime = iTime_,
				oA = VShiny.oAs,
				iL = oA.e.children.length;

			if( !iL )	iL = VShiny.compartmentalize( oA.e );
			if( !iL )	continue;
			if( (iTime %= VShiny.denorm( iL, 6 )) < VShiny.iDelay )
				continue;

			for( var j = 0, e = oA.e.children[0]; j < iL; e = oA.e.children[++j %iL] )	{
				var rZ = Math.abs( iTime - VShiny.denorm( j, 3 ) )/(VShiny.rSpread*VShiny.iSpeed),
					iDefCol = typeof( oA.iDefCol[0] ) == 'number' ? oA.iDefCol : oA.iDefCol[j];
				e.style.color = VShiny.escape( (rZ > 3) ? iDefCol :
					VShiny.interp( VShiny.iShineCol, iDefCol, Math.exp( -rZ*rZ ) ) );
				if( VShiny.rGlowRad )	{
					if( rZ > 1.5 )
						e.style.textShadow = 'none';
					else	{
						var s = '0 0 ' + VShiny.rGlowRad + 'em ' + e.style.color;
						e.style.textShadow = s + (rZ > 0.75 ? '' : (',' + s));
					}
				}
			}
		}
	},

	init : function()	{
		if( !VShiny.fxIsCandidate )	return;
		for( var i = 0, eAs = document.getElementsByTagName('a'); i < eAs.length; i++ )
			if( VShiny.fxIsCandidate( eAs ) )
				VShiny.add( eAs );
	},

	compartmentalize : function( eA )	{
		eA.innerHTML = ('' + eA.innerHTML).replace( /(.)/g, '<font>$1</font>' );
		return eA.children.length;
	},
	denorm : function( i, i_ )
		{	return Math.floor( VShiny.iDelay + (i + i_*VShiny.rSpread)*VShiny.iSpeed ); },
	colorFor : function( e )
		{	return VShiny.unescape( window.getComputedStyle ? getComputedStyle( e, null ).getPropertyValue( 'color' ) :
				e.currentStyle['color'] );	},

	HEX : "0123456789ABCDEF",
	escape : function( iCol )
		{	return '#' + VShiny.$3( iCol[0] ) + VShiny.$3( iCol[1] ) + VShiny.$3( iCol[2] );	},
	unescape : function( sCol )	{
		var s = /^rgb\(\s*(\d+),\s*(\d+),\s*(\d+)\)$/.exec( sCol );
		if( s )
			return [parseInt( s[1] ), parseInt( s[2] ), parseInt( s[3] )];
		s = /^#(\w\w)(\w\w)(\w\w)$/.exec( sCol.toUpperCase() ) || /^#(\w\w)(\w\w)(\w\w)$/.exec( CCV[sCol] );
		return [VShiny.$2(s[1]), VShiny.$2(s[2]), VShiny.$2(s[3])];
	},
	interp : function( iCol, iCol_, r )	{
		return [Math.round( iCol[0]*r + iCol_[0]*(1-r) ), Math.round( iCol[1]*r + iCol_[1]*(1-r) ),
			Math.round( iCol[2]*r + iCol_[2]*(1-r) )];
	},
	$2 : function( s )	{	return VShiny.HEX.indexOf(s.charAt(0))*16 + VShiny.HEX.indexOf(s.charAt(1));	},
	$3 : function( i )	{	return VShiny.HEX.charAt( Math.floor( i/16 ) ) + VShiny.HEX.charAt( i %16 );	}
};
VShiny.init();

Let me know how it works out.

Regards,

Virgil

[яλíĐєn]

Jul 19, 2011 10:09:35 GMT -8 Virgil Sovereign said:

I've added compatibility with the "color smear" hack, as well as a simpler interface for specifying which users the shine should apply to (edit the 'sUsers' array as done below).

Let me know how it works out.

Regards,

Virgil

you forgot the </script> in the last part, but now the entire forum is shiny all that is click able links now is way to shiny ;D looks cool though lol..
And that made the compatibility with the smear code too so that worked wonderful.
Maybe it needs tweaking?

Also would it be possible to host everything in my globals?
yourjavascript.com/1137015619/ccv.js

Forgot mention i have the following hacks too:
colorSmear display names
Colored Display Names <<this 1 i have it too
Maybe this is causing not to target the specified users?

I deleted the Colored Display Names but still the same, so yea maybe the code needs tweaking?

[Virgil Sovereign]

Whoops.

Didn't realize your subdomain was "tanxguide". I've updated the code in Reply #8. Replace the existing hack and try it. By default, only users "admin" and "tanxguide" should have the shine applied.

Regards,

Virgil

ETA:

Also would it be possible to host everything in my globals?

Yes. In fact, I'd recommend it. You've got mucho code on your webpages. Putting it into a .JS file allows your browser to cache a single file rather than having to re-download the code for every webpage.

The service I typically use is www.yourjavascript.com. It's free and requires no registration. Just send them a file and your e-mail address, and they e-mail you the URL. The only trouble I find with it is that you need to reupload a .JS file (and get a new link) every time you make changes. Hence, it's best if you only upload the hacks that you don't expect to be modifying frequently.

You can use the following code:

<script type="text/javascript" src="http://yourjavascript.com/1137015619/ccv.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/19704511611/vshiny.js"></script>
<script type="text/javascript">

/*	List of users to shine. */

VShiny.sUsers = ['admin','tanxguide'];
VShiny.init();

</script>

for a fully remotely-hosted version of the script. You can add and remove users as needed using the

VShiny.sUsers = ['admin','tanxguide'];

line.

[яλíĐєn]

Jul 19, 2011 13:39:58 GMT -8 Virgil Sovereign said:

Whoops.

Didn't realize your subdomain was "tanxguide". I've updated the code in Reply #8. Replace the existing hack and try it. By default, only users "admin" and "tanxguide" should have the shine applied.

Regards,

Virgil

ETA:

Also would it be possible to host everything in my globals?

Yes. In fact, I'd recommend it. You've got mucho code on your webpages. Putting it into a .JS file allows your browser to cache a single file rather than having to re-download the code for every webpage.

The service I typically use is www.yourjavascript.com. It's free and requires no registration. Just send them a file and your e-mail address, and they e-mail you the URL. The only trouble I find with it is that you need to reupload a .JS file (and get a new link) every time you make changes. Hence, it's best if you only upload the hacks that you don't expect to be modifying frequently.

Wow 2 thumbs up way up outstanding results and just the way i'd imagined!! I like it a lot Thanks Bro!!

Request Done ;D ;D ;D

[Virgil Sovereign]

Glad to be of service.

[Wormopolis]

phenomenal work Virgil!

way more intricate then what I was thinking of doing with casting 1 letter at a time through the name. outstanding!

[Virgil Sovereign]

Thanks for the compliment, Wormo.

I believe the superadmin on notmsnmoney has used several of the hacks you've developed for various board-enhancing features. Hence I'll thank you for those as well.