Техническая поддержка SpyBB

Объявление

Ответы на часто задаваемые вопросы  |  FAQ по администрированию форума  |  FAQ по дизайну форума в CSS  |  Абсолютный помощник по дизайну  |  Навигатор по форуму

Перед регистрацией прочтите правила форума
При поиске ответа на заданный вопрос рекомендуем пользоваться «Поиском».
В случае проблемы с форумом, обязательно указывайте его адрес, иначе мы не сможем Вам помочь!

● 24 марта 2012г. - Закрепление первого сообщения
● 23 марта 2012г.: Изменения в форме ответа - Добавлен стандартный спойлер. Доработан функционал кнопок

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка SpyBB » Скрипты » Визуальные эффекты. Скрипты.


Визуальные эффекты. Скрипты.

Сообщений 21 страница 25 из 25

21

Новые иконки в форме ответа:
[реклама вместо картинки] (с) [M.@.t.r.i.x]

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img100.imageshack.us/img100/7872/fontag6.png')}
#button-size {background-image:url('http://img233.imageshack.us/img233/8052/sizefontft7.png')}
#button-bold {background-image:url('http://img296.imageshack.us/img296/5051/boldew7.png')}
#button-italic {background-image:url('http://img233.imageshack.us/img233/9614/italwy4.png')}
#button-underline {background-image:url('http://img233.imageshack.us/img233/7743/underlineul7.png')}
#button-strike {background-image:url('http://img233.imageshack.us/img233/1989/97155150ze9.png')}
#button-left {background-image:url('http://img233.imageshack.us/img233/8444/leftalignxj8.png')}
#button-center {background-image:url('http://img296.imageshack.us/img296/9294/centeralignxq3.png')}
#button-right {background-image:url('http://img233.imageshack.us/img233/866/rightalignvo6.png')}
#button-link {background-image:url('http://img233.imageshack.us/img233/9210/urlpr3.png')}
#button-email {background-image:url('http://img233.imageshack.us/img233/533/mailta3.png')}
#button-image {background-image:url('http://img233.imageshack.us/img233/9349/piccr2.png')}
#button-hide {background-image:url('http://img100.imageshack.us/img100/1556/hideso3.png')}
#button-quote {background-image:url('http://img233.imageshack.us/img233/8871/quoterb4.png')}
#button-code {background-image:url('http://img120.imageshack.us/img120/2010/coderr7.png')}
#button-color {background-image:url('http://img120.imageshack.us/img120/2382/colorsln2.png')}
#button-smile {background-image:url('http://img233.imageshack.us/img233/1204/smiles2ud2.png')}
#button-keyboard {background-image:url('http://img233.imageshack.us/img233/673/keyboardae5.png')}
#button-imageup {background-image:url('http://img233.imageshack.us/img233/2074/loadimagelg9.png')}
</style>

Стиль: Duka
Отдельная благодарность [Э.G.О.Т.R.А.N.$] aka [M.@.t.r.i.x] за предоставленные иконки
Хтмл-низ или форма ответа

0

22

Новые иконки в форме ответа II

Pinky buttons by  [Э.G.О.Т.R.А.N.$] aka [M.@.t.r.i.x] (c)

[реклама вместо картинки]

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img210.imageshack.us/img210/4083/fontnj6.png')}
#button-size {background-image:url('http://img153.imageshack.us/img153/5050/fontsizeox5.png')}
#button-bold {background-image:url('http://img517.imageshack.us/img517/2178/boldwm7.png')}
#button-italic {background-image:url('http://img86.imageshack.us/img86/4518/italicch7.png')}
#button-underline {background-image:url('http://img210.imageshack.us/img210/8162/underlineqy0.png')}
#button-strike {background-image:url('http://img153.imageshack.us/img153/1719/88603494zc7.png')}
#button-left {background-image:url('http://img297.imageshack.us/img297/148/alignlefths8.png')}
#button-center {background-image:url('http://img86.imageshack.us/img86/1416/aligncenterck9.png')}
#button-right {background-image:url('http://img329.imageshack.us/img329/4710/alignrightmt1.png')}
#button-link {background-image:url('http://img329.imageshack.us/img329/4056/linkcp1.png')}
#button-email {background-image:url('http://img182.imageshack.us/img182/8940/mailaf0.png')}
#button-image {background-image:url('http://img210.imageshack.us/img210/7561/picurlml3.png')}
#button-hide {background-image:url('http://img210.imageshack.us/img210/5066/hidetxtzk6.png')}
#button-quote {background-image:url('http://img210.imageshack.us/img210/4836/qouteql6.png')}
#button-code {background-image:url('http://img182.imageshack.us/img182/203/codetd7.png')}
#button-color {background-image:url('http://img210.imageshack.us/img210/3773/colorsnq6.png')}
#button-smile {background-image:url('http://img153.imageshack.us/img153/6584/smilesgu1.png')}
#button-keyboard {background-image:url('http://img297.imageshack.us/img297/6546/keyboardez9.png')}
#button-imageup {background-image:url('http://img517.imageshack.us/img517/8963/loadimageab4.png')}
</style>

Хтмл-низ или форма ответа

Отредактировано [Э.G.О.Т.R.А.N.$] (13 Мар 2008 20:27:53)

0

23

