The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
HTML Markup
Hey guys and gals.
Just a quick question i hope someone can help me with. I want to make some fancy usernames for some members of my forum. Now as it currently stands we cant really use html markup for it based on character limits. So i resort to using additional css which works well. However how would i go about changing each letter of someones name? Now obviously this will not fit in html markup. (prob not the correct code either just an example really) Code:
<span style="color: rgb(255, 0, 0);">D</span> <span style="color: rgb(204, 0, 0);">A</span> <span style="color: rgb(153, 0, 0);">M</span> <span style="color: rgb(102, 0, 0);">I</span> <span style="color: rgb(51, 0, 0);">N</span> <span style="color: rgb(0, 0, 0);">K</span> Can it even been done through additional css? Any help to point me in the correct direction would be great. |
#2
|
||||
|
||||
Not sure if you wanted something like this, but this is what I've got.
On a fetch_musername hook, I've got a plugin with the following (more or less): PHP Code:
HTML Code:
<script type="text/javascript"> function randint(len) {var chars = "0123456789"; if (!len) {len=8;} var randomstring = ''; for (var i=0; i<len; i++) {var rnum = Math.floor(Math.random() * chars.length); randomstring += chars.substring(rnum,rnum+1);} return randomstring;} function set_as_spastic(el,name,idstring) { var randid = 0; if (idstring) {randid = idstring;} else {randid = Math.floor(Math.random() * 102400);} el.id = 'spastic_username_container_' + randid; spastic_Timer[randid] = 0; spastic_Names[randid] = name; if (!idstring) {spastic_index[randid] = 0;} spastic_letters[randid] = name.split(""); spastic_Timers[randid] = setInterval("spastic_username("+randid+")", 50); } var spastic_Names = new Array(); var spastic_Timer = new Array(); var spastic_Timers = new Array(); var spastic_index = new Array(); var spastic_letters = new Array(); function spastic_username(idstring) { var colors = new Array('ff00ff', 'ff0099', 'ff0000', 'ff9900', 'ffff00', '99ff00', '00ff00', '00ff99', '00ffff', '0099ff', '0000ff', '9900ff'); var bgcolors = new Array('880088', '880033', '880000', '883300', '888800', '338800', '008800', '008833', '008888', '003388', '000088', '330088'); spastic_index[idstring]++; if (spastic_index[idstring] > colors.length-1) {spastic_index[idstring] = 0;} var temp_index = spastic_index[idstring]; var output = ''; for (var i=0; i<spastic_letters[idstring].length; i++) { if (temp_index > colors.length-1) {temp_index = 0;} output += '<span style="color:#'+colors[temp_index]+';background-color:#'+bgcolors[temp_index]+';">'+spastic_letters[idstring][i]+'</span>'; temp_index++; } document.getElementById('spastic_username_container_'+idstring).innerHTML = output; document.getElementById('spastic_username_container_'+idstring).onmouseover = new Function('pauseSpastic('+idstring+')'); document.getElementById('spastic_username_container_'+idstring).onmouseout = new Function('unpauseSpastic('+idstring+')'); } function pauseSpastic(idstring) {clearInterval(spastic_Timers[idstring]);} function unpauseSpastic(idstring) {set_as_spastic(document.getElementById('spastic_username_container_' + idstring),spastic_Names[idstring],idstring);} </script> |
Благодарность от: | ||
Lynne |
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|