1. Мы продолжаем публиковать интересные статьи на тему SocialEngine 4. Одна из статей посвящена правильному выбору сервера для вашей социальной сети, а другая содержит советы по увеличению производительности платформы. Также мы добавили большую статью о пользовательских уровнях. Ознакомиться со статьями вы можете в разделе Вопросы и Ответы SocialEngine 4.

  2. Вам кажется, что ваша версия SocialEngine 4, работает медленно?

    Голосуйте. Пишите свою версию системы, железо на чем работает и количество пользователей. Будем увеличивать производительность :-) Подробнее

  3. В связи с участившимися случаями попыток продажи пользователями форума различных "сборок" коммерческих социальных платформ, обычно основанных на SocialEngine 3, вводится новое правило для форума. Запрещается создание тем или размещение в уже созданных предложений о продаже или размещение ссылок на сайты, где происходит продажа "сборок". Пользователи, которые продолжат свою коммерческую деятельность в данном направлении, будут заблокированы. Подробнее.
Новые полезные статьи о SocialEngine 4 Ваш SocialEngine 4 медленно работает? Запрет на размещение информации о "Сборках"

Вертикальное красивое меню

Discussion in 'Прочая Поддержка - Help Requests' started by xaxa15, Jan 22, 2011.

  1. xaxa15 Thread starter Novice member


    Offline
    Message Count:
    46
    Likes Received:
    1
    Помогите мне пожалуйста прикрутить это меню к СЕ. все делаю по инструкции но ничего не работает...


    HTML code is very simple. We have a list (<ul>) with some <li> elements with a progressive ID (l1, l2, l3, l4...):

    I used this simple CSS code to set the look of links but you can customize it how your prefer:

    In order to obtain our effects (elastic motion + change opacity) I used MooTools framework and some lines of Js code. In the <head> tag of the page add a link to MooTools:

    <script type="text/javascript" src="mootools.svn.js"> </script>[/PHP]

    Now, copy and paste this code below the previous line of code in the <head> tag of the page (if you prefer you can also copy this code in a separated .js file and import it in your page):

    ПРИМЕР

    Attached Files:

    xaxa15, Jan 22, 2011
    #1
    codeman likes this.

  2. ExTRANE Active member


    Offline
    Message Count:
    278
    Likes Received:
    62
    Ну так почему же не работает твоя пример рабочий ...
    единственное что, когда пихаеш ява срипт в .TPL какой либо, заключай его в скобки .. {literal}{/literal}

    Тоесть будет так:

    PHP:

    {literal}
    <    script type="text/javascript">
    window.addEvent('domready', function(){
    $(    '#container div').each(function(item){
    var     o = item.id

    // FX motion with elastic effect
    var fx-motion = new Fx.Style(o, 'margin-top', {
    duration: 1000,
    transition: Fx.Transitions.Back.easeInOut,
    wait: true
    });

    // FX opacity effect
    var fx-opacity = new Fx.Style(o, 'opacity', {
    duration: 1000,
    transition: Fx.Transitions.Back.easeInOut,
    wait: true
    });
    item.addEvents({
    'mouseenter' : function(e){
    fx-motion.stop()
    fx-opacity.stop()
    fx-motion.start(0,100);
    fx-opacity.start(0.5);
    },
    'mouseleave' : function(e){
    fx-motion.stop()
    fx-opacity.stop()
    fx-motion.start(0);
    fx-opacity.start(1);
    }
    });
    })
    });
    </script>
    {/literal}
    Иначе как не крути но работать не будет)
    ExTRANE, Jan 26, 2011
    #2
    codeman likes this.

Share This Page

All rights reserved SocEngine.ru ©