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

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

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

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

Модификация Уведомления как на facebook

Тема в разделе 'Моды - Mods', создана пользователем jolly185, 11 июл 2012.

  1. jolly185 Автор темы Active member


    Оффлайн
    • Знаменитый
    Сообщения:
    304
    Симпатии:
    39
    Версия SocialEngine:
    3.20
    Версия phpFox:
    3.3.0
    Версия Oxwall:
    1.4.0
    tpl код
    Код:
    <div class='top_menu_link_container'>
<div class='top_menu_l2'>
<div id="container"><div id="topnav" class="topnav"><a href="#" onclick="ajax_loadContent('fd_menux','notification.php?st=friend',this); return false" class="fd"><span></span></a><div id="notification_friends"></div></div>
<fieldset id="fd_menu">
<div class='portal_content'><b>{lang_print id=653}</b></div>   
<div id="fd_menux" ></div>
</fieldset>
</div>
</div>   
</div>
   
<div class='top_menu_link_container'>
<div class='top_menu_l2'>
<div id="container"><div id="topnav" class="topnav"><a href="#" onclick="ajax_loadContent('mp_menux','notification.php?st=mp',this);return false" class="mp"><span></span></a><div id="notification_mps"></div></div>
<fieldset id="mp_menu">
<div class='portal_content'><b>{lang_print id=654}</b></div>   
<div id="mp_menux" ></div>   
</fieldset>
</div>   
</div>   
</div>
 
<div class='top_menu_link_container'>
<div class='top_menu_l2'>
<div id="container"><div id="topnav" class="topnav"><a href="#" onclick="ajax_loadContent('net_menux','notification.php?st=new',this);return false" class="net"><span></span></a><div id="notification_news"></div>
</div>
<fieldset id="net_menu" >
<div class='portal_content'><b>{lang_print id=664}</b></div>   
<div id="net_menux" ></div>
</fieldset>
</div>   
</div>   
</div>
    js код
    Код:
    var j = jQuery.noConflict();
        j(document).ready(function() {
 
            j(".signin").click(function(e) {
                e.preventDefault();
                j("fieldset#signin_menu").toggle();
                j(".signin").toggleClass("menu-open");
            });
 
            j("fieldset#signin_menu").mouseup(function() {
                return false
            });
            j(document).mouseup(function(e) {
                if(j(e.target).parent("a.signin").length==0) {
                    j(".signin").removeClass("menu-open");
                    j("fieldset#signin_menu").hide();
                }
            });           
 
        });
       
        // MP
            j(document).ready(function() {
            j(".mp").click(function(e) {
                e.preventDefault();
                j("fieldset#mp_menu").toggle();
                j(".mp").toggleClass("menu-open");
            });
 
            j("fieldset#mp_menu").mouseup(function() {
                return false
            });
            j(document).mouseup(function(e) {
                if(j(e.target).parent("a.mp").length==0) {
                    j(".mp").removeClass("menu-open");
                    j("fieldset#mp_menu").hide();
                }
            });           
 
        });
        // AMIGOS
            j(document).ready(function() {
            j(".fd").click(function(e) {
                e.preventDefault();
                j("fieldset#fd_menu").toggle();
                j(".fd").toggleClass("menu-open");
            });
 
            j("fieldset#fd_menu").mouseup(function() {
                return false
            });
            j(document).mouseup(function(e) {
                if(j(e.target).parent("a.fd").length==0) {
                    j(".fd").removeClass("menu-open");
                    j("fieldset#fd_menu").hide();
                }
            });           
 
        });
        // NET
            j(document).ready(function() {
            j(".net").click(function(e) {
                e.preventDefault();
                j("fieldset#net_menu").toggle();
                j(".net").toggleClass("menu-open");
            });
 
            j("fieldset#net_menu").mouseup(function() {
                return false
            });
            j(document).mouseup(function(e) {
                if(j(e.target).parent("a.net").length==0) {
                    j(".net").removeClass("menu-open");
                    j("fieldset#net_menu").hide();
                }
            });           
 
        });
           
                // ACOUNT
            j(document).ready(function() {
            j(".top_menu_itemu").click(function(e) {
                e.preventDefault();
                j("fieldset#top_menu_itemu_menu").toggle();
                j(".top_menu_itemu").toggleClass("menu-open");
            });
 
            j("fieldset#top_menu_itemu_menu").mouseup(function() {
                return false
            });
            j(document).mouseup(function(e) {
                if(j(e.target).parent("a.top_menu_itemu").length==0) {
                    j(".top_menu_itemu").removeClass("menu-open");
                    j("fieldset#top_menu_itemu_menu").hide();
                }
            });           
 
        });
    CSS код
    Код:
    #container {
    margin:0 auto;
    position: relative;
}
a:link, a:visited {
    color:#27b;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
 
 
#topnav {
    padding:0px 0px 0px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#88bbd4;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#topnav a.signin:hover {
    background:#59B;
}
 
 
a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url("../images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
#topnav a.menu-open {
    background:#F7FBFB!important;
    color:#666!important;
    outline:none;
    border:1px solid #000000;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("../images/toggle_up_dark.png");
    color:#789;
}
 
 
 
 
 
 
 
 
#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#ddeef6;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:-2px;
    margin-right: 0px;
    color:#789;
    font-size:11px;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
