Часики на форуме

Страница: 1

Сообщений 1 страница 7 из 7

Поделиться116-06-06 16:42:54

Автор: Даат тэр Леарг
Администратор
Откуда: Санкт-Петербург
Зарегистрирован: 11-04-06
Приглашений: 0
Сообщений: 1996
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 44 минуты
Последний визит:
16-06-10 00:21:49

Взгляните на страницу, левый верхний угол, над названием форума, там стоят часики, их можно сделать другого цвета, красными, жёлтыми, голубыми, зелёными, оранжевыми, серыми.
Какой вариант предпочитаете?
На данный момент они фиолетовые.

Поделиться222-06-06 11:16:57

Автор: Няня Антонина
Гроза проказников
Откуда: Детский сад
Зарегистрирован: 14-04-06
Приглашений: 0
Сообщений: 471
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
13 минут
Последний визит:
20-12-09 23:45:03

Долго искала, но все таки нашла часы. У меня стоит другой скин (не основной), у на зеленовато-коричневом фоне фиолетовые часы терются, но, как я понимаю, цвет часиков не может менятся? Он статичный. Жаль.

Поделиться322-06-06 16:36:07

Автор: DoBEERman
Маньяк-затейник
Откуда: astral
Зарегистрирован: 16-06-06
Приглашений: 0
Сообщений: 43
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
Не определено
Последний визит:
06-07-06 07:48:52

есть у меня в загашниках один скриптик....

Код:

<script language ="Javascript">