Представляю вашему вниманию новый пакет иконок

Black icons by [Э.G.O.T.R.A.N.$] aka [M.@.t.r.i.x] (c)

Скрин
[реклама вместо картинки]

Код:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('http://img72.imageshack.us/img72/6545/fontnh0.png')}
#button-size {background-image:url('http://img72.imageshack.us/img72/1851/fontsizeuq4.png')}
#button-bold {background-image:url('http://img72.imageshack.us/img72/8796/boldcc8.png')}
#button-italic {background-image:url('http://img72.imageshack.us/img72/6549/italybn9.png')}
#button-underline {background-image:url('http://img72.imageshack.us/img72/2900/underlineca3.png')}
#button-strike {background-image:url('http://img72.imageshack.us/img72/4773/64794260pn1.png')}
#button-left {background-image:url('http://img72.imageshack.us/img72/5779/alignleftyo8.png')}
#button-center {background-image:url('http://img265.imageshack.us/img265/4157/aligncenterpj5.png')}
#button-right {background-image:url('http://img72.imageshack.us/img72/4153/alignrightxk1.png')}
#button-link {background-image:url('http://img72.imageshack.us/img72/1305/linkwi1.png')}
#button-email {background-image:url('http://img72.imageshack.us/img72/3971/mailbe5.png')}
#button-image {background-image:url('http://img72.imageshack.us/img72/1939/picba6.png')}
#button-hide {background-image:url('http://img72.imageshack.us/img72/4175/hidetxtgj8.png')}
#button-quote {background-image:url('http://img72.imageshack.us/img72/3276/quotegw6.png')}
#button-code {background-image:url('http://img72.imageshack.us/img72/1515/codemg6.png')}
#button-color {background-image:url('http://img72.imageshack.us/img72/5148/colorspx0.png')}
#button-smile {background-image:url('http://img72.imageshack.us/img72/1026/smileshl5.png')}
#button-keyboard {background-image:url('http://img72.imageshack.us/img72/7042/keyboardxq3.png')}
#button-imageup {background-image:url('http://img72.imageshack.us/img72/2582/loadimageme3.png')}
</style>

0

24

Скрипт, показывающий сколько дней существует форум

<script language=JavaScript>
<!--
d0 = new Date(' November 11, 2006');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('<SMALL>');
document.write ('Форум открыт уже <font color=#f88701><B>' + Math.round(dt) + '</B></font> дней');
document.write('</SMALL>');
-->
</script>

Выделенное красным - дата создания форума, вводите в таком же виде, как указано тут.
Выделенное синим - цвет цифр, показывающих количество дней. Можете изменить на нужный, либо убрать тег <font> вовсе.
Ставить можно везде, в зависимости от того, где Вам нужна данная надпись.

0

25

Универсальный скрипт падающего снега (работает во всех браузерах)

Код:
<SCRIPT language=JavaScript1.2>
if  ((document.getElementById) && window.addEventListener || window.attachEvent)

{(function()

{

var num = 30;   // Количество снежинок
var timer = 30; // Скорость падения

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length; 

for (i = 0; i < num; i++) {

sfs[i] = Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05; 

}
if (domWw) r = window;
  else { 
   if (d.documentElement && typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0) r = d.documentElement;
    else { 
     if (d.body && typeof d.body.clientWidth == "number")  r = d.body;
   }
  }

function winsize() {

var oh,sy,ow,sx,rh,rw;
if (domWw) {
  if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number") {
   oh = d.documentElement.offsetHeight;
   sy = d.defaultView.scrollMaxY;
   ow = d.documentElement.offsetWidth;
   sx = d.defaultView.scrollMaxX;
   rh = oh-sy;
   rw = ow-sx;
}
  else {
   rh = r.innerHeight;
   rw = r.innerWidth;
  }
h = rh - 2;  
w = rw - 2; 

} 
else{ 

h = r.clientHeight - 2; 
w = r.clientWidth - 2; 
}
}

function scrl(yx) { 

var y,x;
if (domSy) {
  y = r.pageYOffset;
  x = r.pageXOffset; }

else { 

y = r.scrollTop;
  x = r.scrollLeft;

}

return (yx == 0)?y:x;

}

function snow() {

var dy,dx;
for (i = 0; i < num; i++) { 

  dy = fall[i];
  dx = fall[i] * Math.cos(currStep[i]);
  y[i]+=dy;
x[i]+=dx; 
  if (x[i] >= w || y[i] >= h) {

   y[i] = -10;
   x[i] = Math.round(Math.random() * w);
   fall[i] = (sfs[i] == 1)?Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
   step[i] = (sfs[i] == 1)?0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;
currStep[i]+=step[i];

}

setTimeout(snow,timer);

}

function init() {

winsize();
for (i = 0; i < num; i++) {

  theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
  y[i] = Math.round(Math.random()*h);
  x[i] = Math.round(Math.random()*w); 

}

snow();

}

if (window.addEventListener) {

window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);

} 

else 
if (window.attachEvent) {

  window.attachEvent("onresize",winsize);
  window.attachEvent("onload",init);

}  


})();
}
</SCRIPT>

Ставить в HTML верх или HTML низ.

+1


Вы здесь » Техническая поддержка SpyBB » Скрипты » Визуальные эффекты. Скрипты.