Мигающие форумы

[demvrem]

Я вот фишку на best-filez увидел-наводишь курсором на название форума/категории он начинает мерцать красным цветом....Как на 2.0.3 такую фичу получить?

[Asmodey]

это делается на css, изменяй *.css файлы

[demvrem]

Asmodey

Извините Уважаемый а вы не можете подсказать что именно там надо изменять?А то я в этом деле полный профан...

[yarweb]

Это делается с помощью JavaScript.

 

Создешь файл fade.js В него вставляешь:

/*************
**** <config>
**/

fadeColor = "#7D9F05";  // color to fade to
//fadeColor = "#0";
stepIn = 25; // delay when fading in
stepOut = 27; // delay when fading out

/* set to true or false; true will
** cause all links to fade automatically
** (you won't need to add class="fade")
***/
autoFade = true;  

/* set to true or false; true will cause all CSS
** classes with "fade" in them to fade onmouseover
***/
sloppyClass = true;

/* set to true or false; true will make the script
** work for Macs (IE 5+), but you will have to give
** a name (name="blah") to each link that you want
** to fade.
***/
macCompat = false;

/** 
**** </config>
**************/

/*************
**** <install>
**

Now, once you have customized your fading colors,
you need to include your customized .js file on
every page that you want to use it in. You can
include javascript files using this syntax (in
the head of a document):

<script src="fade.js" language="Javascript"></script>

Now that you have the file included, you need to
setup your links a small bit.  Each link that you
want to fade needs to use the fade class.

Example:

<a href="blah.html" class="fade">click here</a>

Also, the link must be plain text.  This means
that you can't have <b>'s, <i>'s, <font>'s, etc.
inside of the link.

Example of what not to do:

<a href="blah.html" class="fade"><b>click</b> here</a>

Have fun!
-Anarchos-

** 
**** </install>
**************/

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
   hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover;
document.onmouseout = domouseout;

fadeColor = dehexize(fadeColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
 for (j=0; j<16; j++){
	 if (Color.charAt(i) == hexa[j]){
   if (i%2 !=0)
  	 colorArr[Math.floor((i-1)/2)]=eval(j)*16;
   else
  	 colorArr[Math.floor((i-1)/2)]+=eval(j);
	 }
 }
}
return colorArr;
}

function domouseover() {
if(document.all){
 var srcElement = event.srcElement;
 if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
   if (!srcElement.startColor) {
  	 srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
  	 srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
   }
   var link = (macCompat? srcElement.name: srcElement.uniqueID);
   if (link) fade(srcElement.startColor,fadeColor,link,stepIn);    
   else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");
 }
}
}

function domouseout() {
if (document.all){
 var srcElement = event.srcElement;
 if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
	 var link = (macCompat? srcElement.name: srcElement.uniqueID);
	 if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
 }
}
}

function makearray(n) {
   this.length = n;
   for(var i = 1; i <= n; i++)
       this[i] = 0;
   return this;
}

function hex(i) {
   if (i < 0)
       return "00";
   else if (i > 255)
       return "ff";
   else
      return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}

function setColor(r, g, b, element) {
     var hr = hex(r); var hg = hex(g); var hb = hex(b);
     element.style.color = "#"+hr+hg+hb;
}

function fade(s,e,element,step) {
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];

if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) {
 var orig = eval(fadeId[0]);
 setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
 var i = 1;
 while(i < fadeId.length) {
	 clearTimeout(fadeId[i]);
	 i++;
 }
}
 
for(var i = 0; i <= step; i++) {
 fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
	 step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
	 ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
}
fadeId[0] = element;
}

 

Между тегами <head></head> вставляешь <script src="fade.js" language="Javascript"></script> С настройками экспериментируй. (всё что между <config> в файле fade.js) Цвет меняться будет у всех ссылок которые не привязаны к css, хотя это тоже можно настроить.

[demvrem]

Спасибо!

А его в корневой каталог форума по php заливать иль куда?Сорри если сморозил глупость...

[yarweb]

Заливаешь куда угодно, можешь в папку "jscripts" там все яваскрипты форума лежат, потом путь незабудь изменить

<script src="jscripts/fade.js" language="Javascript"></script>

[CTPELOK]