dCol='0000FF';//date colour.
fCol='FFFFFF';//face colour.
sCol='0000FF';//seconds colour.
mCol='FFFFFF';//minutes colour.
hCol='FFFFFF';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=120;
ClockFromMouseX=120;
//Alter nothing below! Alignments will be lost!
d=new Array("ВОСКРЕСЕНЬЕ","ПОНЕДЕЛЬНИК","ВТОРНИК","СРЕДА","ЧЕТВЕРГ","ПЯТНИЦА","СУББОТА");
m=new Array("ЯНВАРЬ","ФЕВРАЛЬ","МАРТА","АПРЕЛЬ","МАЙ","ИЮНЬ","ИЮЛЬ","АВГУСТА","СЕНТЯБРЬ","ОКТЯБРЬ","НОЯБРЬ","ДЕКАБРЬ");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900; 
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.7;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length; 
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.03;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

    if (ns){
    for (i=0; i < D.length; i++)
    document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
    for (i=0; i < n; i++)
    document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
    for (i=0; i < S.length; i++)
    document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
    for (i=0; i < M.length; i++)
    document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
    for (i=0; i < H.length; i++)
    document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
    if (ie){
    document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < D.length; i++)
    document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
    document.write('</div></div>');
    document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < n; i++)
    document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
    document.write('</div></div>');
    document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < H.length; i++)
    document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
    document.write('</div></div>');
    document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < M.length; i++)
    document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
    document.write('</div></div>')
    document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < S.length; i++)
    document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
    document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

    function Mouse(evnt){
    ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
    xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

    function ClockAndAssign(){
    time = new Date ();
    secs = time.getSeconds();
    sec = -1.57 + Math.PI * secs/30;
    mins = time.getMinutes();
    min = -1.57 + Math.PI * mins/30;
    hr = time.getHours();
    hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

        if (ie){
        Od.style.top=window.document.body.scrollTop;
        Of.style.top=window.document.body.scrollTop;
        Oh.style.top=window.document.body.scrollTop;
        Om.style.top=window.document.body.scrollTop;
        Os.style.top=window.document.body.scrollTop;
    }
        for (i=0; i < n; i++){
        var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; 
        F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
        F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
    }
        for (i=0; i < H.length; i++){
        var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
        HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
        HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
    }
        for (i=0; i < M.length; i++){
        var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
        ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
        ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
    }
        for (i=0; i < S.length; i++){
        var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
        SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
        SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
    }
        for (i=0; i < D.length; i++){
        var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; 
        DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
        DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
    }
    currStep-=step;
}
    function Delay(){
    scrll=(ns)?window.pageYOffset:0;
    Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
    Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

        for (i=1; i < D.length; i++){
        Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
        Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
    }
    y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
    x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

        for (i=1; i < n; i++){
        y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
        x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
    }
    ClockAndAssign();
    setTimeout('Delay()',20);
    }
if (ns||ie)window.onload=Delay;
</script>

в принципе не самый удобный, но достаточно красивый скриптик с чисами и датой, который привязывается к курсору.

Поделиться422-06-06 16:43:48

Автор: Даат тэр Леарг
Администратор
Откуда: Санкт-Петербург
Зарегистрирован: 11-04-06
Приглашений: 0
Сообщений: 1996
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 44 минуты
Последний визит:
16-06-10 00:21:49

Хм, рискнуть-не рискнуть?.. А можно узнать, хотя бы описательно и приблизительно, как это будет выглядеть и на сколько утяжелит форум?

Поделиться522-06-06 17:49:37

Автор: DoBEERman
Маньяк-затейник
Откуда: astral
Зарегистрирован: 16-06-06
Приглашений: 0
Сообщений: 43
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
Не определено
Последний визит:
06-07-06 07:48:52

могу дать образец. создай любой фаил с разширением .html
и закинь туда следующее

Код:

<html>
<script language ="Javascript">

dCol='0000FF';//date colour.
fCol='FFFFFF';//face colour.
sCol='0000FF';//seconds colour.
mCol='FFFFFF';//minutes colour.
hCol='FFFFFF';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=120;
ClockFromMouseX=120;
//Alter nothing below! Alignments will be lost!
d=new Array("ВОСКРЕСЕНЬЕ","ПОНЕДЕЛЬНИК","ВТОРНИК","СРЕДА","ЧЕТВЕРГ","ПЯТНИЦА","СУББОТА");
m=new Array("ЯНВАРЬ","ФЕВРАЛЬ","МАРТА","АПРЕЛЬ","МАЙ","ИЮНЬ","ИЮЛЬ","АВГУСТА","СЕНТЯБРЬ","ОКТЯБРЬ","НОЯБРЬ","ДЕКАБРЬ");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900; 
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.7;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length; 
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.03;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

    if (ns){
    for (i=0; i < D.length; i++)
    document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
    for (i=0; i < n; i++)
    document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
    for (i=0; i < S.length; i++)
    document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
    for (i=0; i < M.length; i++)
    document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
    for (i=0; i < H.length; i++)
    document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
    if (ie){
    document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < D.length; i++)
    document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
    document.write('</div></div>');
    document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < n; i++)
    document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
    document.write('</div></div>');
    document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < H.length; i++)
    document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
    document.write('</div></div>');
    document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < M.length; i++)
    document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
    document.write('</div></div>')
    document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < S.length; i++)
    document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
    document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

    function Mouse(evnt){
    ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
    xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

    function ClockAndAssign(){
    time = new Date ();
    secs = time.getSeconds();
    sec = -1.57 + Math.PI * secs/30;
    mins = time.getMinutes();
    min = -1.57 + Math.PI * mins/30;
    hr = time.getHours();
    hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

        if (ie){
        Od.style.top=window.document.body.scrollTop;
        Of.style.top=window.document.body.scrollTop;
        Oh.style.top=window.document.body.scrollTop;
        Om.style.top=window.document.body.scrollTop;
        Os.style.top=window.document.body.scrollTop;
    }
        for (i=0; i < n; i++){
        var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; 
        F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
        F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
    }
        for (i=0; i < H.length; i++){
        var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
        HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
        HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
    }
        for (i=0; i < M.length; i++){
        var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
        ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
        ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
    }
        for (i=0; i < S.length; i++){
        var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
        SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
        SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
    }
        for (i=0; i < D.length; i++){
        var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; 
        DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
        DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
    }
    currStep-=step;
}
    function Delay(){
    scrll=(ns)?window.pageYOffset:0;
    Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
    Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

        for (i=1; i < D.length; i++){
        Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
        Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
    }
    y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
    x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

        for (i=1; i < n; i++){
        y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
        x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
    }
    ClockAndAssign();
    setTimeout('Delay()',20);
    }
if (ns||ie)window.onload=Delay;
</script>
<title></title>
<body bgcolor="black" text="white" link="white" vlink="white" alink="white">
</body>
</html>

после чего запускаешь его и смотришь:) на белом скине цвета будут не очень видны, но если что - изенить цвет и шрифт - дело 5 секунд.

Поделиться622-06-06 18:06:05

Автор: Zabar
Морской котик
Откуда: Питер
Зарегистрирован: 08-06-06
Приглашений: 0
Сообщений: 51
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
Не определено
Последний визит:
04-09-06 15:54:08

Даат тэр Леарг написал(а):

Взгляните на страницу, левый верхний угол, над названием форума, там стоят часики, их можно сделать другого цвета, красными, жёлтыми, голубыми, зелёными, оранжевыми, серыми.
Какой вариант предпочитаете?
На данный момент они фиолетовые.

Оставь такие,они более не обычные!! :rolleyes:

Поделиться723-06-06 01:26:22

Автор: Kat-to-fay Learg
Администратор
Зарегистрирован: 11-04-06
Приглашений: 0
Сообщений: 754
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
9 часов 46 минут
Последний визит:
12-07-11 19:55:10

Фиолетово, всё фиолетово:))) и мне нравится:))))
часики надо оставить такими, какие они есть, и менять их не стоит... впрочем, ты стоишь у меня сейчас за правым плечом и это читаешь, а что ногой делаешь, я даже выписывать не стану, потому как не вижу:))))))))) и слушаю правым ухом, как ты меня комментируешь, и не только меня:))))))))))

Страница: 1

Страна Энегг

Меню навигации

Пользовательские ссылки

Объявление

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