#topnav a.fd {
 
    padding:4px 16px 6px 0;
}
#topnav a.fd:hover {
    background:#4B67A1;
}
a.fd {
    position:relative;
    height: 23px; width:10px; float:left;
}
a.fd span {
    background: url("../images/ldr1.png") no-repeat 37% -78px;
    height: 22px; width:20px; float:left;
    padding:0px 0px 0px 0px;
   
}
 
a.fd.menu-open span {
    background: url("../images/ldr1.png") no-repeat 37% -44px;
    height: 22px; width:20px; float:left;
    border-top: none;
}
 
#fd_menu {
    display:none;
    background-color: #F7FBFB;
    position:absolute;
    width:320px;
    z-index:100;
    border:1px solid #000000;
    border-top: none;
    text-align:left;
    padding:4px;
    top: 24.5px;
    right: 0px;
    margin-top:9px;
    margin-right: -302px;
    font-size:10px;
}
 
 
 
 
 
 
#topnav a.mp {
 
    padding:4px 16px 6px 0;
}
#topnav a.mp:hover {
    background:#4B67A1;
}
a.mp {
    position:relative;
    height: 23px; width:10px; float:left;
}
a.mp span {
    background: url("../images/ldr1.png") no-repeat 0 -285px;
    height: 22px; width:20px; float:left;
    padding: 0px 0px 0px 0;
}
a.mp.menu-open span {
    background: url("../images/ldr1.png") no-repeat 60% -250px;
    height: 22px; width:20px; float:left;
    color:#FFFFFF;
}
#mp_menu {
    display:none;
    background-color: #F7FBFB;
    position:absolute;
    width:320px;
    z-index:100;
    border:1px solid #000000;
    border-top: none;
    text-align:left;
    padding:4px;
    top: 24.5px;
    right: 0px;
    margin-top:9px;
    margin-right: -302px;
    font-size:10px;
}
 
 
 
 
 
 
#topnav a.net {
    padding:4px 16px 6px 0;
}
#topnav a.net:hover {
    background:#4B67A1;
}
a.net {
    position:relative;
    height: 23px; width:10px; float:left;
}
a.net span {
    background: url("../images/ldr1.png") no-repeat 0 -250px;
    height: 22px; width:20px; float:left;
    padding:0px 0px 0px 0px;
}
 
a.net.menu-open span {
    background: url("../images/ldr1.png") no-repeat 37% -114px;
    height: 22px; width:20px; float:left;
    color:#FFFFFF;
}
 
#net_menu {
    display:none;
    background-color: #F7FBFB;
    position:absolute;
    width:320px;
    z-index:100;
    border:1px solid #000000;
    border-top: none;
    text-align:left;
    padding:4px;
    top: 24.5px;
    right: 0px;
    margin-top:9px;
    margin-right: -302px;
    font-size:10px;
   
}
 
 
 
 
 
 
#topnav a.top_menu_itemu {
    padding:4px 16px 6px 0;
}
#topnav a.top_menu_itemu:hover {
    background:#4B67A1;
}
a.top_menu_itemu {
    position:relative;
    height: 23px; width:10px; float:left;
}
a.top_menu_itemu span {
    background: url("../images/tip0.gif") no-repeat 0 0;
    height: 18px; width:20px; float:left;
    padding:0px 0px 0px 0px;
}
 
