Избиране на цвят при нов пост

Автор: djvato

Такам … нека обясня за какво служи този урок … този урок добавя една съвсем мъничка таблица с цветове при нов пост и след като натиснеш един от цветовете и в мнението ти буквите стават такъв цвят каквито сте натиснали …

урока е супер кратък има само 1 файл за редактиране и 1 трябва да качите Confused и така нека започнем с самия урок … отворете : templates/вашия темплейт/posting_body .tpl и намерете този код … естествено може кадето искате да го сложите това зависи от вас …

<option value="24" class="genmed">{L_FONT_HUGE}</option>
</select>
</span></td>
<td nowrap="nowrap" align="right"><span class="gensmall"><a href="javascript:bbstyle(-1)" class="genmed" onMouseOver="helpline('a')">{L_BBCODE_CLOSE_TAGS}</a></span></td>
</tr>
</table>
</td>
</tr>

след него добавете

<SCRIPT language=JavaScript
src="templates/subSilver/color.js">
</SCRIPT>
<SCRIPT language=JavaScript>
var height1 = 10;//define the height of the color bar
var pas = 30;// define the number of color in the color bar
var text1="Font color: Syntax : ";
var text2="text";
</SCRIPT>
<TR>
<TD colSpan=12>
<TABLE id=ColorPanel cellSpacing=0 cellPadding=0 align=left
border=0>
<TBODY>
<TR>
<TD id=ColorUsed onmouseover="helpline('s')"
onclick="if(this.bgColor.length > 0) bbfontstyle('[color=' + this.bgColor + ']', '[/color]')"
vAlign=center align=middle ridge? 2px BORDER-BOTTOM:
default; CURSOR: ridge; BORDER-LEFT: BORDER-TOP:
BORDER-RIGHT:>
<SCRIPT language=JavaScript>
document.write('<IMG height='+height1+' src="templates/ тук сложете името на вашия темплейт /images/spacer.gif" width='+height1+' border=1></TD>');</SCRIPT>
<TD width=5>
<SCRIPT language=JavaScript>
document.write('<IMG height='+height1+' src="templates/ тук също /images/spacer.gif" width=5 border=0></TD>');</SCRIPT>
<SCRIPT language=JavaScript>
<!--
rgb(pas,4,height1,text1,text2)
// -->
</SCRIPT>
</TR></TBODY></TABLE></TD></TR>

след което направете един файл color.js

и в него сложете това :

//Made by mat

function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i>d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function insertTag(MyString)
{
bbopen='[color=' + MyString + ']'
bbclose='[/color]'
if ((clientVer >= 4) && is_ie && is_win) {
theSelection = document.selection.createRange().text;
if (theSelection) {
document.selection.createRange().text = bbopen + theSelection + bbclose;
MM_findObj('message').focus();
return;
}
}
if (MM_findObj('message').createTextRange && MM_findObj('message').caretPos) {
text = bbopen + bbclose ;
var caretPos = MM_findObj('message').caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
MM_findObj('message').focus();
return;
} else {
MM_findObj('message').value += bbopen + bbclose;
MM_findObj('message').focus();
return;
}
}
var base_hexa = "0123456789ABCDEF";
function dec2Hexa(number)
{
return base_hexa.charAt(Math.floor(number / 16)) + base_hexa.charAt(number % 16);
}

function RGB2Hexa(TR,TG,TB)
{
return "#" + dec2Hexa(TR) + dec2Hexa(TG) + dec2Hexa(TB);
}
function lightCase(MyObject)
{
MM_findObj('ColorUsed').bgColor = MyObject.bgColor;
}
col = new Array;
col[0] = new Array(255,0,255,0,255,-1);
col[1] = new Array(255,-1,255,0,0,0);
col[2] = new Array(0,0,255,0,0,1);
col[3] = new Array(0,0,255,-1,255,0);
col[4] = new Array(0,1,0,0,255,0);
col[5] = new Array(255,0,0,0,255,-1);
col[6] = new Array(255,-1,0,0,0,0);

function rgb(pas,w,h,text1,text2){
for (j=0;j<6+1;j++){
for (i=0;i<pas+1;i++)
{
r = Math.floor(col[j][0]+col[j][1]*i*(255)/pas);
g = Math.floor(col[j][2]+col[j][3]*i*(255)/pas);
b = Math.floor(col[j][4]+col[j][5]*i*(255)/pas);
codehex = r + '' + g + '' + b;
document.write(' <td bgColor=\"' + RGB2Hexa(r,g,b) + '\" onClick=\"insertTag(this.bgColor);lightCase(this);\" title=\"'+text1+ RGB2Hexa(r,g,b) + ']'+text2+'color]\" width=\"'+w+'\" height=\"'+h+'\"><IMG height='+h+' src="templates/subSilver/images/spacer.gif" width='+w+' border=0></TD>\n');
}}}

function search(text,caract)
{
for(i=0;i<text.length;i++)
{
if (caract == text.substring(i,i+1))
return i+1;
}
}

след което го качете в главната директория на темплейта … за файла става на въпрос

това е Winking

само да добавя :

ето от тук

var height1 = 10;//define the height of the color bar
var pas = 30;// define the number of color in the color bar

можете да си нагласите и големитена и дължината на самата таблица …
първото е колко да е дебела таблицата
второто колко да е дълга на демото е на 20 Winking

Успех