Комментарии: Лого сайта http://www.wp-ru.ru/news/2009/07/10/logo-sajta/ Русские плагины и темы для WordPress Thu, 02 Feb 2012 18:30:16 +0000 hourly 1 Автор: Grib http://www.wp-ru.ru/news/2009/07/10/logo-sajta/comment-page-1/#comment-26948 Grib Mon, 18 Oct 2010 04:26:50 +0000 http://www.wp-ru.ru/?p=127#comment-26948 Действительно, что-то я забыл предусмотреть форму обратной связи, нужно будет исправить сей недостаток )) Что касаемо самого вопроса - никакого секрета нет. Эффект достигается следующим образом. В шаблон темы, между тегами[html]<head></head>[/html] в моем случае, непосредственно перед закрывающим тегом [html lite="true"]</head>[/html] в файле header.php, внедряется следующий javascript код [js wraplines="false"] <script type="text/javascript"> var nereidFadeObjects = new Object(); var nereidFadeTimers = new Object(); var opacitiz=0; window.onload=function() { var e=document.getElementsByTagName('*') for (var i=0,l=e.length;i<l;i++) e[i].sourceIndex=i } function KrossBrows(object,num) { if (num==1) if (!document.all) nereidFade(object, 1,30,0.1); else nereidFade(object, 100,30,10); else if (!document.all) nereidFade(object, 0.3,50,0.05); else nereidFade(object, 30,50,5); } function nereidFade(object, destOp, rate, delta){ if (!document.all) opacitiz=object.style.opacity; else opacitiz=object.filters.alpha.opacity; clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-opacitiz; direction = 1; if (opacitiz > destOp) direction = -1; delta=Math.min(direction*diff,delta); if (!document.all) object.style.opacity=parseFloat(object.style.opacity)+(direction*delta); else object.filters.alpha.opacity+=direction*delta; if (opacitiz != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script> [/js] Далее, при указании картинки, в тэге img src, указываем дополнительные параметры: [js]onmouseover="KrossBrows(this,1)" style="FILTER: alpha(opacity=30);opacity:0.3" onmouseout="KrossBrows(this,0)"[/js] Вот в общем то и все. Код не мой, а по честному где-то нагугленный, первоисточник к сожалению уже не вспомню. Действительно, что-то я забыл предусмотреть форму обратной связи, нужно будет исправить сей недостаток ))

Что касаемо самого вопроса — никакого секрета нет.

Эффект достигается следующим образом.

В шаблон темы, между тегами

<head></head>

в моем случае, непосредственно перед закрывающим тегом 

</head>

в файле header.php, внедряется следующий javascript код 

<script type="text/javascript">
var nereidFadeObjects = new Object();
var nereidFadeTimers = new Object();
var opacitiz=0;

window.onload=function() {
  var e=document.getElementsByTagName('*')
  for (var i=0,l=e.length;i<l;i++) e[i].sourceIndex=i
}

function KrossBrows(object,num) {
        if (num==1)
                if (!document.all) nereidFade(object, 1,30,0.1);
                else nereidFade(object, 100,30,10);
        else
                if (!document.all) nereidFade(object, 0.3,50,0.05);
                else nereidFade(object, 30,50,5);
}

function nereidFade(object, destOp, rate, delta){
        if (!document.all) opacitiz=object.style.opacity;
        else opacitiz=object.filters.alpha.opacity;

        clearTimeout(nereidFadeTimers[object.sourceIndex]);
        diff = destOp-opacitiz;
        direction = 1;
        if (opacitiz > destOp) direction = -1;

        delta=Math.min(direction*diff,delta);
        if (!document.all) object.style.opacity=parseFloat(object.style.opacity)+(direction*delta);
        else object.filters.alpha.opacity+=direction*delta;

        if (opacitiz != destOp){
                nereidFadeObjects[object.sourceIndex]=object;
                nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
        }
}
</script>

Далее, при указании картинки, в тэге img src, указываем дополнительные параметры: 

onmouseover="KrossBrows(this,1)" style="FILTER: alpha(opacity=30);opacity:0.3" onmouseout="KrossBrows(this,0)"

Вот в общем то и все.

Код не мой, а по честному где-то нагугленный, первоисточник к сожалению уже не вспомню.

]]> Автор: vitvitalik http://www.wp-ru.ru/news/2009/07/10/logo-sajta/comment-page-1/#comment-26006 vitvitalik Thu, 14 Oct 2010 12:52:46 +0000 http://www.wp-ru.ru/?p=127#comment-26006 Я обрыл всё, но не нашел где и как можно связаться с автором этого блога... Меня интересует футер Вашего сайта. А именно эффект кнопок! Мы можете его раскрыть? Я обрыл всё, но не нашел где и как можно связаться с автором этого блога... Меня интересует футер Вашего сайта. А именно эффект кнопок! Мы можете его раскрыть?

]]> Автор: Serg http://www.wp-ru.ru/news/2009/07/10/logo-sajta/comment-page-1/#comment-16884 Serg Sat, 14 Aug 2010 06:13:59 +0000 http://www.wp-ru.ru/?p=127#comment-16884 Epic fail. Логотип вот о чем: пока весь цивилизованный мир осваивает новые технологии, русские переводят Wordpress на печатной машинке.... Epic fail.

Логотип вот о чем: пока весь цивилизованный мир осваивает новые технологии, русские переводят WordPress на печатной машинке...

]]>