Извините за глупый вопрос, а в каком файле нужно вставить адрес этого скрипта между тегами <head></head>?

[Song]

во wrapper'е. В админке.

[CTPELOK]

я все сделал как вы говорили.............тока вот результат нулевой (((

[yarweb]

Работоспособность проверялась на IE6, на других браузерах не гарантируется, в частности под FireFox не фурычит т.к. у него с javascript проблемы.[1112560249:1112561355]вот улучшенный вариант скрипта чем предыдущий, устанавливать также.

/************* 
**** <config> 
**/ 
startColor = "#000000"; // MouseOut link color 
endColor = "#FF0000"; // MouseOver link color 

stepIn = 20; // delay when fading in 
stepOut = 20; // delay when fading out 

/* 
** set to true or false; true will 
** cause all links to fade automatically 
***/ 
autoFade = true; 
/* 
** set to true or false; true will cause all CSS 
** classes with "fade" in them to fade onmouseover 
***/ 
sloppyClass = true; 
/** 
**** </config> 
**************/ 
/************* 
**** <install> 
** 
** 
**** </install> 
**************/ 

hexa = new makearray(16); 
for(var i = 0; i < 10; i++) 
hexa[i] = i; 
hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 
hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; 

document.onmouseover = domouseover; 
document.onmouseout = domouseout; 

startColor = dehexize(startColor.toLowerCase()); 
endColor = dehexize(endColor.toLowerCase()); 

var fadeId = new Array(); 
var timerID = 0; 
var theElement,theTagName,theClassName,theUniqueID 

function dehexize(Color){ 
var colorArr = new makearray(3); 
for (i=1; i<7; i++){ 
for (j=0; j<16; j++){ 
if (Color.charAt(i) == hexa[j]){ 
if (i%2 !=0) 
colorArr[Math.floor((i-1)/2)]=eval(j)*16; 
else 
colorArr[Math.floor((i-1)/2)]+=eval(j); 
} 
} 
} 
return colorArr; 
} 

function domouseover() { 
if(document.all) { 
clearTimeout(timerID); 
theElement = event.srcElement; 
theTagName = theElement.tagName; 
theClassName = theElement.className; 
theUniqueID = theElement.uniqueID; 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown()',500); 
} 
} 
} 

function pulseup() { 
if(document.all) { 
clearTimeout(timerID); 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown(theElement)',500); 
} 
} 
} 

function pulsedown(theElement) { 
if (document.all) { 
clearTimeout(timerID); 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(endColor,startColor,theUniqueID,stepOut); 
timerID = setTimeout('pulseup()',500); 
} 
} 
} 


function domouseout() { 
if (document.all) { 
clearTimeout(timerID); 
var srcElement = event.srcElement; 
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
fade(endColor,startColor,srcElement.uniqueID,stepOut); 
} 
} 

function makearray(n) { 
this.length = n; 
for(var i = 1; i <= n; i++) 
this[i] = 0; 
return this; 
} 

function hex(i) { 
if (i < 0) 
return "00"; 
else if (i > 255) 
return "ff"; 
else 
return "" + hexa[Math.floor(i/16)] + hexa[i%16];} 

function setColor(r, g, b, element) { 
var hr = hex(r); var hg = hex(g); var hb = hex(b); 
element.style.color = "#"+hr+hg+hb; 
} 

function fade(s,e, element,step){ 
var sr = s[0]; var sg = s[1]; var sb = s[2]; 
var er = e[0]; var eg = e[1]; var eb = e[2]; 

if (fadeId[0] != null && fade[0] != element){ 
setColor(sr,sg,sb,eval(fadeId[0])); 
var i = 1; 
while(i < fadeId.length){ 
clearTimeout(fadeId[i]); 
i++; 
} 
} 

for(var i = 0; i <= step; i++) { 
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + 
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ 
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); 
} 
fadeId[0] = element; 
}

[demvrem]

Спасибо большое!Только как сделать чтобы для каждого скина разное было?[1113519276:1113520369]Всмысле цвет

[yarweb]

Для каждого скина создать отдельный скрипт fade1.js, fade2.js указать там разные цвета, потом в редакторовании шаблонов(в пункте "Изменить верхний и нижний колонтитул") для каждого скина указать свой скрипт.

[demvrem]

Угу спасибо большое тебе!