a.top_menu_itemu.menu-open span {
    background: url("../images/tip.gif") no-repeat 0 0;
    height: 18px; width:20px; float:left;
    color:#FFFFFF;
}
 
#top_menu_itemu_menu {
    display:none;
    background-color: #F7FBFB;
    position:absolute;
    width:200px;
    z-index:100;
    border:1px solid #000000;
    border-top: none;
    text-align:left;
    padding:4px;
    top: 24.5px;
    right: 0px;
    margin-top:9px;
    margin-right: 0px;
    font-size:12px;
   
}
 
 
 
#topnav a.top_menu_item1 {
    padding: 8px 2px 2px 12px;
    position:relative;
    height: 22px; width:90px; float:left;
}
#topnav a.top_menu_item1:hover {
    background:#4B67A1;
}
 
a.top_menu_item1 span {
    background: url("../images/ldr.png") no-repeat 0 0;
    height: 22px; width:90px; float:left;
    padding:0px 0px 0px 0px;
}
 
a.top_menu_item2 span {
    background: url("../images/ldr.png") no-repeat 35% -25px;
    height: 42px; width:250px; float:left;
    padding:0px 0px 0px 0px;
}
    jolly185, 11 июл 2012
    #1
    Alpert108 нравится это.

  2. Alpert108 User


    Оффлайн
    Сообщения:
    132
    Симпатии:
    14
    Версия SocialEngine:
    3.20
    Конечно спасибо, но инструкцию можно?!
    Alpert108, 11 июл 2012
    #2

  3. jolly185 Автор темы Active member


    Оффлайн
    • Знаменитый
    Сообщения:
    304
    Симпатии:
    39
    Версия SocialEngine:
    3.20
    Версия phpFox:
    3.3.0
    Версия Oxwall:
    1.4.0
    Инструкция проста tpl и js код вставляем в header.tpl а CSS код в style.css соответственно
    jolly185, 11 июл 2012
    #3
    Alpert108 нравится это.

  4. Alpert108 User


    Оффлайн
    Сообщения:
    132
    Симпатии:
    14
    Версия SocialEngine:
    3.20
    jolly185, а у Вас нет случайна мода или не знаете как реализовать верификацию аккаунтов как ВКонтакте????
    Alpert108, 11 июл 2012
    #4

  5. jolly185 Автор темы Active member


    Оффлайн
    • Знаменитый
    Сообщения:
    304
    Симпатии:
    39
    Версия SocialEngine:
    3.20
    Версия phpFox:
    3.3.0
    Версия Oxwall:
    1.4.0
    Нет у меня нет такого мода Поищи где тут в форуме уже такое было
    jolly185, 11 июл 2012
    #5

  6. Alpert108 User


    Оффлайн
    Сообщения:
    132
    Симпатии:
    14
    Версия SocialEngine:
    3.20
    Искал, ничего не нашел :(
    А ссылки нет случайно?
    Alpert108, 12 июл 2012
    #6

  7. JaGuAr71 User


    Оффлайн
    Сообщения:
    146
    Симпатии:
    11
    Версия SocialEngine:
    3.20
    Оъясните что дает этот мод? и можно скрин
    JaGuAr71, 23 авг 2012
    #7

  8. Smart-Hacker User


    Оффлайн
    Сообщения:
    54
    Симпатии:
    24
    Скриншот пожалуйста :police:
    Smart-Hacker, 25 авг 2012
    #8

  9. Gooos абырвалГ


    Оффлайн
    • Admin
    Сообщения:
    2.435
    Симпатии:
    645
    Версия SocialEngine:
    3.20
    Gooos, 25 авг 2012
    #9
    Alpert108 нравится это.

  10. Alpert108 User


    Оффлайн
    Сообщения:
    132
    Симпатии:
    14
    Версия SocialEngine:
    3.20
    Alpert108, 25 авг 2012
    #10

Поделиться этой страницей

All rights reserved SocEngine.ru ©